﻿@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Roboto';
	src: url('../ReportViewer/fonts/Roboto-Medium.eot');
	src: url('../ReportViewer/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../ReportViewer/fonts/Roboto-Medium.woff2') format('woff2'),
		url('../ReportViewer/fonts/Roboto-Medium.woff') format('woff'),
		url('../ReportViewer/fonts/Roboto-Medium.ttf') format('truetype'),
		url('../ReportViewer/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
@font-face {
	font-family: 'Roboto';
	src: url('../ReportViewer/fonts/Roboto-Medium.eot');
	src: url('../ReportViewer/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../ReportViewer/fonts/Roboto-Medium.ttf') format('truetype'),
		url('../ReportViewer/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
}
html {
    width: 100%;
    height: 100%;
}
/*body, form, html {
	height:100%
}*/
#wrapper, body {
	font-size:12px;
	margin:0 auto
}
form {
	width:100%
}
/*body {
	overflow-x:hidden;
	background: url(Images/login-background.jpg);
    background-size: cover;
    background-position: 0 65%;
	background-repeat:no-repeat;
	font-family:Roboto;
}*/
 body {
                /*background: radial-gradient(circle, rgba(135, 206, 235, 0.0392156862745098), rgba(33, 150, 243, 0.32)) !important;*/
                font-family: Roboto;
                font-size: 15px;
                color: #676a6d;
               background: url(../Images/login-background.jpg) !important;
                background-size: cover !important;
                background-position: 0% 70% !important;
            }
#wrapper {
	height:auto
}
#login_form_login p, .font_color_white, .link_color_white {
	font-size:12px;
	color:#fff;
    font-family:Roboto;
    padding: 5px 10px;
}
#wrapper_login {
	margin:0 auto;
	height:97%
    
}
#main_page_login {
	height:99%
}
.margin_top_5px {
	margin-top:5px
}
.margin_top_15px {
	margin-top:15px
}
.link_color_white {
	padding-left:10px
}
#Main_login_form, #forgot_password_page, #login_form_login {
	/*padding:15px;
	float:right*/
}
.logo_new {
    background-image: url(../images/Log_in/logo_LOGIN.png);
    height: 40px;
    width: 139px;
    background-repeat: no-repeat;
    
    margin: 0px auto !important;
}
.login_box {
    text-align: center;
    margin: 0px auto;
    padding-top: 65px;
}
.margin_left108px {
	margin-left:108px!important
}
#login_form_login p {
	position:absolute;
	margin-top:45px;
	margin-left:155px;
	top:279px;
	left:773px
}
p a {
	color:#fff
}
table td {
	vertical-align:middle!important
}
#login_form_login {
	border-radius:8px;
	/*margin:140px 85px 10px 10px;*/
	width:340px
}
#forgot_password_page {
	/*border-radius:8px;
	margin:145px 85px 10px 10px;*/
	width: 45%;
    margin: 0px auto;
    margin-top: 4%;
    background: rgba(0,0,0,0.8);
}


#Main_login_form {
	/*background-repeat:repeat;
	border-radius:4px;
	margin:190px 85px 10px 10px*/
    margin: 0px auto;
    width: 31%;
    text-align: center;
    margin-top: 130px;
}
.input[type=text], input[type=password] {
	width:190px;
	height:20px;
	border:1px solid
}
.text_decoration_none {
	text-decoration:none!important
}
.button_left {
	height:50px!important;
	margin-top:10px;
	border:0;
	text-align:center;
	font-size:10.5px;
	color:#fff;
	background:#2874f0;
	cursor:pointer;
	box-shadow:2px 2px 2px #3D2F2F!important;
	box-shadow:inset 0 0 33px -4px #B8C4F2;
	-webkit-box-shadow:inset 0 0 33px -4px #B8C4F2;
	-moz-box-shadow:inset 0 0 33px -4px #B8C4F2;
	-o-box-shadow:inset 0 0 33px -4px #B8C4F2;
	/*-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;*/
	text-shadow:#000 1px 1px 13px;
    width:100%;
    font-size: 14px !important;
}
.button_left:hover {
	background:#5490f2;
	cursor:pointer;
	box-shadow:2px 2px 2px #3D2F2F!important;
	box-shadow:inset 0 0 33px -4px #B8C4F2;
	-webkit-box-shadow:inset 0 0 33px -4px #B8C4F2;
	-moz-box-shadow:inset 0 0 33px -4px #B8C4F2;
	-o-box-shadow:inset 0 0 33px -4px #B8C4F2;
}

