@charset "utf-8";
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoblack_italic';
    src: url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold_italic';
    src: url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hairline-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latohairline_italic';
    src: url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairlineitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight_italic';
    src: url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
         src:url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* CSS Document */
body{ font-family: 'latoregular'; font-weight:normal; color:#232323; font-size:14px;padding:0px; }
select::-ms-expand { display: none; }
*::-moz-placeholder{ color: #323232 !important; opacity: 0.7 !important; }
*::-webkit-input-placeholder { color: #323232 !important; opacity: 0.7 !important; }
:-ms-input-placeholder { color: #323232 !important; opacity: 0.7 !important; }
textarea::-webkit-input-placeholder{ color: #323232 !important; opacity: 0.7 !important; } 
input, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="text"], input[type="search"]{ outline:0 !important; }
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
a{ color:inherit; outline:0 !important; }
a:hover, a:focus{ text-decoration:none; }
ul{ padding:0; margin:0; }
ul li{ list-style-type:none; }


.nopadding{padding: 0px;}
.float_left{float:left;}
.float_right{float:right;}
.text_center{text-align: center;}
.header-fixed{position: fixed;width:100%;float: left;z-index: 100000}
.footer-copyright{position: fixed;width:100%;float: left;bottom: 0px;}
.padding_bottom {padding-bottom: 50px;}
.listing-topbar{background:#fff; height:90px; padding:0px 0px; background-size:cover; float: left; width: 100%;}
.listing-topbar { padding: 0px 0px;width:100%}
.listing-topbar.container{float:left;}
.menu-header{background:#143e26; height:auto; width: 100%; box-shadow: 0px 0px 3px;color:#fff;}
.top_menu li{float: left;padding: 6px 25px;}
.footer-copyright{background: #232323;height:35px;color:#fff; z-index: 10000;margin-top:40px;}
.footer-copyright p{line-height: 35px;color: #969595;font-size: 13px; margin-bottom: 0px;}
.top-right-name img{float: left;padding: 15px 0px;}
.top-right-name h5{line-height: 4;margin-bottom: 0px;font-size:14px; color: #232323;margin-left: 15px;}
.top-right-name .drop-down{padding: 32px 0px 20px; margin-left: 15px;}
.mobile-logo{float: left; height:90px;}
.mobile-user_right { float: right; padding-top: 10px;}
.footer_bishop{margin-top:40px;}
.wrapper_body .box{padding: 0px 30px 60px; background:#fff;box-shadow: 0px 0px 3px;float: left;padding-top:130px; width:100% ;    margin-bottom: 40px;}
.wrapper_body .box-head {font-size:20px;margin:0px;}
.wrapper_body .box-head{border-bottom: 1px solid #dedede; margin-top: 30px;}
.steps_pay h4{font-size: 18px;}
.wrapper_body .box-body{padding:30px 0px;}
.steps_pay p{margin-bottom: 10px;width:100%}
.mobile-logo img{float: left;margin-right:20px;}
.mobile-logo p{ line-height: 97px;color: #232323; font-size: 24px;margin-bottom: 0px}
.form-horizantal input{width:100%;padding-left: 10px}
.form-horizantal label{font-weight: normal}
.form-horizantal .check-control{width:auto ; margin: 0px 10px 0px 0px;}
.form-horizantal .check_login{    background: #3c8dbc; color: #fff;border: 0px;border-radius: 3px;padding: 5px 15px;}
.form-horizantal .sign_color a{color:#3c8dbc; }
.top_menu .active{background:#000;color: #fff}
.button_fee:focus{outline: 0px;}
.btn-default{ background-color: #05055f;color: #444;padding: 3px 15px; font-size: 14px;margin-top: 25px;border-radius: 2px; color:#fff;border-radius:2px;border:0px}
.btn-default:hover{    background-color: #8f4f09;    color: #fff;}
.login .messages-menu{display: none}
.table_top, .margin_top{margin-top:20px;}
.form-horizantal .box-head{margin-bottom:30px}
/*.form-horizantal label{text-align: right;}*/
.form-horizantal input{border:1px solid #dedede}
.steps_pay .middle_form{margin-left:7%}
.button_fee{font-size: 16px;background: #05055f;border: 0px;border-radius: 3px;color: #fff;padding:3px 15px;margin-right: 30px; margin-bottom: 10px;outline:0px;border: 0px !important}
.payment_details input{width:auto}
.user-dropdown { background: #fff;padding: 10px 0px;width: 120px; position: absolute; top: 65px;float: right;right: 1%;box-shadow: 0px 0px 3px;z-index: 1000000;}
/*.user-dropdown:before { content: ""; width: 18px; height: 13px; display: block; background: url(../images/arow-symble.png) center bottom no-repeat;left: 100px;position: absolute;top: -13px;}*/
.user-dropdown li {
    padding: 5px 20px;
    cursor: pointer;
}
.table-responsive{display: table !important}
.open-AddPaymentDialog{margin-top:0px;}
.table-bordered, th, td{border:1px solid #232323 !important;}
.table-bordered{margin-top:30px;}
.table_margin0px{margin-top:0px;}
.student_details th{background:#dedede;}
.messages_error { position: absolute; width: 100%; top: 124px; line-height: 0px;
    border-radius: 0px; height: 20px;}


@media screen and (min-width:320px) and (max-width:600px) {
.mobile_menu {display: block;background:#cb740d}
.topNav{background:#cb740d}
.top_menu{display: none}
.mobile-logo p {line-height: 00px;font-size: 16px; margin-bottom: 0px; margin-top:15px;}
.mobile_text_center{text-align: center; width: 100%;}
.mobile-logo {text-align: center;}
.mobile-logo img{float: none;}
.mobile-user_right{float: none; text-align: center;}    
.listing-topbar{height:auto;}
.listing-topbar .padding_bottom{padding-bottom: 20px;}
.steps_pay ul{margin-bottom:30px;}
.wrapper_body .box{padding-top:0px}
header{margin-bottom: 210px; float: left; width: 100%;}
.wrapper_body .box-body {padding: 0px 0px 30px;}
.messages-menu{position: relative; left:25%}
 .user-dropdown { background: #fff;padding: 10px 0px;width: 120px; position: absolute; float: right;left: 32%;box-shadow: 0px 0px 3px;z-index: 1000000;    top: 160px;}
.table-responsive {display: inline-block !important;width:100%}
.steps_pay .middle_form { margin-left: 0;margin-top:20px;}
.position_top{position:relative;top:0px !important;}
.nopaddin_media{padding:0px; }
}
@media screen and (min-width:430px){

}
@media screen and (max-width:1024px){
}

@media screen and (min-width:767px) and (max-width:780px) {
}

@media screen and (max-width:992px){
}
@media screen and (min-width:501px) and (max-width:958px){
.mobile-user_right .btn-default{position: absolute;right: 30px;top: 15px;}
.messages-menu{position: relative; top:-100px}
@media screen and (min-width:641px) and (max-width:670px){
}
@media screen and (min-width:581px) and (max-width:640px){
}
@media screen and (min-width:500px) and (max-width:580px){
}
@media screen and (min-width:320px) and (max-width:500px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:425px){
}
@media screen and (max-width:375px){
}
@media screen and (max-width:320px){
   
}