﻿@charset "utf-8";
/* Common Css */
body {font-family: 'Montserrat', sans-serif; color: #000; font-size: 14px; background: #333; height:100%; position:relative;}
html, body{ width: 100%; height: 100%;}
h1,h2,h3,h4,h6,h7,p{margin:0px; padding:0px;}
select:focus { outline:none; }
.red{ color:#F00;}
.line { height:1px; background:#000;}

/* User access:   Dealer/ RM */
.header{ background:#fccb05; padding:0px 0px;}

#MESP .login{ padding: 30px; border:5px solid #ddd; margin:50px 0; background:#fff;}
#MESP .login-box{background:#fff;}
#MESP .DealerRM{ margin:0; padding:30px; background:#fff;}
#MESP .DealerRM h1, #MESP .login h1 { font-size: 24px; font-weight: 600; color: #990831; margin-bottom: 30px; text-align: left;}
#MESP .DealerRM .subheading, #MESP .login-box .subheading {font-size: 20px;    font-weight: 600;    color: 	#C6222B;    margin: 0 0 15px 0;    background: #ffffff;    padding: 15px;}
#MESP .DealerRM h3 {font-size: 16px; font-weight: 500; color: #000; margin: 0 0 15px 0; padding: 15px; background: #ddd; border-bottom:1px solid #ddd;}
#MESP .CustomFrom .form-control {box-shadow: none;font-size: 14px; border-color: #e2e2e2;color: #333; text-transform:uppercase;}
#MESP .CustomFrom .control-label, #MESP .login label {font-weight: 400;}
#MESP .CustomFrom input.btn-primary { background: #fccb05; border-color: #deb917; font-weight:400; font-size:16px; color:#000 !important; margin-top:6px; padding:8px 16px; line-height:22px;}

#MESP .CustomFrom input.btn-primary:hover, #MESP .CustomFrom button.btn-primary:focus { background: #e1b91a;  border-color: #e1b91a; color: #000 !important;outline: none;}

#MESP .CustomFrom .checkbox label, #MESP .CustomFrom .radio label{ margin-right:15px; padding-left:4px;}
#MESP .CustomFrom .form-horizontal .checkbox, #MESP .CustomFrom .form-horizontal .radio { min-height: 22px; padding-top: 4px;}
#MESP .ABIBLTable{ margin-top:30px;}

#MESP .CustomFrom input.btn.action { background: #fccb05; border-color: #deb917; font-weight:400; font-size:14px; color:#000 !important; padding:2px 10px; line-height:22px;}
#MESP .CustomFrom input.btn.action:hover, #MESP .CustomFrom button.btn-primary:focus { background: #e1b91a;  border-color: #e1b91a; color: #000 !important;outline: none;}
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #f5f5f5;}
input.btn.logout { background: transparent; color: #ab9cff; padding-top: 12px;}

table.radio td { width: 120px;}
.DealerRM .addDP { margin: 0px; padding: 0px;}
.addDP input.btn.btn-primary { margin-top: 0px !important; padding: 5px 11px !important; font-size: 14px !important;}

.Preview .control-label{ padding-top:0px !important;}
.Preview .form-horizontal span { color:#666;}

#imgBtn.dateicon {position: absolute; top: 5px; right: 25px;}
#imgBtn1.dateicon {position: absolute; top: 5px; right: 25px;}
.format{ font-size:12px !important; float:right;}
.DPHead { position:relative; padding:15px; border:1px solid #ddd; margin-bottom:30px;}
.DPHead .spantext{ position:absolute; top:-10px; left:10px; background:#fff; padding:0 15px; font-weight:600;}



.navbar.navbar-default.CustomNavbar { margin-bottom: 0px !important;}
.navbar-default.CustomNavbar { background-color: #990831 !important; border-color: #990831 !important;}
.navbar.navbar-default.CustomNavbar { font-size: 14px !important;}
.navbar-default.CustomNavbar .navbar-nav > .dropdown > a .caret { border-top-color: #fff;  border-bottom-color: #fff;}
.navbar-default.CustomNavbar .navbar-nav > li > a:hover, .navbar-default.CustomNavbar .navbar-nav > li > a:focus { color: #fccb05;}
.navbar-default.CustomNavbar .navbar-nav > .dropdown > a:hover .caret, .navbar-default.CustomNavbar .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #fccb05; border-bottom-color: #fccb05;}

.navbar {
  border: medium none;
  border-radius: 0;
  font-size: 11px;
}
@media (max-width: 991px) {
 .navbar-header {
        float: none;
    }
   .navbar-left,.navbar-right {
        float: none !important;
    }
 .navbar-toggle {
        display: block;
    }
.navbar-collapse {
        border-top: 1px solid transparent;
        
    }
   
 .navbar-collapse.collapse {
        display: none!important;
    }
 .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
.navbar-nav>li {
        float: none;
    }
.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
 .collapse.in{
  		display:block !important;
	}
}

.primary {
   max-width: 1160px;
   margin: 0 auto; 
  }  


/*custom colours */
/* navbar */
.navbar-default {
    background-color: #0c4782;
    border-color: #0c4782;
}
/* title */
.navbar-default .navbar-brand {
    color: #25609b;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ccc;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #0c4782;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #990831;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 961px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}

/* Loader */
#Body_UpdateProgress1 {
    position: absolute;
    background: #000;
    opacity:0.9;
    height: 100%;
    width: 100%;
    z-index: 1;
    content: "";
    top: 0px;
    left: 0px;
}

.spriteimg { position: relative; width: 100%; text-align:center; vertical-align:middle; top:50%; z-index:9;}
#Body_SendEmailModal h3.modal-title{font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 15px 0;
background: #990831; padding: 15px;}
#Body_SendEmailModal button.btn-primary { background: #fccb05; border-color: #deb917; font-weight:400; font-size:16px; color:#000 !important; margin-top:6px; padding:8px 16px; line-height:22px;}

#Body_SendEmailModal button.btn-primary:hover, #MESP .CustomFrom button.btn-primary:focus { background: #e1b91a;  border-color: #e1b91a; color: #000 !important;outline: none;}
#Body_SendEmailModal label{ font-weight:400;}
#Body_SendEmailModal .CheckBox label{margin-left: 7px; vertical-align: middle;}