@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'framd_0';
    src: url('fonts/framd_0.eot');
    src: url('fonts/framd_0.eot') format('embedded-opentype'),
         url('fonts/framd_0.woff2') format('woff2'),
         url('fonts/framd_0.woff') format('woff'),
         url('fonts/framd_0.ttf') format('truetype'),
         url('fonts/framd_0.svg#framd_0') format('svg');
}


body {margin:0px; padding:0px; background:#ffffff;}


.clear {clear:both;}


.section1 {width:100%; height:auto; background:#eaebec; padding-top:10px; padding-bottom:10px;}


.logo {width:auto; height:auto; border:none;}


.last_login {width:100%; height:auto; color:#0373b9; font-family: 'framd_0'; font-size:15px; font-weight:normal; text-align:center;
             line-height:30px; text-transform:uppercase;}
			 
			 
.user_tagline {font-size:15px; font-weight:bold; text-align:left; color:#0373b9; margin-top:5px; float:right; margin-right:30px;
               font-family: 'framd_0'; font-weight:normal;}


.dropdown {width:auto; height:auto; float:right; font-family: 'framd_0'; font-weight:normal; font-size:18px;}


#menubar {width:100%; height:30px; background:#ffffff; border-bottom:1px solid #d5dd23; border-top:1px solid #d5dd23;}

/*#menubar ul {list-style-type:none; margin:0px; padding:0px;}

#menubar ul li {font-size:15px;font-family: 'framd_0'; font-weight:normal; text-align:center; float:left; text-transform:uppercase;
                line-height:30px;}

#menubar ul li a {text-decoration:none; color:#0373b9; border-right:1px solid #d5dd23; padding-left:30px; padding-right:30px; display:block;}

#menubar ul li a:hover {
	
background: #005aa4;
background: -moz-linear-gradient(top,  #005aa4 0%, #db2430 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005aa4), color-stop(100%,#db2430)); 
background: -webkit-linear-gradient(top,  #005aa4 0%,#db2430 100%);
background: -o-linear-gradient(top,  #005aa4 0%,#db2430 100%); 
background: -ms-linear-gradient(top,  #005aa4 0%,#db2430 100%); 
background: linear-gradient(to bottom,  #005aa4 0%,#db2430 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa4', endColorstr='#db2430',GradientType=0 );
color:#ffffff;
}*/


#section2 {width:100%; height:auto; background:#ebeced; padding-top:10px; padding-bottom:10px;}


.pages_box {background:#005aa4; width:100%; margin-top:10px;}


.page_count {font-size:15px; font-family: 'framd_0'; font-weight:normal; color:#ffffff; line-height:30px; text-align:right;}


.t_text {font-size:15px; font-family: 'framd_0'; font-weight:normal; text-align:right; color:#656565; margin-top:5px;}


.search_bttn {width:98px; height:28px; line-height:28px; border:1px solid #aa0025;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5456b+0,c6032d+100 */
background: #f5456b; /* Old browsers */
background: -moz-linear-gradient(top,  #f5456b 0%, #c6032d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5456b), color-stop(100%,#c6032d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5456b 0%,#c6032d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5456b 0%,#c6032d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5456b 0%,#c6032d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5456b 0%,#c6032d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5456b', endColorstr='#c6032d',GradientType=0 ); /* IE6-9 */
color:#ffffff; font-size:15px; font-family: 'framd_0'; font-weight:normal; text-transform:uppercase;
float:right; margin-top:10px; text-align:center;
}

.edit {width:23px; height:23px; float:left; margin-left:7px; text-align:center;
background: #005aa4; /* Old browsers */
background: -moz-linear-gradient(top,  #005aa4 0%, #db2430 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005aa4), color-stop(100%,#db2430)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* IE10+ */
background: linear-gradient(to bottom,  #005aa4 0%,#db2430 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa4', endColorstr='#db2430',GradientType=0 ); /* IE6-9 */
color:#ffffff;
}

.edit > span {margin-top: 3px;}

.nav li ul li a {padding:0px;}

.sv {width:80px;
height:30px;
line-height:30px;
font-size:15px;
font-family: 'framd_0';
font-weight:normal;
text-transform:uppercase;
color:#ffffff;
text-align:center;
background-color:#d9534f;
border-color:#d43f3a;
float:left;
margin-left:10px;
margin-top:20px;
}

.sv:hover {
background: #005aa4; /* Old browsers */
background: -moz-linear-gradient(top,  #005aa4 0%, #db2430 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005aa4), color-stop(100%,#db2430)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* IE10+ */
background: linear-gradient(to bottom,  #005aa4 0%,#db2430 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa4', endColorstr='#db2430',GradientType=0 ); /* IE6-9 */
color:#ffffff;
}

.add {
width:50px; height:20px; float:right; background:#ffffff; color:#005aa4; font-size:12px;font-family: 'framd_0';font-weight:normal;
text-transform:uppercase; text-align:center; line-height:20px; margin-top:5px;}


#login_main_wrapper {
	width:100%;
	height:auto;
	min-height:628px;
	}
	
.field_box {
	max-width:500px;
	height:auto;
	border-radius:50px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17e4ef+1,148ecc+100 */
    background: #17e4ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #17e4ef 1%, #148ecc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#17e4ef), color-stop(100%,#148ecc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #17e4ef 1%,#148ecc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #17e4ef 1%,#148ecc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #17e4ef 1%,#148ecc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #17e4ef 1%,#148ecc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17e4ef', endColorstr='#148ecc',GradientType=0 ); /* IE6-9 */
    border:1px solid #6aa2ec;
	margin:0 auto;
	padding:30px;
	box-sizing:border-box;
	margin-top:50px;
	}

.hd1 {
width:100%;
height:auto;
/*background:url(../images/hd1.jpg) no-repeat center;
background-size:cover;
min-height:120px;*/
}

.hd2 {
width:100%;
height:auto;
/*background:url(../images/hd_bg.jpg) no-repeat center;
height:418px;*/
}

/*
.lgf {
width:100%;
height:auto;
background:#1a4ca9;
}*/





.login_main_panel {
    width: 100%;
    height: 100%;
    background: url(../images/bg-8.jpg);
    background-size: cover;
    padding: 0px 20px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_part {
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    max-width: 800px;
    height: auto;
}
.main_part {
    width: 450px !important;
    bottom: auto !important;
}
.main_part {
    height: 476px !important;
}
.main_part {
    background: none !important;
    box-shadow: none !important;
}
.main_part {
    top: 75px !important;
}
.part-40 {
    box-sizing: border-box;
    float: left;
}
.part-40 {
    background: #fff !important;
    box-shadow: 0px 0px 2px 1px #055bb3;
}
.part-40 {
    padding: 20px 20px !important;
}
h3.logo-name-login {
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
}
input#ImageButton_Save:focus {
    outline: unset;
}

.login_main_panel .f1 {
    color: #fff;
    position: absolute;
    bottom: 30px;
}

    .login_main_panel .f1 a.cahoot-link, .login_main_panel .f1 a.cahoot-link :hover{
        color: #ffffff;
        border-bottom: 1px solid #ffffff6e;
        text-decoration:unset;
    }