#left_content_login, #right_content_login {
	color:#055697;
	font-size:11px;
	padding-top:10px
}
#left_content_login {
	float:left;
	padding-left:20px
}
#right_content_login {
	float:right;
	padding-right:20px
}
.health_check_page, .user_details {
	padding:15px;
	border-radius:8px;
	opacity:.9;
	background-color:#055697
}
.clear_both {
	clear:both
}
.float_left {
	float:left
}
.width_140px {
	width:140px
}
.health_check_page {
	float:right;
	margin:40px 85px 10px 10px;
	width:750px
}
.user_details {
	float:right;
	margin:10px 30px 10px 10px;
	width:1240px
}
.padding_10_top_bottom_px {
	padding:10px 0
}
.grid_view td, th {
	padding:10px 3px
}
.forgot_password_div {
	margin:0px 18px 10px;
	border:1px solid #d3d1d1;
     font-size:12px;
    font-family:Roboto;
}
.table_width {
    width:90%; 
}
.security_question_section {
	padding:5px;
	margin:0 auto;
    font-size:12px;
    font-family:Roboto;
}
.security_question {
	width:360px
}
.security_answer {
	/*width:200px;
	margin-top:5px!important*/
}
.margin_top5px {
	margin-top:5px;
    padding-left:8px;
}
.border_top_1px_solid_gray {
	border-top:1px solid #d3d1d1;
	padding-top:10px
}
.float_right {
	float:right
}
.password_policy_pop_up {
	background-color:#2874f0;
}
.padding_for_password_policy_pop_up {
	padding:10px 15px 10px 3px
}
.password_policy_pop_up_start {
	width:400px;
	position:absolute;
	top:40%;
	right: 1%;
}
.password_policy_pop_up_change {
	width:400px;
	position:absolute;
	top:35%;
	right: 1%;
}
.password_policy_pop_up ul li {
	padding:0;
	margin:0;
	line-height:20px
}
.padding_left_10px {
	padding-left:10px
}
.password_policy_headeing {
	font-size:12px;
	color:#fff
}
input[type=text], input[type=password] {
	width:98.5%;
	height:41px;
	border:1px solid #d3d1d1;
    padding-left: 5px
}
input {
	height:22px!important\9 !important;
font-size:13px!important
}
.margin_top4px {
	margin-top:4px
}
.username_position {
    position:absolute; top: 51.9%; left: 35%;
}
.password_position {
    position:absolute; top:54.3%; left: 35%;
}
.login_table {
    margin: 0px auto; width:68%; text-align:left;
}
.login_footer {
	font-size: 12px;
    color: #949496;
    position: fixed;
    bottom: 20px;
    text-align: center;
    width: 100%;
}
.login_footer a:link {
	text-decoration:none;
	color:#949496;
}
.height_26px {
	height:26px!important
}
.e2e_support_link {
	color:#fff
}
::-ms-clear {
display:none
}
.tag-line {
     background-image: url(../images/Log_in/tagline_logo.png);
     width: 58px;
    height: 55px;
    margin: 0px auto;
}
.riSingle {
    display: initial !important;
}

