div[data-role="login-modal"] {
    position:absolute;
    width:100%;
    height:100%;
    min-height:100%;
    background:#333;
    z-index:998;
    display:none;
    visibility:hidden;
}

div[data-role="login-modal"] iframe {
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    right:0;
    left:0;
    z-index:999;
    display:block;
    position:absolute;
    box-sizing:border-box;
    border:none;
    border-collapse:collapse;
}
.password-policy-reset-display {
    background-color: #fdfdbc;
    width: 800px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-top: 50px;
}

input[type="checkbox"]#remember-me {
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:auto 5px;
}
.login-container label.formlabel {
    text-shadow:-1px -1px 1px rgba(0,0,0,0.6);
    color:rgba(255,255,255,0.6);
    padding:auto auto auto 10px;
}

div#forgotPassword a.ui-link {
    text-shadow:-1px -1px 1px rgba(0,0,0,0.6);
    margin-left:-20px;
    color:#f9961e;
}

/* 
=============================================
 Set login form logo for login-dialog-page 
============================================= */
div[data-role="page"].login-dialog-page div.login-logo {
    height:160px;
    width:300px;
    display:block;
    margin:0 auto 24px;
    border:none;
    background-repeat:no-repeat;
    background-size:300px 160px;
    background-image:url('/content/themes/csi-gray/images/common/csi-logo.png');   
}

/* 
=============================================
 Set base styles for login-dialog-page 
============================================= */
div[data-role="page"].login-dialog-page {
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    background-color: #222;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background-image:none;
}

