@import url("payinslip_custom.css");
body{color: rgb(36,180,179);}
.btn{border-radius: 15px;}
.btn:active{background: #FFF;}
.top0{margin-top: 0px !important;}
.but-small.top5 { margin-top: 5px; }
.top7 { margin-top: 7px; }
.top10 { margin-top: 10px; }
.bottom10 { margin-bottom: 10px; }
.top15 { margin-top: 15px; }
.top17 { margin-top: 17px; }
.top30 { margin-top: 30px; }
.top40 { margin-top: 40px; }
.left6 { margin-left: 6px; }
.pad5 { padding: 5px; }
.width30 {width:30%;}
.width25 {width:25%;}
.width50 {width:50%;}
.width50 {width:85%;}
.width100 {width: 100%;}
.height50{height:50px;}
.left80 { margin-left: 80%; }
.no-border,
.payin-slip-container table > tbody > tr > td.no-border {border: none;}
.vertical-top{vertical-align: top;}
a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover{
	color : rgb() 
}
.float-left{float:left}

.no-list-style{list-style-type:none;}

.bottom0{margin-bottom: 0px !important;}
.bottom5{margin-bottom: 5px;}
.bottom7{margin-bottom: 7px;}
.bottom10{margin-bottom: 10px;}
.bottom15{margin-bottom: 15px;}

.textWrap{
    word-break:break-all;
    width:auto;
    max-width:75%;
}
/**********placeholder**********/
::placeholder {
  color: rgb(36,180 ,179);
}
    
a:focus{outline: 0px;}

.display-n{display: none;}
.display-b{display: block;}
.display-b-10{display: inline-block; margin-right: 10px;}
.bold-font {font-weight:bold;}
.display-inline-block {display: inline-block;}

.portlet-decorate .portlet-content{
	background: rgb(225,255,255);
	border-radius: 5px;
}

/* --------for-alert-message---------*/
.alert-success, .portlet-msg-success{
	color : rgb(0,70,79);
}

/*---------dropdown-image---------*/
.select.form-control{
	-webkit-appearance: none;
    background-image: url('/images/dropdown-symbol.png')!important;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    padding-bottom: 0;
    padding-right: 18px;
    padding-right: 0 \9;
    padding-top: 0;
}
/* -------- login-------- */
.has-success .form-control, .has-warning .form-control, .has-error .form-control{
	color : rgb(36,180,179); 
	border-color: rgb(255,167,150);
}
.has-success .form-control, .has-warning .form-control, .has-error .form-control.active{
	color : rgb(36,180,179);
}

.portlet-title-text{color: rgb(0,70,79);}
.has-success .control-label, .has-warning .control-label, .has-error .control-label{
	color : rgb(36,180,179);
}
label, .control-label{color : rgb(0,70,79);}
icon-question-sign{color : rgb(0,70,79);}

/* -------- accordian ---------- */
.header:before{color: rgb(0,70,79); float: right; font-size: 23px; margin-right: 10px;}
.toggler-header-collapsed:before { content: "+"; }
.toggler-header-expanded:before { content: "-"; font-size: 120%; margin-right: 13px;}
.card, .card-horizontal{padding-bottom: 1px; background-color: rgb(225,255,255); border-radius: 5px; margin: 5px;}
.panel-group{margin-bottom: 10px;}

/* -------- checkbox ----------*/
.checkboxFive{width: 25px; margin:3px 0 2px; position: relative;}
.checkboxFive label{cursor: pointer; position: absolute; width: 25px; height: 25px; top: 0; left: 0; background: #e5f3fc; border:1px solid rgb(0,70,79);}
.checkboxFive label:after{opacity: 0; content: ''; position: absolute; width: 15px; height: 9px; background: transparent; top: 5px; left:4px; border: 4px solid rgb(0,70,79); border-top: none; border-right: none; transform: rotate(-45deg);}
.checkboxFive label:hover::after{opacity: 0.3;}
.checkboxFive input[type=checkbox]:checked + label:after{opacity: 1;}

.card a, .card-horizontal a { color: rgb(0,70,79); font-weight: bold; }
label, .control-label,.has-success label, .has-success .control-label { color: rgb(0,70,79); font-size:12px; font-weight:bold; margin-bottom: 2px; }
.icon-asterisk.text-warning { font-size: 10px;}
.panel-group .panel-heading .collapse-icon { font-size: 20px; }
.scale-lexicon-icon.lexicon-icon, .scale-lexicon-icon .lexicon-icon, label .lexicon-icon, .control-label .lexicon-icon { height: 0.6em; margin-top: -0.5em; }
.premiumDetail { background: rgb(0,70,79); color: #FFFFFF; padding: 5px; }
.recal-but:focus, .recal-but:hover, .recal-but { background: red; color: #FFFFFF; border: red; }
.form-control{color: rgb(36,180 ,179); font-size:12px !important; border-bottom: 1px solid rgb(255,167,150);}
.form-control:focus{border-bottom: 1px solid rgb(255,236,233); color: rgb(0,70,79);}
.policy-details-fm .form-control,
.common-fm .form-control{font-size:12px !important; height: 28px; border-bottom: 0; background-color: #f1f1f1;}
.policy-details-fm textarea.form-control{height: auto;}
.policy-details-fm .form-control:focus,
.common-fm .form-control:focus{border-bottom: 0; color:rgb(0,70,79); background-color: #fff;}
.policy-details-fm .has-error .form-control,
.common-fm  .has-error .form-control{background-color: #ffc0cb4d;}

.btn-primary-red, .btn-primary-red:FOCUS, .btn-primary-red:HOVER { background: #cc0000 none repeat scroll 0 0; border: medium none #ff0000; color: #ffffff !important; }
.nav-tabs-1{/* border: 1px solid #FA8987; min-height: 200px */ border-bottom : none;}
.nav-tabs-1 > li.active > a, .nav-tabs-1 > li.active > a:hover, .nav-tabs-1 > li.active > a:focus { background: #1C1363; color: #FFFFFF; }
.nav-tabs-1.nav-pills > li.active > a, .nav-tabs-1.nav-pills > li.active > a:hover, .nav-tabs-1.nav-pills > li.active > a:focus { background: #1C1363; color: #FFFFFF; }
.nav-tabs-1 li a { margin-right: 0; border-radius: 0; }
.nav-tabs-1 li:hover, .nav-tabs-1 li a:hover { background: #869CAD; color: #FFF; }
.policy-product-tile { padding: 10px; border: 1px solid #D3D3D3; background: #FFF; color: #565656; cursor: pointer; font-size: 18px;}
.policy-product-tile.active { border: 1px solid #1C1363; background: #FFF; color: #1C1363;}
.policy-product-tile .policy-title img { width: 50px; padding-right: 5px; }
.policy-step .tab-content { padding: 10px; border: 1px solid #FA8987; min-height: 200px; }

.policy-frm .policyFieldLabel,
.common-lbl {font-size: 13px; margin-bottom:0px !important; padding: 10px 5px 2px 5px;}
.policy-frm .policyFieldValue{font-size: 12px; padding: 0px 5px 10px 5px;}

.private-car-preview.policy-frm .panel-title,
.policy-preview.policy-frm .panel-title {padding:6px 10px; color: rgb(0,70,79); font-size:16px; font-weight: bold; border-bottom: 3px solid #cccccc; margin-bottom: 0px; cursor: pointer;}

.private-car-preview.policy-frm .policy-details-fm .panel-title,
.policy-preview.policy-frm .policy-details-fm .panel-title {
	border-bottom-width: 1px !important;
	margin: 0 -5px !important;
}
/* .policy-preview.policy-frm .policy-details-fm .popup-portlet-body-content.insured-popup .panel-title {
	margin: 0px !important;
} */

.policy-frm .panel-title-s-m{padding:5px 0px; color:#183885; font-size:14px; font-weight: bold; margin: 0px 8px; border-bottom: 1px solid #FA8987;}
.policy-frm .panel-title-s,
.title-s1,
.policy-preview.policy-frm .floater-nominee .panel-title{padding:5px 0px; color:rgb(0,70,79); font-size:14px; font-weight: bold; margin: 0px 12px; border-bottom: 1px solid #FA8987;}
.policy-frm .panel-title,
.coverage-details-fm .panel-title { padding:6px 10px; color: rgb(0,70,79); font-size:14px; font-weight: bold; background-color: #e5f3fc; margin-bottom: 2px;}
.policy-frm .policy-details-fm .panel-title,
.policy-preview.policy-frm .floater-nominee .panel-title { margin : 0px 12px !important; }
.policy-frm .panel-group .panel-title > a, .policy-frm .panel-group .panel-title > span { padding: 0px; margin: 0px; }
.policy-frm .panel-body { border-top: none; min-height: auto; }
.sub-title h2{margin: 0 0 5px; font-size: 14px; padding-top: 5px; font-weight: bold;}
.sub-title-bg{color: rgb(0,70,79); background-color: #e5f3fc;}
.policy-frm .reference-mark .lexicon-icon { display: inline-block; }
.policy-frm .reference-mark { font-size: 12px; }
.policy-frm label .reference-mark, .policy-frm .control-label .reference-mark { margin-left: 0px; }
.calPremiumSection{font-weight: bold; font-size:18px; padding: 10px; border:0; background-color: #e3e3e3; }
.calPremiumVal { color: rgb(0,70,79); }
.policy-frm h2, .policy-frm .section-title { border-bottom: none; }
.section-title{font-size:22px; margin-bottom: 5px; font-weight: bold; color: rgb(0,70,79);}
.section-title-b{border-bottom: 2px solid  rgb(255,167,150) !important; color: rgb(0,70,79); float: left; font-size: 23px; font-weight: bold; margin-bottom: 10px; margin-top: 6px; width: 100%;}

/****** Vehicle policy details ********/
/* --- auto complete list --- */
.policy-details-fm .ac-list .yui3-aclist .yui3-aclist-content {overflow-y: auto;max-height: 200px;}

/***** Coverage Details *****/
.coverage-title, .cb-title {display:inline-block;}
.coverage-details-fm .panel-heading {padding:0px;}
.coverage-details-fm .idv-operation-btn.btn-primary {padding: 2px 10px;
    margin-top: 23px;
    font-size: 16px;
    font-weight: normal;
}

.coverage-heading {font-size: 13px; color: rgb(0,70,79);}

.vehicle-inspection-wrapper .inspection-content {width:100%;background-color: #f2f2f2;font-weight: bold;border-bottom: 2px solid #DDDDDD;padding: 8px;font-size: 14px;}
/*
.coverage-details-fm .requested-discount input.field {width: 95%;}
.coverage-details-fm .requested-discount .input-text-wrapper:after {content: "%";font-size: 15px;position: absolute;top: 26px;right: 4px;}

 .coverage-details-fm .idv-operation-btn.btn-primary.idv-minus{ border-radius: 5px 0px 0px 5px; margin-left: 1px;}
.coverage-details-fm .idv-operation-btn.btn-primary.idv-plus{border-radius: 0px 5px 5px 0px; margin-left: -10px; padding: 2px 8px;}
 */
 /***** Wizard content Menu css *****/
.wizard{margin:10px 0;}
ul.nav-wizard{background-color: #f1f1f1; border: 1px solid #d4d4d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 3px; position: relative; overflow: hidden; }
ul.nav-wizard:before { position: absolute; }
ul.nav-wizard:after { display: block; position: absolute; left: 0px; right: 0px; top: 138px; height: 47px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index: 11; content: " "; }
ul.nav-wizard li { position: relative; float: left; height:36px; display: inline-block; text-align: center; padding: 0 20px 0 30px; margin: 0; font-size:14px; line-height: 36px; }
ul.nav-wizard li a { color: #428bca; padding: 0;}
ul.nav-wizard li a:hover { background-color: transparent; }
ul.nav-wizard li:before { position: absolute; display: block; border: 20px solid transparent; border-left: 16px solid #d4d4d4; border-right: 0; top: -1px; z-index: 10; content: ''; right: -16px; }
ul.nav-wizard li:after { position: absolute; display: block; border: 20px solid transparent; border-left: 16px solid #f1f1f1; border-right: 0; top: -1px; z-index: 10; content: ''; right: -15px; }
ul.nav-wizard li.active { color: #FFF; background: rgb(0,70,79); }
ul.nav-wizard li.active:after { border-left: 16px solid rgb(0,70,79);}
ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus { color: #FFF; background: #183885; }
ul.nav-wizard .active ~ li { color: rgb(0,70,79); background: #f9f9f9; }
ul.nav-wizard .active ~ li:after { border-left: 16px solid #f9f9f9; }
ul.nav-wizard .active ~ li a, ul.nav-wizard .active ~ li a:active, ul.nav-wizard .active ~ li a:visited, ul.nav-wizard .active ~ li a:focus { color: #999999;}
ul.nav-wizard.nav-wizard-backnav li:hover { color: #468847; background: #f6fbfd; }
ul.nav-wizard.nav-wizard-backnav li:hover:after { border-left: 16px solid #f6fbfd; }
ul.nav-wizard.nav-wizard-backnav li:hover a, ul.nav-wizard.nav-wizard-backnav li:hover a:active, ul.nav-wizard.nav-wizard-backnav li:hover a:visited, ul.nav-wizard.nav-wizard-backnav li:hover a:focus { color: #468847; background: #f6fbfd; }
ul.nav-wizard.nav-wizard-backnav .active ~ li { color: #999999; background: #ededed; }
ul.nav-wizard.nav-wizard-backnav .active ~ li:after { border-left: 16px solid #ededed; }
ul.nav-wizard.nav-wizard-backnav .active ~ li a, ul.nav-wizard.nav-wizard-backnav .active ~ li a:active, ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited, ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus { color: #999999; background: #ededed; }
/*******disabled*******/
fieldset[disabled] .form-control, .form-control[disabled], .form-controlselect[disabled]{
	color : rgb(36,180 ,179);
}
.btn-primary[disabled]:hover{
	color: #FFF; 
    background-color: rgb(0,70,79);
}
/*******Pagination*******/
.pagination-results{color: rgb(36, 180, 179);}
/***** New *****/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left: 5px; padding-right: 5px;}

#content .row{margin-left: -5px; margin-right: -5px;}

.panel-body{padding:0px 10px 5px;}

.form-control{height: 28px;}

.form-group, 
.lfr-ddm-field-group,
.bottom5 {margin-bottom: 5px;}

.btn.green-box.btn-primary.confirm-btn{color: rgb(0,70,79); background-color: #FFF; border-color: rgb(0,70,79);}
.btn.green-box.btn-primary.confirm-btn:hover{color: #FFF; background-color: rgb(0,70,79); border-color: rgb(0,70,79);}

.btn.btn-lg.btn-primary.btn-default{border-color: rgb(0,70,79); background-color: rgb(0,70,79); font-weight: bold; color: #FFF}
.btn.btn-lg.btn-primary.btn-default:hover{border-color: rgb(0,70,79); background-color: #FFF; font-weight: bold; color: rgb(0,70,79)}

.btn.green-box.btn-lg.btn-primary.btn-default{border-color: rgb(0,70,79); background-color: #FFF; font-weight: bold; color: rgb(0,70,79)}
.btn.green-box.btn-lg.btn-primary.btn-default:hover{border-color: rgb(0,70,79); background-color: rgb(0,70,79); font-weight: bold; color: #FFF}

.panel-default > .panel-heading + .panel-collapse > .panel-body { border: 0px; }
.btn-primary{border-color: rgb(0,70,79); background-color: rgb(0,70,79); font-weight: bold;}
.green-box.btn-primary{color: #FFF; background-color: rgb(0,70,79);}
.btn-primary:focus, .btn-primary:hover{color: rgb(0,70,79); background-color: #FFF; border-color: rgb(0,70,79);}
.btn-back{border-color:#DDDDDD; background-color:#DDDDDD; font-weight: bold; color:#333;}
.btn-back:focus, .btn-back:hover{border-color: rgb(0,70,79); background-color: #FFF; color:rgb(0,70,79);}

.text-warning{color: rgb(255,118,113);}

/***********highlighted-green-area***********/
.lfr-form-row:hover{    background-color: #4fccbe80; border-color: rgb(79,204,190);}

.btn-lg, .btn-group-lg > .btn{font-size: 12px; padding: 4px 20px;}
.policy-frm .policyFieldLabel, .field-lbl{font-size: 13px; margin-bottom:0px !important;font-weight: 700; color: rgb(0,70,79);}
.policy-frm .policyFieldValue, 
.field-val,
.policy-frm .policyFieldLabel.font-12 {font-size: 12px; color:rgb(36,180,179); }

.box-boder{background-color:#F7F7F7; margin: 5px 0 !important;padding:5px;}
.box-boder .form-control{background-color: #FFF;}

.but-small{padding:2px 10px; width:auto; font-size:12px; margin-top: 24px; 	background: rgb(0,70,79); border: rgb(0,70,79);} 

.but-small:hover, .but-small:focus{background: #FFF; color: rgb(0,70,79); border-color: rgb(0,70,79);}
a.but-small{border-color: rgb(0,70,79); background-color: rgb(0,70,79); color:white;}
.section-header{margin-top: 10px;border-bottom: 1px solid #CCC;}
.section-header .control-label {font-size: 18px;}

/* Repository Table*/
.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, 
.table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, 
.table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th {
	background-color : #ffffff99;
}
.table > thead > tr > th{color: rgb(0,70,79); background-color:#f2f2f2; font-weight: bold; border-bottom: 1px solid rgb(255,167,150);}
.table > thead {border-radius:4px;}
.repository-table-section table{font-size:12px; width:100%; border-spacing:0; margin-bottom:10px; border-bottom: 1px solid rgb(255,167,150);}
.repository-table-section td:first-child, .repository-table-section th:first-child, .center-text {text-align:center; border-top: 1px solid #ddd;}
.repository-table-section-left td:first-child, .repository-table-section-left th:first-child {text-align:left;}
.repository-table-section td { vertical-align:middle; padding: 7px 5px; vertical-align: middle; border-top: 1px solid rgb(255,167,150);}
.repository-table-section th { vertical-align:middle; padding: 10px 5px; vertical-align: middle; border-top: 1px solid rgb(255,167,150);}
.repository-table-section .greay-text{color: #8E8D8D; font-size:11px;}
.repository-table-section th label{ margin:0;}
.repository-table-section tr.selected { background: #f2f2f2; border-radius: 2px; }
.repository-table-section a { color:#000; text-decoration:none; font-weight:normal; color:rgb(36,180,179);}
.slave-policy-repository-table-section.repository-table-section a { color:#fff;}
.repository-table-section .dropdown-menu{ top:0; left:20px;}

.repository-table-section th label.checkbutton{ margin:0; position:relative;}
.repository-table-section td label.checkbutton{ margin:0; position:relative;}

.table-striped table > tbody > tr:nth-of-type(2n+1) > td{background-color: #f8f8f8;}

.repository-action-btn .btn-default{background-color: #ffffff; border:1px solid #183885;}
.repository-action-btn .btn-default:hover{background-color: #e0f3fb;}
.repository-action-btn .btn-sm, .repository-action-btn .btn-group-sm > .btn{padding: 4px 9px;}


/* .pagination{display: inline-block; padding-left: 0; margin: 0px; float: right;}
.pagination>li { display: inline }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: rgb(0,70,79); text-decoration: none; background-color: #fff; border: 1px solid #ddd }
.pagination>li:first-child>a{font-size:24px; padding:1px 7px 3px; line-height: 24px;}
.pagination>li:last-child>a{font-size:24px; padding:1px 7px 3px; line-height: 24px;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: rgb(0,70,79); border-color: #183885 }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd }
.pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333 }
.pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; line-height: 1.5 }
.pagination > li > a, .pagination > li > span{border-radius: 0 !important;} */

.modal-header .close, .modal-header .modal-primary-action-button{height: 26px; line-height: 26px; width: 16px; font-size:26px; margin-top: -5px;}

.tab-box {border:1px solid #ddd; padding: 10px 10px 0; display: inline-block;width:30%;margin: 9px;}
.tab-box:hover, 
.tab-box:focus,
.selected-tab-box {cursor:pointer; border:1px solid #183885; text-decoration: none;}
.tab-box-img img{width: 100%;}
.tab-box .tab-box-text h3{font-size: 16px; font-weight: bold; margin: 10px 0 5px; color: #29353d;}
.tab-box .tab-box-text p{font-size: 13px; color: #29353d; font-weight: normal;}
.tab-pane{background: rgb(225,255,255) none repeat scroll 0 0; float: left; padding: 10px 5px; width: 100%; border: #FA8987 1px solid; border-top:0px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color: rgb(0,70,79);}
.tabbable a.tab-content{color: #555;}

.modal-footer .btn-default{background-color: rgb(0,70,79); border-color: rgb(0,70,79); color: #FFF;}
.modal-footer .btn-default:hover{background-color: #fff; border-color: rgb(0,70,79); color: rgb(0,70,79);}
.modal-footer .btn:hover{font-size: 14px; font-weight: bold; line-height: 10px; padding:6px 14px 8px; color: rgb(0,70,79); background-color: #FFF; text-decoration: none; border-color:rgb(0,70,79);}
.modal-footer .btn{font-size: 14px; font-weight: bold; line-height: 10px; padding:6px 14px 8px; color: #FFF; background-color: rgb(0,70,79); text-decoration: none; border-color:rgb(0,70,79);}
.modal-footer .green-box.btn-primary{border-color: rgb(0,70,79); color: rgb(0,70,79); background-color: #FFF;}
.modal-footer .green-box.btn-primary:hover{color: #FFF; border-color: rgb(0,70,79); background-color: rgb(0,70,79);}
.btn-default:focus, .btn-default:hover{background-color: #fff; border-color: rgb(0,70,79); color: rgb(0,70,79);}
/*switch*/
.switch{position: relative; display: inline-block; width: 40px; height: 24px; float: left; margin-right: 10px;}
.switch input {display:none;}

.slider{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before{position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider{background-color: #2196F3;}
input:focus + .slider{box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before{-webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}

/* Rounded sliders */
.slider.round{border-radius: 34px;}
.slider.round:before{border-radius: 50%;}
#myAutoComplete{width:15em; padding-bottom:2em;}

.br-remove br{display:none;}

/* Building a Horizontal Slider */
.yui-h-slider,.yui-v-slider,.yui-region-slider{position:relative;}
.yui-h-slider .yui-slider-thumb,.yui-v-slider .yui-slider-thumb,.yui-region-slider .yui-slider-thumb{position:absolute;cursor:default;}
.yui-h-slider{background:url(bg-h.gif) no-repeat 5px 0;height:28px;width:228px;}
.yui-h-slider .yui-slider-thumb{top:4px;}
.yui-v-slider{background:url(bg-v.gif) no-repeat 12px 0;height:228px;width:48px;}
.yui-region-slider{height:228px;width:228px;}


.product-section{padding: 15px 20px;}

.modal-edw{padding-right: 15px;margin-left: 10%;width: 80%;}
.modal-edw .modal-dialog{position: relative !important;width: auto;}
.modal-edw .modal-body{height: 450px;}
.tl-pr{color: green;}

.display-inline,
.policy-details-fm .panel-title .display-inline {display:inline-block;}
.policy-details-fm .panel-title .view-breakup-link-wrapper{margin-left:10px;}
.policy-details-fm .panel-title .view-breakup-link-wrapper a.view-breakup-link{color: rgb(0,70,79);text-decoration: underline;}
.policy-details-fm .panel-title .view-breakup-link-wrapper a.view-breakup-link:hover{color: rgb(36,180,179);}
    
    
.pull-right.right-space {
	padding-right: 15px !important;
}
.form-control[disabled].expose-disable-value {
	opacity: 1;
    background-color: #FFF;
    color: #29353D;
}
	
.uppercase-letter {
	text-transform: uppercase;
}

.title-value { padding-left: 10px;vertical-align: text-top;display:inline-block; color:rgb(36,180,179); }
.title-val-2 { padding-left: 10px;display:inline-block; }

td.header,
td.header1 {background-color:#f2f2f2; font-weight: bold;}

.grayMark{background-color:#c3c3c3 !important; font-weight: bold;color: #000;}
.grayMark td {background-color:#c3c3c3 !important;}

.common-title{
	color: rgb(0,70,79);
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 6px;
    display: inline-block;
}
.bottom-border{border-bottom: 2px solid #ccc !important;width: 100%;}
.panel-heading .panel-title{padding: 5px 0px;/* text-align: center; */color: rgb(0,70,79);font-size: 14px;font-weight: bold;margin: 0px 12px;border-bottom: 1px solid #FA8987;}

.nomineeSection .input-checkbox-wrapper{margin-top: 25px;}
.calendar-clear-link {float: right; font-size: 12px; cursor: pointer; padding-top: 5px;}
.paymentBy .input-checkbox-wrapper{margin-top: 25px;}

.normal-lb{font-weight: normal;}

.markError{border: 1px solid red !important; background-color: #ffecef !important;}
.premium-error{color: red;font-weight: bold;}
.payin-slip-container .company-logo img {width: 250px;}
.repository-table-section .vertical-bottom{vertical-align: bottom;}
/****** Loading ******/
#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; opacity: 0.7; background-color: rgb(225,255,255); z-index: 9999; text-align: center; }
#loading-image { position: absolute; top: 50%; left: 50%; margin:-32px 0 0 -32px; z-index: 100; width:64px; height:64px; }

/****** confirmation box *******/
.model-pos {position: initial;}
.modal-dialog.confirmation-box {width:500px;}

/****** Dashboard *******/
.dashboard-section.data-summary-section { border: 1px solid #FA8987; height: 280px;}
.dashboard-section.data-summary-section .panel-heading { border-bottom: 1px solid #FA8987; }
.dashboard-section.data-summary-section .panel-title { border: none;font-size: 16px;padding: 10px; margin: 0px;}
.dashboard-section.data-summary-section .row {border-bottom: 1px solid #FA8987;}
.dashboard-section.dashboard-chart .panel-title {font-size: 16px;border-bottom-width: 3px;}
.dashboard-section.data-summary-section.renewal-business-section .row {border-bottom:none;}
.renewal-business-section .product-business-data {border-bottom: 1px solid #FA8987;margin-top:5px;padding-bottom: 5px;}
.renewal-business-section .product-name {text-decoration: underline;}

.dashboard-section .field-val,
.dashboard-section .field-lbl {margin: 8px; margin-bottom: 8px !important;}


.renewal-business-section .product-business-data .field-lbl {
	margin-bottom: 0px !important;
	margin: 0px 0px 0px 8px;
}
.renewal-business-section .product-business-data .field-val {
	margin-bottom: 0px !important;
    margin: 0px;	
}
.renewal-business-section .business-information-div .field-lbl.no-data-lbl {
	margin: 8px;
}

/** dialog **/
.pp-modal-dialog{width: 700px;}
.pp-modal-dialog .modal-body{max-height:400px;}

/** Under write Case **/
.case-title{font-weight: bold; color: rgb(0,70,79);}
.case-row{padding: 5px;border-bottom: 1px solid #CCC;margin-bottom: 5px;}
.case-label{}
.red-box{background: red;border-color: red;color: #FFF;}
.darkred-box{background: darkred;border-color: darkred;color: #FFF;}
.case-action{font-size: 12px;}
.case-accept-label{color: rgb(0,70,79);}
.case-reject-label{color: red;}	
.uw-label{font-size: 14px;font-weight: 700;}
.uw-value{font-size: 13px;}
.uw-label-title{font-size: 14px;font-weight: 700;color: rgb(0,70,79);padding-bottom: 5px;}
.uw-row-box{padding: 5px;background: #F7F7F7;border: 1px solid #CCC;}

/****** css for printing only ******/
@media print {
 	.payin-slip-container .company-logo {display:block;}
}


/* Health */
.margin-l-20{margin-left: 20px;}
.margin-t-20{margin-top: 20px;}
.checkbox-textbox .checkboxFive{float: left; margin-right: 10px;}
.checkbox-textbox .form-control{float: left; margin-top: 1px; width:80px;}
.health-policy-details-fm #volCoPaymentPerWrapper .vol-co-payment-per { margin-bottom: 0px;}
.voluntary-coverage-msg {color:red;font-size:10px;float:left;display:none;}

.policy-frm .policy-details-fm .panel-title.margin-l-z{margin-left: 5px !important;}

.rms-wizard .rms-wizard-header {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0px, #f0f0f0 100%) repeat scroll 0 0;
    border-bottom: 1px solid #dadada; border-radius: 4px 4px 0 0; clear: both;
}
.rms-wizard .rms-wizard-header .title {color: #29353d; font-size: 20px; font-weight: 300; margin: 0; padding: 0 10px 10px;}

.rms-wizard .rms-step-section { padding: 20px 10px 0px 10px; display: block; margin-bottom: 0; border-bottom: 1px solid #FA8987; margin-bottom: 15px;}
.rms-wizard .rms-step-section:after, .rms-wizard .rms-step-section:before { content: " "; clear: both; display: block }
.rms-wizard .rms-multistep-progressbar { list-style: none; margin: 0; padding: 0; clear: both }
.rms-wizard .rms-multistep-progressbar li.rms-step { list-style-type: none; float: left; width: 25%; position: relative; text-align: center; height: 115px; z-index: 10 }
.rms-wizard .rms-multistep-progressbar li.rms-step:before { content: " "; width: 40px; height: 40px; line-height: 40px; border: 1px solid #d9d9d9; display: block; font-size: 21px; font-weight: 600; text-align: center; margin: 0 auto 10px; border-radius: 50%; background: #eaeaea; color: #a9a9a9 }
.rms-wizard .rms-step-section[data-step-counter=true] .rms-multistep-progressbar { counter-reset: step }
.rms-wizard .rms-step-section[data-step-counter=true] .rms-multistep-progressbar li.rms-step:before { content: counter(step)!important; counter-increment: step }
.rms-wizard .ml10 { margin-left: -10px!important }
.rms-wizard .rms-step-section .rms-multistep-progressbar li .step-icon { z-index: 1024; position: absolute; top: 0; margin-top: 8px; font-size: 18px; color: #a9a9a9; margin-left: -7px }
.rms-wizard .rms-step-section[data-step-image=false] .rms-multistep-progressbar li .step-icon { opacity: 0; visibility: hidden }
.rms-wizard .rms-step-section[data-step-image=true] .rms-multistep-progressbar li .step-icon { opacity: 1; visibility: visible }
.rms-wizard .rms-step-section .rms-multistep-progressbar li.completed-step .step-icon, .rms-wizard .rms-step-section .rms-multistep-progressbar li.rms-current-step .step-icon { color: #FFF }
.rms-wizard .rms-multistep-progressbar li.rms-step:after { content: ''; position: absolute; width: 100%; height: 4px; background-color: #eaeaea; top: 19px; left: 0; z-index: -1; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 }
.rms-wizard .rms-multistep-progressbar li.rms-step:first-child:after { width: 50%; left: 50% }
.rms-wizard .rms-multistep-progressbar li.rms-step:last-child:after { width: 50% }
.rms-wizard .rms-multistep-progressbar li.rms-step .step-title { display: block; font-size: 13px; font-weight: 400; color: #464646; text-align: center; line-height: 20px }
.rms-wizard .rms-multistep-progressbar li.rms-step.completed-step .step-title:after { position: absolute; font-family: FontAwesome; font-size: 14px; color: #92cf5c; text-shadow: none;}
.rms-wizard .rms-multistep-progressbar li.rms-step .step-info { display: block; text-align: center; font-size: 11px; color: #a8a8a8; line-height: 15px }
.rms-wizard .rms-multistep-progressbar li.rms-step.completed-step { color: #000 }
.rms-wizard .rms-multistep-progressbar li.rms-step.completed-step:before { background-color: #92cf5c; border-color: #83c944; color: #FFF }
.rms-wizard .rms-multistep-progressbar li.rms-step.completed-step:after { background-color: #92cf5c; border-color: #83c944 }
.rms-wizard .rms-multistep-progressbar li.rms-step.rms-current-step { color: #000}
.rms-wizard .rms-multistep-progressbar li.rms-step.rms-current-step:before { background-color: #fb6b5b; border-color: #fb4532; color: #FFF }
.rms-wizard .rms-multistep-progressbar li.rms-step.rms-current-step:after { background-color: #fb6b5b; border-color: #fb4532 }

/*** Profile ***/
#productPlansDiv .product-partner-credit-management .main-content-card,
#productPlansDiv .product-partner-credit-management .main-content-card .panel-heading .panel-title {
	background-color: #F5F8F8 !important;
}

.go-green .checkbox-text{font-size: 14px;color: rgb(0,70,79);}
.go-green {font-size: 14px;font-weight: bold; color: rgb(0,70,79);}
.go-green .preview{font-size: 14px;font-weight: bold; color: rgb(0,70,79);}

/** TopTip **/
.pp-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.pp-tooltip .tooltiptext {
    visibility: hidden;
   /*  width: 120px; */
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
.pp-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.pp-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.insured-tooltip-common.pp-tooltip {
	position: absolute;
	top: 3px;
	right: 250px;
	font-size: 13px;
} 
.insured-tooltip-common.pp-tooltip .tooltiptext {
	width : 150px;
	font-size:12px;
}
.pp-tooltip:hover .tooltiptext table{margin-bottom: 0;}
.pp-tooltip:hover .tooltiptext table td{background: none !important;}

.tooltip-premium-table-data {width: 145px !important;}

.table-data{font-size:12px !important}
.insured-table-data tr:nth-child(even),
.claim-table-data tr:nth-child(even){font-size:12px !important;background-color: #F8F8F8;}
.insured-table-data tr:nth-child(odd),
.claim-table-data tr:nth-child(odd){font-size:12px !important}
.datepicker-container,.datepicker-panel{z-index: 1052 !important;}
.lfr-alert-container{z-index: 1430;}
#policyDetailsFmContainer #alertBox{z-index: 1052}
#policyDetailsFmContainer #confirmationBox{z-index: 1052}

.health_product_details,
.arogya-product-title,
.corona-rakshak-product-title {font-size: 14px;font-weight: normal;margin: -19px 0px 0px 100px;}

.repository-table-section-left .online-premium-wrapper .additional-online-dis-label {text-align: right;vertical-align: middle;}
.floater-premium-data .online-premium-wrapper .floater-add-online-dis-label {vertical-align: middle;}
.online-premium-wrapper {font-weight:bold;}
.floater-premium-data .online-premium-wrapper  .online-premium-amt-cur.floater-cur { margin-left: 3px;}

.online-premium-amt,
.online-premium-amt-cur {display:inline-block;color:green;}

.opt-pa-cover-od-box .modal-body {
	background-color: #fff;
}
.pa-cover-radio-label {   
    font-weight: normal;
    font-size: 14px;
}
.opt-pa-cover-od-box .i-need-cover-btn:hover {
	color:#2ba023;
	background-color:#fff;
}

.i-have-pa-cover {
	display: inline;
}
.i-am-good-to-go-btn-wrapper {
	display:inline-block;
	float:right;
}
.opt-pa-cover-od-box .pa-cover-msg {font-size:19px; font-weight:bold;}

/* ---- Css for Radio Buttons --- START */
/* The container */
.radio-container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 14px;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight:normal;}

/* Hide the browser's default radio button */
.radio-container input {position: absolute;opacity: 0;}

/* Create a custom radio button */
.checkmark {position: absolute;top: 0;left: 0;height: 21px;width: 21px;background-color: #e5f3fc;border-radius: 50%;}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {background-color: #183885}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {display: block;}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {top: 7px;left: 7px;width: 7px;height: 7px;border-radius: 50%;background: white;}

/* ---- Css for Radio Buttons --- END */

/* ---- online payment - bill desk response */

.policy-payment-section .panel-heading {padding: 8px 0px;}
.policy-payment-section .panel-heading .panel-title { font-size: 16px; padding: 8px;}
.policy-payment-section .panel-body .table tr td.field-lbl { font-size: 12px;font-weight: bold; width: 50%; text-align: left;}
.policy-payment-section .proceed-btn { float:right; }

.disclaimer-msg.alert-info {color: #31708f;background-color: #d9edf7;border-color: #bce8f1; margin: 10px 0px;	}
.renewal-policy-search-fm .search-container {
	display:none;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .rms-wizard .rms-multistep-progressbar li.rms-step { width: 50%; height: auto }
}

@media only screen and (max-width:767px) {
    .rms-wizard .rms-multistep-progressbar li.rms-step { width: 100%; height: auto }
}

@media only screen and (max-width:1024px) {
    .rms-wizard .rms-multistep-progressbar li.rms-step:after { display: none }
    .rms-wizard .rms-multistep-progressbar li.rms-step:before { float: left }
    .rms-wizard .rms-multistep-progressbar li.rms-step .step-info, .rms-wizard .rms-multistep-progressbar li.rms-step .step-title { padding-left: 60px }
    .rms-wizard .rms-multistep-progressbar li.rms-step.completed-step .step-title:after { left: auto; padding-left: 10px }
}

/** UTR  Buttons **/
.download-utr-btn {
	margin-left: 175px;
    margin-top: -56px;
}

.no-payment{
	text-align: center;
	color: red;
	font-size: 15px;
}

/** OEM Upload Request **/
.ur-inprocess-signal {padding: 2px 10px; float: right; margin-top: 24px;}

.modal-utr{width: 80%;margin-top: -50px;}
.modal-utr .modal-dialog{position: relative !important;width: auto;}
.modal-utr .modal-body{height: 400px;}