﻿*{margin:0; padding:0;}
body{background:#e9f1e2; color:#676767;}
a { color: #00264b;}
.navbar-brand{padding:0; height:110px; width:320px;}
    .navbar-brand img {
    width: 100%; height: 100%;}
footer p { margin: 0;}
.custom_captcha {
    background: #6a92b8; padding:4px; border-radius: 4px;
}
    .custom_captcha img {
text-align: center;    }
    .custom_captcha input {
    margin: 5px 0 1px;}

.errorMessage
{
	color:#E60000;
	font-weight:bold;		
}
.greyBox {
background: #dedede; padding: 15px 0 0 10px; border: solid 1px #fff; overflow: hidden;}
.btnCustom > .btn{
    margin: 0 5px 0 0;
}
@media (min-width:768px) {
    .navbar-brand {
        /*width: 320px;*/
        width: 265px;
    }
}
@media (min-width:1200px) {
    .navbar-brand {
        /*width: auto;*/
    }
}
.navbar{border:none; border-bottom:3px solid #00264b; border-radius:0; background:#fff;}
.navbar-nav > li > a{height:45px; line-height:27px; color:#888884; font-weight:bold; text-transform:uppercase;}
.mainNav{border:none; border-bottom:0; border-radius:0; background:#00264b;}
.mainNav .navbar-nav > li > a{color:#fff; font-weight:bold; text-transform:uppercase;}
.marginTop10 { margin-top: 10px;}
@media (min-width:768px) {
    .navbar-nav > li > a {
        height:47px; line-height:20px;
    }
}
@media (min-width:1200px) {
    .navbar-nav > li > a {
        height:60px; line-height:28px;
    }
}
.nav > li > a:focus, .nav > li > a:hover{background:#f9f9f9; color:#00264b;}
.nav li.active a{background:#fff; color:#000;}

footer{position:fixed; bottom:0; left:0; width:100%;padding: 0 15px; background:#ddd; height:42px; line-height:42px;}
footer p{text-align:center; color:#616161; font-size:12px;}

.login_wrapper{margin:30px 15px;}
.login_frame .form-group {
margin-bottom: 0;}
#Button_Login {
margin-top: 0;}
.breadcrumb { background: #fff;border: 1px solid #d6e0cd;}
.breadcrumb li a, .breadcrumb li { color: #7795b7;}
.breadcrumb li.active a, .breadcrumb li.active, .breadcrumb li a.activestep{ color: #00264b;}
@media (min-width:768px) {
    .login_wrapper{width:389px; margin:30px auto 60px;}
}
.login_frame{background:#fff; border:1px solid #cbd6c0; padding:15px; border-radius:5px;}
.login_frame h1{font-size:25px; color:#00264b; border-bottom:1px solid #dbe4d2; font-weight:bold; margin-top:0; margin-bottom:15px; padding-bottom:10px;}
.login_frame label{font-weight:normal; font-size:16px; color:#717171;}
.btn-login{background:#00264b; border:1px solid #2084a8; color:#fff; font-weight:bold; font-size:16px; margin-top:26px; margin-bottom:20px;}
.btn.focus, .btn:focus, .btn:hover { color: #fff;}
.rememberme{font-size:13px !important;}
.forgot_psw{font-size:13px; color:#2084a8;}

.form-control{border:1px solid #d6e0cd;}

.frame{background:#fff; border:1px solid #ddd; border-radius:5px; padding:15px;margin-bottom: 60px; float:left; width:100%;}

.page_head{border-bottom:1px solid #d6e0cd; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
.page_head h2{color:#00264b; font-size:18px; margin:7px 0 0; font-weight: normal;}
.page_head h2 .glyphicon-file{font-size:18px;}

.buttons_group .btn{float:right; margin-left:10px;}
.btn-default{background:#6a983e; border:1px solid #548128; color:#fff; font-weight:bold;}
.btn-default:hover{background:#406918; color:#fff; border:1px solid #548128;}
.btn-default.focus, .btn-default:focus{background:#406918; color:#fff; border:1px solid #548128;}
.btn{padding:3px 10px;}

.bottom_button_group{border-top:1px solid #d6e0cd; padding-top:10px; margin-bottom:15px;}

/*.table-striped > tbody > tr:nth-of-type(2n+1){background-color:#f1f8eb;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border:1px solid #d6e0cd;}*/
.table > thead > tr > th{border-bottom:2px solid #ddd !important; background:#03284D; color:#fff;}
table th{border-bottom:2px solid #ddd !important; background:#03284D; color:#fff;}
table th a{color:#fff;}

.leftmenu{width:236px; float:left;}
.leftmenu .frame{padding:0;}

.right_container{margin-left:250px; margin-bottom:60px;}


.leftmenu .nav-tabs{margin:5px 0; border-bottom:none; overflow:hidden;}
.nav-tabs > li > a{margin-right:0; color:#434343; border-radius:0; border:none; }
.leftmenu .nav-tabs > li.active > a{border:none; border-bottom:1px solid #d6e0cd; border-top:1px solid #d6e0cd; border-left:3px solid #6a983e; background:#f1f8eb; color:#6a983e;}

.customer_tabs .nav-tabs > li.active > a{background:#fff; border:1px solid #d6e0cd; border-bottom:1px solid #fff; color:#6a983e;}
.customer_tabs .tab-content{border:1px solid #d6e0cd; padding:15px;}
.customer_tabs .nav-tabs{margin:0 0 -1px 0;}
.customer_tabs .nav-tabs li{margin-right:2px;}
.customer_tabs .nav-tabs > li > a{background:#e1ead9; border:1px solid #d6e0cd; color:#676767;}

label{font-weight:normal;}

.grid_panel{margin-top:20px;}
.grid_panel .buttons_group{margin-bottom:15px; overflow:hidden;}


.uppercase { text-transform: uppercase;}
.confirm_orderno { font-weight: bold;text-decoration: underline;}

/*.modal .modal-dialog .modal-title { color: #6a983e;}*/

.btn_icon{padding-left:2px; height:33px; line-height:24px;}
.btn_icon span{background:#fff; float:left; border-radius:3px; padding:1px; margin-right:10px; margin-top:1px; line-height:normal;}

.topLinks { margin-top: 30px;padding: 0;float: right; margin-right: 15px;}
.topLinks li { list-style: none;float: left;margin: 0 10px;line-height: 40px;}
.radio_options span { margin: 0 2px 0 0;}

.clear { clear: both;}
.mandatory { color: #ff0000;margin: 0 3px;}

.navbar-header { float: none;}


/*vinoth start here*/
input[type="checkbox"], input[type="radio"] {
    margin: 4px 4px 0;
}
.showHide { display: block !important;}
.search_section { background: #f9f9f9;padding: 10px;}

/*vinoth end here*/


/*dashboard css*/
.last-month {
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 2px;
   height:309px;
    float:left;
}
.head-text{width:100%; float:left;}
.head-text h1
{
    font-size:12px;
    background:#00264B;
    padding-left:10px;
    margin:0px!important;
    padding:10px;
    color:#fff;
    font-weight:bold;
}
.last-month span
{
    float:left;
    padding:10px;
}
.stylerow{border-bottom: 1px solid #ccc;
    float: left;
    margin: 0;
    width: 100%;}
/*dashboard css*/

.navbar-toggle .icon-bar { background: #fff;}
#navbar { clear: both;}

.margin-top-10 { margin-top: 10px;}
.btn.default {
    background-color: #e5e5e5;
    color: #333333;
}
.fileinput .btn {
    vertical-align: middle;
}
/*.btn {
    background-image: none !important;
    border-width: 0;
    box-shadow: none;
    filter: none;
    font-size: 14px;
    outline: medium none !important;
    padding: 7px 14px;
    text-shadow: none;
}*/
.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
/*.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}*/

.btn-file > input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none;
}

.breadcrumb li a {
cursor: pointer;}

.dashboard-img 
{
	background:#e9f1e2;
	border: 1px solid #d6e0cd;
	border-radius: 5px;
	text-align:center;
	padding:30px;
	width:100%;
	float:left;
	margin-bottom:10px;
	
}
.dashboard-img  h2
{
	
	font-size:20px;
	font-weight:bold;
    margin: 10px;
    color: #676767;
}
.dashboard-img span
{
	width:100%;
	float:left;
}
.dashboard-img span img
{
	width:100%;
	height:100%;
    max-width:200px;
}

.approveCount {
 padding:4px 8px; background: Maroon; border-radius: 25px; font-weight: bold; margin: 0 5px; color: #fff;}

.approveRadio span {
margin-right: 40px;}

.table-responsive{margin-top:15px;}

table.dataTable, table.dataTable th, table.dataTable td{border-collapse:collapse !important; box-sizing:border-box !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding:1px !important;}

.popup_iframe{margin-top:-15px;}

#FullDetailspopup{z-index:999;}

.white_area{background:#fff; float:left; width:100%;}

.paymentValue {
 background: #333; color: #fff; padding: 5px; margin-bottom: 10px; display: inline-block;}

.dataTables_paginate {
/*background:#00264C;*/ background: none;}


#trmainheading a:hover {
text-decoration: none;}

.table-responsive .table th a:hover {
 color: #fff; text-decoration: none;}

.editIcon {
cursor: pointer; margin-left: 10px; font-size: 16px; color: #2084a8;}


@media (min-width: 992px) and (max-width: 1200px) {
    .dashboard-img {
        padding: 18px;
    }
    .dashboard-img  h2 {
        font-size: 18px;
        margin:5px 5px 10px;
    }

    .frame {
    overflow: auto;
  }
}

@media (max-width:1200px) {
    .navbar-nav > li > a {
    height: 50px;
 }

    #Statements {
    float: left;
    width: 100%;
}

}

@media (max-width:992px) {
.frame {
    overflow: auto;
}

.frame section.main {
    overflow: auto;
}
#ViewPayments {
    overflow: auto;
}

}

@media (max-width:767px) {
    .dashboard-img {
        padding: 15px 5px;
    }

 .login_frame {
    width:80%;
    margin: auto;
}

.login_frame .form-group {
    margin-bottom:10px;
}

.navbar-brand {
    padding: 0 10px;
    height: auto;
    width: 186px;
}
.topLinks {
    margin-top:20px;
    padding: 0;
    float: left;
    margin-right:0;
}

#header1_navbar, #navbar {
    width: 100%;
    float: left;
    margin-top: 0;
    padding: 20px;
}

.table-responsive {
    overflow-y: auto;
    min-width: 700px;
}


.tblDashBoard .table-responsive {
    padding:15px 0;
}

.tblDashBoard .dataTables_wrapper .dataTables_length, 
.tblDashBoard .dataTables_wrapper .dataTables_filter {
    display: flex;
    text-align: left;
    padding: 0 10px 10px;
}

.tblDashBoardCell .dataTables_length,
.tblDashBoardCell .dataTables_filter {
    padding: 10px 10px 0;
}

#simulatorModal .modal-dialog.modal-lg {
    width: 95% !important;
    margin: auto;
}
#simulatorModal .table-responsive.clear.col-sm-12 {
    padding: 0 15px;
}

/*#form1 .main .col-lg-8 {
    margin-top: 35px !important;
}*/


.cancel_agentlist {
    margin-left:0;
    margin-bottom: 15px;
}

}

@media (max-width:567px) {

.topLinks {
    text-align: center;
    width: 100%;
    margin-top: 5px;
}

 .login_frame {
    width: 100%;
}

.topLinks li {
    width: 100%;
    line-height: 26px;
    margin: 3px 0;
}

.navbar-header {
    text-align: center;
}

.navbar-brand {
    display: inline-block;
    float: none;
}

.navbar-toggle {
    display:none;
}

#site-message-placeholder .navbar-toggle {
    display:inline-block;
}

.login_frame h1 {
    font-size: 21px;
}

.login_frame p.text-center {
    padding: 5px 0;
}

.dashboard-img span img {
    max-width: 150px;
}

}


.cancel_agentlist {
    margin-left: 8.1rem;
 
}

#popup_container {
    max-width: fit-content !important;
}


@media (max-width:975px)
{
.formError.txtbox_PolicyPremiumformError, .formError.txtbox_PolicyTaxformError, .formError.txtbox_PolicyFeeformError {
    left: 30px !important;
}
}

.page-description {
    display:block;
    width:100%;
    margin-bottom:12px;
}

.page-description p {
    font-size: 13px;
    font-weight: 500;
    color: #0b254a;
    font-style: italic;
}

.greyBox-title {
    margin-bottom: 7px;
    float: left;
    width: 100%;
}


/*datepicker css start*/

body .ui-datepicker {
    background: #fff;
}
body .ui-datepicker-control {
    background: #e9e9e9;
}
body #ui-datepicker-div {
    border: 1px solid #c5c5c5;
    width: 250px !important;
}
body .ui-datepicker-one-month {
    width: 100%;
}
body .ui-datepicker-control a, .ui-datepicker-links a {
    color: #333 !important;
}
body .ui-datepicker-links {
    background: #9bbde4;
    display: none;
}
body #ui-datepicker-div a, .ui-datepicker-inline a {
    text-decoration: none;
}
body .ui-datepicker-header {
    background: #e9e9e9;
    padding-bottom: 25px;
}
body .ui-datepicker-header select {
    background: #e9e9e9;
    color: #333333;
}
body .ui-datepicker-header select:focus
{
    outline:none;
    border:none;
}
body .ui-datepicker-title-row {
    background: #ffffff;
}
body .ui-datepicker-title-row .ui-datepicker-week-end-cell {
    background: #ffffff;
}

body .ui-datepicker-week-end-cell {
    background: #00264b;
}
body .ui-datepicker-days-cell {
    border: 2px solid #ffffff;
    background: #ededed;
    font-weight: normal;
    color: #454545;
}
body .ui-datepicker-current-day {
    background: #00264b !important;
}
body .ui-datepicker-control a:hover {
    background: #00264b !important;
    color: #fff !important;
}
body .ui-datepicker-days-cell.ui-datepicker-current-day a {
    color: #fff !important;
}
body .ui-datepicker-days-cell.ui-datepicker-week-end-cell.ui-datepicker-current-day a {
    background: #00264b !important;
}
/*datepicker css end*/

.btn-style { 
    background: linear-gradient(to bottom, #404b69 0%, #3d4d69 48%, #324662 100%); 
    border: 1px solid #2b3c5b; color: #ffffff; 
    padding: 4px 10px; 
    font-size: 12px; 
    font-weight: 700; 
    border-radius:4px; 
    cursor: pointer; 
    text-transform: uppercase; 
    margin-left:10px; 
    /*box-shadow: inset 1px 1px 1px rgba(22, 44, 76, 0.35), inset 0 -1px 0 rgba(22, 44, 76, 0.25), 3px 3px 0px rgba(0, 0, 0, 0.25);*/ 
   box-shadow: inset 1px 1px 1px rgba(22, 44, 76, 0.35), inset 0 -1px 0 rgba(22, 44, 76, 0.25), 3px 3px 0px rgb(217 217 217);

}