/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.0
build: 2026
*/
  
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Work Sans'), local('WorkSans-Regular'), url(../CSS/Skins/Common/fonts/WorkSans/WorkSans_1.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Work Sans'), local('WorkSans-Regular'), url(../CSS/Skins/Common/fonts/WorkSans/WorkSans_2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html,legend{color:#000}html{background:#FFF}td,th,blockquote,p,textarea,input,legend,fieldset,form,code,pre,h6,h5,h4,h3,h2,h1,li,ol,ul,dd,dt,dl,div,body{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}img,fieldset,acronym,abbr{border:0}var,th,strong,em,dfn,code,cite,caption,address{font-style:normal}var,th,strong,em,dfn,code,cite,caption,address,h6,h5,h4,h3,h2,h1{font-weight:normal}li{list-style:none}th,caption{text-align:left}h6,h5,h4,h3,h2,h1{font-size:100%}q:after,q:before{content:''}acronym,abbr{font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}select,textarea,input{font:inherit inherit inherit;font-size:100%}
/******* END OF YAHOO RESET ****/

html
{
    height:100%;
  
    margin:0;
padding:0; 
padding-bottom:-10px;
   /* background:url("../Images/login/login_bck.jpg") fixed no-repeat top right ;*/
}

.Hide {
    display: none;
}
.riEmpty.riHover{
        color: rgb(153, 153, 153);
    font-family: 'Work Sans';
    font-size: 12px;
    font-style: italic;
}
.riEmpty {
    color: rgb(153, 153, 153);
    font-family: 'Work Sans';
    font-size: 12px;
    font-style: italic;
}
.Msg {
    z-index: 110;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 1;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    position: absolute;
    border-bottom: black 1px solid;
    visibility: hidden;
    width: 250px;
    font-family: 'Work Sans';
    font-size: 11px;
    color: Black;
    padding: 2px;
}
body
{
	height:100%;
	margin:0;
    padding:0; 			
    background-color:#FFF;
    font-family:'Work Sans';  
    margin: 0;
    font-size:12px;
}

form 
{
    padding:0px 0px;
    position:relative;
}

.HeaderMenuHelp {
    background-image: url('Images/ResponsiveIcons/24White.png');
    background-repeat: no-repeat;
    background-position: -336px 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
    outline: 0;
    margin-right: 7px;
}


span#lblPassword{position: absolute;top: 0;left: 6px;color: #999;font-size: 12px;}
.divIcon{height:24px; width:24px;background-color:/*1*/#316888/*1*/;background-image:url('Images/ResponsiveIcons/24x24 White.png');margin-top: 8px;margin-left: 8px;}
.outerIcon{    background-color: /*1*/#316888/*1*/;padding: 0px;width: 40px;height: 40px;    display: inline-block;left:4px;
    position: relative;
    top: 16px;}
input#txtPassword{padding-left: 1%;width:82%;height:36px;margin-left:-1px}
input#txtPasswordHide{padding-left: 1%;width:82%;height:36px;margin-left:-1px}

input#txtUser {padding-left: 1%;width: 82%;height: 36px;position: relative; margin-bottom: 12px;left:-1px;font-style: normal;}
.LoginForm{ background-color:/*1*/#316888/*1*/;}
.tdSidebar{width: 400px; height: 100%;background-color:/*2*/#7396AA/*2*/;}

.Validator {
    color: #FFFFFF !important;
    font-size: 13px !important;
}
input#cboDatabases_Input {
    height: 35px;
    border-color: #e5e5e5;
    background-color: #FFF;
    color: #000;
    padding-left: 5px;
    display:block !important;
    font-style:normal;
}
input#cboUsers_Input {
    height: 35px;
    border-color: #e5e5e5;
    background-color: #FFF;
    color: #000;
    padding-left: 5px;
     display:block !important;
     font-style:normal;
}
.outerIconComboBox{    background-color: /*1*/#316888/*1*/;padding: 0px;width: 40px;height: 40px;    display: inline-block;
    position: relative;top: 11px;left: 4px;}
#SideBar{
		float:left;
		width: 400px;
        min-height: 100vh;
		-moz-border-radius: 5px;  
        -webkit-border-radius: 5px;
         background-color:/*2*/#7396AA/*2*/;
         padding-bottom:0px;
         margin-left:10px;
         padding-left:10px;
         
         
}

.RadComboBox .rcbInputCell, .RadComboBox .rcbArrowCell {
    background-color: #F9f9f9;
}
#ClientBox
{
    margin-left:0px;
	width:240px;
	font-size:11px;
	padding:7px;
    margin-top:40px;
    display:block
}

.RadComboBox_Default .rcbArrowCell {
    background-image: url('Images/ResponsiveIcons/ddlArrowDown.png');
}
.RadComboBox .rcbFocused .rcbArrowCellRight {
        background-position: 5px 10px !important;
        background-color:white !important
}
.RadComboBox  .rcbArrowCellRight {
        background-position: 5px 10px !important;
        background-color:white !important
}

.RadComboBox .rcbArrowCell a{width:30px }
.divClientBox{color: white;}
.ClientBox_item
{
    padding:7px;
}




.btnLogin{
color:#FFF;
background: /*1*/#316888/*1*/;
width: calc(84% + 40px);
height: 40px;
margin-top:10px;
margin-left:3px;
-webkit-appearance:none;
border:0;
border-radius: 5px;
}

.btnLogin:hover{
color:#FFF;
background: /*1*/#316888/*1*/;
width: calc(84% + 40px);
height: 40px;
margin-top:10px;
margin-left:3px;
-webkit-appearance:none;
border:0;
border-radius: 5px;
}

.mobile-switch-login input:checked {
    border-color: /*2*/#7396AA/*2*/ !important;
    box-shadow: inset 12px 0 0 0 #FFF !important;
}

.mobile-switch-login input:checked:after {
    left: 14px !important;
    box-shadow: -2px 4px 3px rgba(0,0,0,0.05) !important;
    border-right: none !important;
}

.mobile-switch-login input {
    position: relative !important;
    outline: none !important;
    width: 32px !important;
    height: 10px !important;
    background-color: white !important;
    border: 1px solid /*2*/#7396AA/*2*/ !important;
    border-radius: 50px !important;
    box-shadow: inset -20px 0 0 0 #FFF !important;
    transition-duration: 200ms !important;
    -webkit-appearance: none !important;
    background-image: none !important;
    vertical-align: middle !important;
}

.mobile-switch-login input:after {
    content: "" !important;
    position: absolute !important;
    top: 1px !important;
    width: 15px !important;
    left: 1px !important;
    background-color: /*2*/#7396AA/*2*/ !important;
    border-radius: 50% !important;
    box-shadow: 2px 4px 6px rgba(0,0,0,0.2) !important;
    height: 14px !important;
    border-right: 1px solid /*2*/#7396AA/*2*/!important;
    vertical-align: middle !important;
}

.mobile-switch-login label {
    margin-right: 20px;
    font-size: 16px;
}
#login
{
   /* margin-left:30px;*/
    margin-top:40px;
}

.login_field
{
	font-size: 9pt;
	font-weight: bold;
	color: #000;
	line-height: 32px;
}

/*#Login_btn
{
    text-align:center;
    width:100%;
}*/


#h1_User_Login
{
    margin-top:120px;
    margin-bottom:30px;
    margin-left:0px;
    font-size:10px;
    color:Gray;
    font-weight:bold;
}

#licenseAgreement
{ 
    margin-left:5px;
    text-align:left;
	text-decoration: none;
	color: white;
	font-size: 8pt;
    display:block;
}

#copyright
{ bottom:5px;
    text-align:left;
    margin-left:5px;
	text-decoration: none;
	color: white;
	font-size: 8pt;
        display:block;
        margin-top:5px;
}

#info
{
 /*  float:right;*/
   height:100%;
    padding:0 10px;
    color:#524d4d;
  /* min-width:600px; 

 margin-left:300px;*/
  
    
}

#info_img
{  
    height:360px;
    position:absolute;
    right:0px;
}

#info_data
{
    padding-left:20px;
   /* margin-top:360px;*/
}

#info h2
{
    font-size:14px;
    font-weight:bolder;
    padding: 10px 0px;
}

#info p
{
    line-height:22px;
    font-size:12px;
    font-weight:bold;
}

.bold
{
    font-weight:bold;
}

#out_links
{
  
 margin-left:10px;
   text-align:Left;
    margin-top:30px;
    line-height:20px;
}

a, a:visited, a:active
{
    color:#0000c1 !important;
}


.imgLogin {
width:100%;
max-height:100vh;
display:block;
}
.tdImgLogin{
    display:block;
}

.switch{position:relative;display:inline-block;width:34px;height:18px}
.switch input {
opacity:0;
width: 0;
height:0;
}

.slider{
    position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:white;transition: 300ms;-webkit-transition:300ms}

.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:1px;background-color:/*2*/#7396AA/*2*/;transition: 300ms;-webkit-transition:300ms}
.slider.round:before{border-radius:50%}
.slider.round{border-radius:34px}
input:checked + .slider:before{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px)}
input:checked + .slider:before{box-shadow:0 0 1px /*1*/#316888/*1*/;}
input:checked +.slider{background-color:white}

.RadComboBox .rcbEmptyMessage {
    font-style: italic;
    color: transparent;
    color: #999 !important;
    font-size: 12px;
}
@media screen and (max-width:880px){
    .imgLogin{
        display:none
    }
    .tdImgLogin{
    display:none;
}
    #SideBar{
        width:99%;
          margin-left:0px;
         padding-left:0px;
    } 

    .tblLogin{text-align:center;}

    .Msg {left:40px !important;top: -144px !important;}

    .btnLogin{
width: calc(84% + 40px);
margin-left:3px;
}

.btnLogin:hover{
 width: calc(84% + 40px);
     margin-left: 3px;
}

input#txtPassword{padding-left: 1%;width:82.5%;height:36px;margin-left:-1px}
input#txtPasswordHide{padding-left: 1%;width:82.5%;height:36px;margin-left:-1px}

input#txtUser {padding-left: 1%;width: 82.5%;height: 36px;position: relative; margin-bottom: 12px;left:-1px;font-style: normal;}
}