html body .riSingle .riTextBox[type="text"] {
    height: 45px !important;
}
html body .RadInput input.riEmpty, html body .RadInput textarea.riEmpty, html body input.RadInput_Empty {
    font-style: normal !important;
}
.dashboard_footer {
   position: absolute;
    top: 365px;
    left: 105px;
}

@media only screen and (max-width: 1024px) {
     #Main_login_form {
        width:47% !important;
    }
    .dashboard_footer {
        left:80px;
    }
}
@media only screen and (max-width: 768px) {
     #Main_login_form {
        width:65% !important;
        margin-top:10px;
    }
     #forgot_password_page {
       width: 95%;
       margin-top: 8%;
    }
    .dashboard_footer {
        left:105px;
    }
}
@media only screen and (max-width: 520px) {
    #main_page_login {
        width:100%;
        overflow:hidden;
        position: absolute;
   
    }
    #Main_login_form {
        width:75% !important;
        overflow:hidden;
        /*margin-top: 35px;*/
    }
    table td {
    display: block;
    }
    .login_footer {
        margin-top:3px;
    }
    body {
        background-size: auto;
    }
    .dashboard_footer {
        position: fixed;
    top: 463px;
    left: 32px !important;
    }
}
@media only screen and (max-width: 480px) {
.button_left {
       /*padding-right:30%;*/
    }
    .button_reset {
        padding-right:0 !important ;
    }
}
@media only screen and (max-width: 736px) {
    body {
        background-size: auto;
    }
}
@media only screen and (max-width: 320px) {
    .button_left {
        /*padding-right:45%;*/
    }
    .button_reset {
        padding-right:0 !important ;
    }
    .password_policy_pop_up_start {
        width: 310px;
    }
   body {
        background-size: auto;
        background-repeat:repeat;
    }
}
@media only screen and (max-width: 580px) {
     .username_position {
        position:absolute;
        top:225px;
        left:13%;
     }
    .password_position {
        position:absolute;
        top:240px;
        left:13%;
    }
     #Main_login_form {
        width:75%;
        margin-top: 10px;
    }  
    .table_width {
        width: 98%;
    }
    .login_table {
        display: block;
        width:100%;
    }
    tbody, tr, td {
        display: block;
    }
    html body .riSingle .riTextBox[type="text"] {
        width: 100%;
    }
    input[type=password] {
        width: 98.4% !important;
    }
}
@media only screen and (min-width: 360px) and (max-width: 375px) {
     .password_policy_pop_up_start {
        width: 350px;
    }
    
}
@media only screen and (min-width: 579px) and (max-width: 768px) {
    .username_position {
        left: 6% !important;
    }
    .password_position {
        position: absolute;
        left: 6% !important;
    }
    .table_width {
        width: 98%;
    }
    .login_footer {
        margin-top:3px;
        padding-left:20px;
    }
    
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .username_position {
        position:absolute;
        top:345px;
        left:30%;
     }
    .password_position {
        position:absolute;
        top:360px;
        left:30%;
    }
    .table_width {
        width: 98%;
    }
    .password_policy_pop_up_start {
        position: absolute;
        top: 32%;
        right: 1%;
    }
}
@media only screen and (min-width: 1366px) {
    .password_policy_pop_up_start {
        width: 400px;
        position: absolute;
        top: 45%;
        right: 18%;
    }
   
}
select {
    height: 22px!important;
    line-height: 22px!important;
    font-size: 11px!important;
    border: 0px solid #d3d1d1!important;
    background: transparent !important;
    color:#fff;
      -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none;
    font-size: 12px !important;
    font-family:Roboto;
}
select::-ms-expand{
  display:none;
}
    select option {
        color:#333;
    }

.styled-select {
   height: 24px;
   background: url(../images/Landing_page/arrow_selectboxforgot.png) no-repeat right;
   border:1px solid #fff;
   padding:2px;
  
   }
.language_position {
    position:absolute;
    top:5px;
    right:8px;
    width:120px;
    border:0px;
}
select:focus {outline:0;}