div.loginSequence {
    background:#f2f2f2 !important;
    margin-top:-15px !important;
    padding-top:50px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

/* 
=============================================
 Set base styles for login-dialog-page with
 full screen background images
============================================= */
div[data-role="page"].login-dialog-page {
    background-size:100% 100%;
    background-repeat:no-repeat; 
}

div[data-role="page"].login-dialog-page.theme-linen-plain,
div[data-role="page"].login-dialog-page.theme-noise-gray {
    background-size:cover;
    background-repeat:repeat; 
}

/* 
=============================================
 Set base images for each login-dialog-page 
 full background style
============================================= */
div[data-role="page"].login-dialog-page.theme-leather {
    background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-2048.jpg');
}
div[data-role="page"].login-dialog-page.theme-leather-plain {
    background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-plain-2048.jpg');
}
div[data-role="page"].login-dialog-page.theme-leather-brown {
    background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-2048.jpg');
    background-color:#322415;
}
div[data-role="page"].login-dialog-page.theme-leather-brown-plain {
    background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-plain-2048.jpg');
    background-color:#322415;
}
div[data-role="page"].login-dialog-page.theme-linen {
    background-image: url('/Scripts/Plugins/login-modal/images/linen-back-tile-2048.jpg');
}
div[data-role="page"].login-dialog-page.theme-linen-plain {
    background-image: url('/content/images/common/linen-background.jpg');
}
div[data-role="page"].login-dialog-page.theme-orange-smoke {
    background-image: url('/Scripts/Plugins/login-modal/images/orange-smoke-back-tile-2048.jpg');
}
div[data-role="page"].login-dialog-page.theme-noise-gray {
    background-image: url('/Scripts/Plugins/login-modal/images/noise-gray-2048.jpg');
}


/* 
=============================================
 Set base styles for login-dialog-page with
 gradient tile background images
============================================= */
div[data-role="page"].login-dialog-page.theme-blue,
div[data-role="page"].login-dialog-page.theme-gray {
    background-color:#fff;
}

div[data-role="page"].login-dialog-page.theme-csi-gray {
    background-color:#717073;
    background-image:none;
}

/* 
=============================================
 Set base images for each login-dialog-page 
 gradient tile background image
============================================= */
div[data-role="page"].login-dialog-page.theme-blue {
    background-image: url('/Scripts/Plugins/login-modal/images/blue-gradient-tile.png');
}
div[data-role="page"].login-dialog-page.theme-gray {
    background-image: url('/Scripts/Plugins/login-modal/images/gray-gradient-tile.png');
}

/*div[data-role="page"].login-dialog-page-leather div.login-container,
div[data-role="page"].login-dialog-page-leather-plain div.login-container{
    background:rgba(0,0,0,0.3);
    border-radius:10px !important;
    box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.3), 0 0 3px 1px rgba(255,255,255,0.1);
    border:2px solid rgba(0,0,0,0.4);
}*/

div[data-role="page"].login-dialog-page.theme-orange-smoke div.login-container {
    background:rgba(0,0,0,0.9);
    border-radius:10px;
    box-shadow:0 0 10px 5px rgba(0,0,0,0.5);
    border:2px solid #111;
}

div[data-role="page"].login-dialog-page div.login-container p {
    color:  #999;
    text-shadow:0 1px 1px rgba(255,255,255,.3), 0 -1px 2px rgba(0,0,0,.9);
}

div[data-role="page"].login-dialog-page div.login-container label[for] {
    display:none;
}

div[data-role="page"].login-dialog-page div.login-container div[data-role="field-contain"] {
    clear:both;
    margin:7px auto;
    display:block;
}
div[data-role="page"].login-dialog-page div.login-container h2 {
    color:  #fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.5);
    margin-bottom:7px;
}

div[data-role="page"].login-dialog-page div.login-container {
    width:320px;
    height:auto; 
    margin:0 auto; 
    vertical-align:middle;
    top:30%;
    left:50%;
    margin-top:-150px;
    margin-left:-150px;
    position:absolute;
    border-radius:6px;
    padding:20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

div[data-role="page"].login-dialog-page div.login-container input {
    background:rgba(0,0,0,0.5);
    border:1px solid #000;
    box-shadow:inset 2px 2px 1px rgba(0,0,0,.6), 0 0 2px 2px rgba(249,245,209,.1);
    text-shadow:none;
    color:rgba(255,255,255,0.9);
}

div[data-role="page"].login-dialog-page div.login-container input:focus{
    box-shadow:0 0 10px rgba(62,192,252,0.5);
}

div[data-role="page"].login-dialog-page div.login-container input::-webkit-input-placeholder {
    color: rgba(255,255,255,.3);
}
div[data-role="page"].login-dialog-page div.login-container input:-moz-placeholder {
    color: rgba(255,255,255,.3);
}
div[data-role="page"].login-dialog-page div.login-container input:-ms-input-placeholder {
    color: rgba(255,255,255,.3);
}

div[data-role="page"].login-dialog-page div.login-container input.placeholder,
div[data-role="page"].login-dialog-page div.login-container textarea.placeholder {
    color: rgba(255,255,255,.3);
}

/*
div[data-role="page"].login-dialog-page a[data-role="button"] {
    margin-top:15px;
    display:block;
}
div[data-role="page"].login-dialog-page .ui-btn,
div[data-role="page"].login-dialog-page .ui-btn-inner,
div[data-role="page"].login-dialog-page .ui-btn-inline,
div[data-role="page"].login-dialog-page .ui-btn-hidden{
    max-width:250px !important;
} */

/*==================================
	Media Queries
================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2){
    div[data-role="page"].login-dialog-page div.login-logo {
        background-image:url('/content/themes/csi-gray/images/common/csi-logo@2x.png');  
    }
} 

@media only screen and (min-width:1025px) {
    div[data-role="page"].login-dialog-page.theme-leather {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-2048.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-plain-2048.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-2048.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-plain-2048.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-linen {
        background-image: url('/Scripts/Plugins/login-modal/images/linen-back-tile-2048.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-orange-smoke {
        background-image: url('/Scripts/Plugins/login-modal/images/orange-smoke-back-tile-2048.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-noise-gray{
        background-image: url('/Scripts/Plugins/login-modal/images/noise-gray-2048.jpg');
    }
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
    div[data-role="page"].login-dialog-page.theme-leather {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-1024-portrait.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-plain-1024-portrait.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-1024-portrait.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-plain-1024-portrait.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-linen {
        background-image: url('/Scripts/Plugins/login-modal/images/linen-back-tile-1024-portrait.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-orange-smoke {
        background-image: url('/Scripts/Plugins/login-modal/images/orange-smoke-back-tile-1024-portrait.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-noise-gray{
        background-image: url('/Scripts/Plugins/login-modal/images/noise-gray-1024-portrait.jpg');
    }
}

@media only screen and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
    div[data-role="page"].login-dialog-page.theme-leather {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-1024-portrait@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-plain-1024-portrait@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-1024-portrait@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-plain-1024-portrait@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-linen {
        background-image: url('/Scripts/Plugins/login-modal/images/linen-back-tile-1024-portrait@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-orange-smoke {
        background-image: url('/Scripts/Plugins/login-modal/images/orange-smoke-back-tile-1024-portrait@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-noise-gray{
        background-image: url('/Scripts/Plugins/login-modal/images/noise-gray-1024-portrait@2x.jpg');
    }
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
    div[data-role="page"].login-dialog-page.theme-leather {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-1024.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-plain-1024.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-1024.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-plain-1024.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-linen {
        background-image: url('/Scripts/Plugins/login-modal/images/linen-back-tile-1024.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-orange-smoke {
        background-image: url('/Scripts/Plugins/login-modal/images/orange-smoke-back-tile-1024.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-noise-gray{
        background-image: url('/Scripts/Plugins/login-modal/images/noise-gray-1024.jpg');
    }
}

@media only screen and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {
    div[data-role="page"].login-dialog-page.theme-leather {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-1024@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-plain-1024@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-1024@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-plain-1024@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-linen {
        background-image: url('/Scripts/Plugins/login-modal/images/linen-back-tile-1024@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-orange-smoke {
        background-image: url('/Scripts/Plugins/login-modal/images/orange-smoke-back-tile-1024@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-noise-gray{
        background-image: url('/Scripts/Plugins/login-modal/images/noise-gray-1024@2x.jpg');
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px){
    div[data-role="login-modal"]
    {
	    max-height:768px !important;  
    }
    
    div[data-role="login-modal"] iframe
    {
	    min-height:100% !important;
    }
}

/*@media only screen and (max-width:320px) {
    div[data-role="page"].login-dialog-page.theme-leather {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-320.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-plain-320.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-320.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-plain-320.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-linen {
        background-image: url('/Scripts/Plugins/login-modal/images/linen-back-tile-320.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-orange-smoke {
        background-image: url('/Scripts/Plugins/login-modal/images/orange-smoke-back-tile-320.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-noise-gray{
        background-image: url('/Scripts/Plugins/login-modal/images/noise-gray-320.jpg');
    }
}

@media only screen and (max-width:320px) and (-webkit-min-device-pixel-ratio: 2) {
    div[data-role="page"].login-dialog-page.theme-leather {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-320@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-plain-320@2x.jpg');
    }
     div[data-role="page"].login-dialog-page.theme-leather-brown {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-320@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-leather-brown-plain {
        background-image: url('/Scripts/Plugins/login-modal/images/leather-back-tile-brown-plain-320@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-linen {
        background-image: url('/Scripts/Plugins/login-modal/images/linen-back-tile-320@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-orange-smoke {
        background-image: url('/Scripts/Plugins/login-modal/images/orange-smoke-back-tile-320@2x.jpg');
    }
    div[data-role="page"].login-dialog-page.theme-noise-gray{
        background-image: url('/Scripts/Plugins/login-modal/images/noise-gray-320@2x.jpg');
    }
}*/