@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
.dt-buttons {
    right: 300px;
    top: 21px;
    position: absolute;
}
.topbar .top-navbar {
    min-height: 66px;
}
.accordion-button{
	width: 100%;
	outline: none;
	text-align: left;
	padding: 13px 20px;
	font-size: 22px;
	color: #023d76;
	background: #f8f8f8;
	border: none;
}
.accordion-button:focus{
	outline: none;
}
.add_new_btn_area {position: absolute}
.left-sidebar{
    position: fixed;
}
.bind_quote_button{

	height: 30px;
	font-size: 14px;
	font-weight: 600;
	margin-left: auto;
	color: white;
	line-height: 0;
}
.label-width-location{
	width: 20%;
}
.go_back_array{
	margin: 0 14px 0 0;
}
.go_back_array img{
	width: 30px;
	opacity: 15%;

}
.select-width-margin-location{
	width: calc(30% - 20px);
	margin-right: 20px;
}
.select-width-location{
	width: 30%;
}
.wrapper_quote_details_view{
	padding: 0 15px 0 0px;
}
body .wrapper_quote_details_view table{
	margin: 20px 0 20px;
}
.card-body  .hide_risk_location{
	display: none;
}
.wrapper_quote_details_view #policy_number{
	width: 120px;
}
.btn-primary.disabled{
	background-color: #5d6d7a;
	border-color: #5d6d7a;
}
.quote_details_view_right_side .tmpl-table{
	padding: 0 20px;
	margin: 0;
}
.quote_details_view_right_side .accordion-collapse .form-group.row  {
	margin: 0px;
}
.quote_details_view_right_side .accordion-collapse  {
	padding: 0px;
}
i {
	font-family: fontawesome !important;
}
.quote_details_view_header label, .policy_information_wrapper label{
	min-width: 180px;
	color: #023d76;
	font-weight: 700;
	text-align: right;
}
body .quote_details_view_left_side p{
	width: 100%;
	margin: 4px 0 0 0px;
	color: #023d76;
}
.quote_details_view_left_side{
	margin-top: 46px;
}
.quote_details_view_right_side{
	margin-top: 24px;
}
 .quote_details_view_block_right label{
	text-align: right;
}
 .quote_details_view_block_left label{
	text-align: right;
}
 .card .form-group .bottom_table_scheduled_vehicles{
	margin-top: 0px;
}
#form_risk_location .form-group .show-upd-button{
	display: block;
}
.form-group-location{
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
}
.show-sidebar{
    overflow: hidden;
}
.location-short-group {
	margin: 10px 0px;
}
.cols {
	flex-direction: column;
	width: calc(50% - 20px);


}
.cols2 {
	width: calc(50% - 20px);
	margin-left: 40px;
}
.label-row-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	vertical-align: center;
	align-items: center;
	max-width: 320px;
}
.label-row-wrap select, .label-row-wrap input {
	width: calc(100% - 100px);
	max-width: 130px;
}
.dt-buttons .dt-button {
    padding: 5px 15px;
    border-radius: 0.25rem;
    color: #212529;
    background-color: #f8f9fa;
}
.fein_label{
	font-weight: 600;
}
#add_new {margin-bottom:  0px;}

.form-control {
    border: 1px solid #ccd3dd;
	box-shadow: none;
	color: #555555;
	min-height: auto;
	height: auto;
	padding: 7px 12px;
}



 .form-control:focus {
	 border-color: #1d7fcf;
	 box-shadow: none;
 }


.datepicker {z-index: 10000;}

.datepicker-here {
    /*background-repeat: no-repeat;*/
    /*background-position: center right;*/
    /* background-size: 15% 92%; */
    /*background-image: url(/assets/css/i/calendar.svg);*/
}
.datepicker-icon-wrapper {
	background-color: #2c5f99;
	border-radius: 5px;
	height: 35px;
}
.datepicker-icon {
    background-repeat: no-repeat;
    background-position: center;
	width: 40px;
	height: 32px;
}
.fa-calendar-alt{
	margin: 5px 0px 0px 9px;
}
.fa-calendar-alt:before {
	content: "\f073";
	font-size: 25px;
	color: white;
	margin-top: 5px;
}
.display-flex_al-center{
	display: flex;
	align-items: center;
}
.marg_10{
	margin: 10px;
}
.light_weight{
	font-weight: 400;
}
#form_underwriting_questionnaire input[type=radio] {
margin-top: -1px;
}
.padding-twenty{
	padding: 0 20px;
}
.form-group .margin_right_10{
	margin-right: 10px;
}
.form-group input[type=radio]{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.padding-zero{
	padding: 0px;
}
.underwriting_input{
	margin: 0px 5px 0 0;
}
.select_all-wrapper input{
	margin-top: 0px;
}
#installation_versus{
	width: 450px;
	height: 100px;
}
.form-group .carrier_history_table th{
	border: none;
}
.form-group .carrier_history_table td{
	/*padding: 0px;*/
}
.form-group .carrier_history_table td input{
	border: 1px solid #d0d6df;
	border-radius: 5px;
	height: 24px;
	width: 100%;
}
.select_all{
	margin-right: 10px;
	margin-bottom: 0px;
}
.weight_high{
	font-weight: 700;
}
#form_contact_information .block_title_wrapper .color_all{
	color: #04335f;
}
.color_all{
	color: #31475f;
}
.account_details_fein{
	width: 70%;
}
.align_ext_text{
	text-align: center;
	line-height: 34px;
 }
.enter_all{
	margin: 20px 0;
}
#expiration_date{
	cursor: default;
}
.block_title_line{
	margin: 5px 0 20px 0;
}
.zip_code2{
	height: inherit;
}
#form_contact_information .block_title_wrapper .contact_information-same-as-risk{
	text-decoration: underline;
	font-weight: 700;
	cursor: pointer;
	margin-bottom: 20px;
}
.loss_detail{
	font-size: 18px;
	text-align: center;
	padding: 0px;
	/*line-height: 14px;*/
}
.block_title{
	font-size: 22px;
	color: #04335f;
}
.block_title_wrapper{
	text-align: center;
}
.loss_detail_line{
	padding: 0px;
	width: 100%;
	border-bottom: 3px solid #31475f;
}
.marg_left_20{
	margin-left: 20px;
}
.bg_color_underwriting{
	display: flex;
	border-bottom: 1px solid #d5d5d5;
	padding: 0px 20px ;
}
#fullCalModal_State.modal{
	position: fixed;
	background: #a3a3a3;
	border-radius: 4px;
	z-index: 99999;
	opacity: 1;
}
#fullCalModal_State.fade{
	z-index: 0;
}
.bg_color_underwriting .marg_10   {
	width: 28%;
	margin: 0px
}
.underwriting_input_wrapper{
	width: 22%;
	margin: 0 0 15px auto;
}
.underwriting_input_wrapper .underwriting_input{
    margin: 0px;
	justify-content: right;
	align-items: end;
	flex-direction: column;
}
.underwriting_input_wrapper .underwriting_input input{
    width: 100px
}
.underwriting_input{
	width: 28%;
}
.bg_color_underwriting .col-form-label  {
	width: 72%;
}
.select_all-wrapper input{
	width: 20px;
	height: 20px;
}
.zip_dash{
	text-align: center;
	line-height: 30px;
	margin: 0 10px;
}
.flex{
	display: flex;
}
/*.info_icon{*/
/*	width: 15px;*/
/*	height: 20px;*/
/*	border-radius: 10px;*/
/*	border: 1px solid white;*/
/*	text-align: center;*/
/*}*/
/*.info_icon i{*/
/*	width: 7px;*/
/*	height: 21px;*/
/*	text-align: center;*/
/*	line-height: 19px;*/
/*	background-color: white;*/
/*	border-radius: 10px;*/
/*	border: 1px solid white;*/
/*}*/
.d-flex .hide_add-button, .d-flex .hide_update-button{
	display: none;
}
.quote_header .readonly_input{
background-color: inherit;
	cursor: default;
	display: block;
	margin-top: -4px;

}
.quote_header #nature_business {
	margin-left: 54px;
}
.risk_location_edit{
	cursor: pointer;
}
#classification{
	margin-bottom: 5px;
}
#fullCalModalDrivers .modal-dialog {
    max-width: 90%;
}
#uninsured_exposure{
	width: 20px;
	height: 20px;
}

#manageTableFrom .modal-dialog {
    max-width: 90%;
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 660px;
        margin: 1.75rem auto;
    }
}

.centered {text-align: center;}
.bold {font-weight: bold}

.d-flex {display: flex;}
.justify-content-center { justify-content: center}
.error {color: red;
    border-color: red;
}
.must{
    color: red;
}

#rateDriverTurnoverH41111 span {color: gray; font-size: 13px; font-style: italic;}
#rateDriverTurnoverH411111 span.bold {color: #6c757d; font-style: normal;     font-size: 1.125rem;}


.green {color: forestgreen; background: url(/assets/css/i/added.svg) no-repeat center left; padding-left: 24px;}
.red {background: url(/assets/css/i/deleted.svg) no-repeat center left; padding-left: 24px;}

.green_ok {
    background-color: #c6efce;
    color: #006100;
    padding-left: 10px
}
.red_no {
    background-color: #f2dcdb;
    color: #963634;
    font-weight: normal;
    text-decoration:line-through;
    padding-left: 10px
}

#driversList11{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
word-wrap:break-word;
}

table {
    table-layout: fixed;
    word-wrap:break-word;
    white-space: normal;
}

#allVioTable .modal-dialog {
    max-width: 80%;
}
#import_appForm .modal-dialog {
	width: 800px;
}
.quote_view_title_wrapper{
	margin: 0 0 22px 0;
}
#driversList th, #driversList td { white-space: normal;}
.bind_quote_button_wrapper .bind_quote_button{
	margin: 20px 0 0 20px
}
.blue {color: #000096}
.blue {color:  #0ea6ff}
.red {color: #e71818}
.decorative_border{
	width: 100%;
	border-bottom: 10px solid #7dbeff;
}

.rangeslider  {width: 100%}

.rangeslider--horizontal {
    height: 10px;
}

.rangeslider__handle:after {    width: 12px;    height: 12px;}
.rangeslider__fill {   background-color: #337ab7;
    border-color: #2e6da4;}
.range-output {font-size: 15px; font-weight: bold; color:  #006dcc; margin-top: 10px;}
.rangeslider__handle {   width: 25px;    height: 25px;}


table.dataTable.nowrap td.name_view {
    white-space: pre-wrap;
}


#cabVioForm .modal-dialog {max-width: 90%;}
#cabVioForm .table td {padding: 8px 10px;}
#cabVioForm .radioWrap {display: flex; justify-content: center}

.flash {
    -moz-animation: flash 1s ease-out;
    -moz-animation-iteration-count: 1;

    -webkit-animation: flash 1s ease-out;
    -webkit-animation-iteration-count: 1;

    -ms-animation: flash 1s ease-out;
    -ms-animation-iteration-count: 1;
}

@keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fbf8b2; }
    100% { background-color: transparent; }
}

@-webkit-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fbf8b2; }
    100% { background-color: transparent; }
}

@-moz-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fbf8b2; }
    100% { background-color: transparent; }
}

@-ms-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fbf8b2; }
    100% { background-color: transparent; }
}


#manageTable {table-layout: auto}
#manageTable .itemWrap {display: flex;
    margin-bottom: 15px;
    border-radius: 10px;
    background: #f3f3f3;
    box-shadow: 0 -1px 1px rgba(0,0,0,.08) inset;
    border-radius: 3px;
    padding: 15px;}

#cab_vio_rows .itemWrap, #cab_acc_rows  .itemWrap{
    border-left: 5px solid #b87ed6;
}#mvr_vio_rows .itemWrap, #mvr_acc_rows  .itemWrap{
    border-left: 5px solid #ffcaa4;
    background-color: #f5f5f5;
}
#cont_rows .itemWrap {
    border-left: 5px solid #358ccb;
    background-color: #f5f5f5;
}
#lr_acc_rows  .itemWrap{
    border-left: 5px solid #e566a0;
    background-color: #f7f4e8;
}
.cab_items{
    color: #aa44dd;
}
.mvr_items{
    color: #1785ff;
    color: #ff7717;
}
.lr_items{
    color: #d94d8d;
}


#manageTable .itemWrap .action {width: 12%}
#manageTable .itemWrap .date {width: 18%}
#manageTable .itemWrap .desc {width: 32%}
#manageTable .itemWrap .phone {width: 22%}
#manageTable .itemWrap .email {width: 22%}
#manageTable .itemWrap .name {width: 22%}
#manageAgencyContactsTable .itemWrap .name {width: 32%}

#manageTable .itemWrap:hover {background: #f7f7f7}

.btn-wrap {display: flex; flex-direction: row; justify-content: center}
.btn-wrap button {margin-bottom:  0px; max-width: 80px; margin: 0px 10px;}
#manageTable   #cab_vio_rows .itemWrap.save_data, #cab_vio_rows .itemWrap.save_data {
    border: 1px solid #b87ed6;
}
.itemWrap.save_data .wraps {padding: 3px}
.itemWrap.save_data .vio_date {width: 130px;}
.itemWrap.save_data .tawraps {  width: calc(50% - 60px); }
.itemWrap.save_data textarea {min-height: 100px; min-width: 200px; width: 100%; }
.itemWrap.save_data .from-wraps {width: 100%; display: flex; flex-direction: row; justify-content: space-evenly}

#manageTable .itemWrap.save_data {display: flex; flex-direction: column; }

.headerRow {font-weight: 500;}
#cab_vio_rows .headerRow, #cab_acc_rows .headerRow {
    padding: 10px 30px;
    border-radius: 0px;
    margin: -10px -10px 20px -10px;
    border-left: none;
    background: #f9f9f9;
}

#manageTable .headerRow .action {

    margin-left: -5px;
    margin-right: 5px;
}

/*#btn_cab_vio_rows .fa {color: #aa44dd}
#btn_cab_acc_rows .fa {color: #aa44dd}

#btn_mvr_vio_rows .fa {color: #ff7717}*/
.add_new_data  .fa {color: #949494}
.smallerline {padding-top: 0px;}
.card-body-left {float: left; margin-bottom: 0px;}
.card-body-left p {margin-bottom: 0px;  }
body{
    background-color: #ffffff;
}

#clientsList{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap:break-word;
}


@media (min-width: 576px) {
    #import_Truck_Cab_Form .modal-dialog {
        max-width: 800px;

    }
}
.scroll-sidebar {
    height: calc(100% - 66px);
}
@media (min-width: 769px){
    .fixed-layout .page-wrapper {
        padding-top: 117px;
    }
.nafWrap {margin-top: 25px;}
.nafWrap label {margin-right: 10px;}
.itemWrap {position:relative}
.itemWrap .naf {    position: absolute;
    right: 10px;
    border-radius: 50px;
    border: 2px solid #36bea6;
    color: #36bea6;
    padding: 6px 3px 4px 3px;
    font-size: 11px;
    margin-top: 7px;}
#sidebarnav {
    justify-content: space-between;
}
#sidebarnav .right-aside, #sidebarnav .left-aside{display: flex; padding:   0px}
}

@media (min-width: 767px) {
	.horizontal-nav .sidebar-nav #sidebarnav li a {
		padding: 9px 15px 5px 15px;
	}

}


.nav-text-box{
    height: 66px;
}
@media (min-width: 769px){
    .horizontal-nav .left-sidebar .sidebar-nav #sidebarnav li a i {
        display: inline-block;;
    }
}
.topbar .top-navbar .navbar-header {

	border-right: none;
}


@media (max-width: 1023px) and (max-width: 767px){
    body.skin-default-dark .left-sidebar .sidebar-nav ul li a.active {

        border-left: 3px solid #01c0c8;
    }
}
body.skin-default-dark .left-sidebar .sidebar-nav ul li a.active {
    border-bottom: 4px solid #1d7fcf;
}

.ws-normal{
    white-space: normal;
}
@media (min-width: 992px) {
    .max-lg-content{
        max-width: max-content;
    }
}
.red-highlight{
    background-color: #b5707033 !important;
}


#manageAgencyContactsTable {padding: 0px;}

.manageTableStyles {table-layout: auto}
.manageTableStyles .itemWrap {display: flex;
    margin-bottom: 15px;
    border-radius: 10px;
    background: #f3f3f3;
    box-shadow: 0 -1px 1px rgba(0,0,0,.08) inset;
    border-radius: 3px;
    padding: 15px;}


.manageTableStyles .headerRow .action {
    margin-left: -5px;
    margin-right: 5px;
}
.manageTableStyles .itemWrap.save_data {display: flex; flex-direction: column; }

.manageTableStyles  #cab_vio_rows .itemWrap.save_data {
    border: 1px solid #b87ed6;
}

.manageTableStyles .itemWrap .action {width: 12%}
.manageTableStyles .itemWrap .date {width: 18%}
.manageTableStyles .itemWrap .desc {width: 32%}
.manageTableStyles .itemWrap .phone {width: 22%}
#manageAgencyContactsTable.manageTableStyles .itemWrap .email {width: 34%}
.manageTableStyles .itemWrap .name {width: 22%}
.manageTableStyles .itemWrap .action {
    width: 12%;
}
.manageTableStyles .itemWrap .phone {
    width: 22%;
}
.manageTableStyles .itemWrap .desc {
    width: 32%;
}
.manageTableStyles .itemWrap .email {
    width: 22%;
}
.manageTableStyles .itemWrap:hover {background: #f7f7f7}

#manageAgencyContactsForm .modal-dialog {
    max-width: 90%;
}

.table-policies th {background: white;     border-bottom: 1px solid #dddddd !important; font-weight: normal !important; }
.detail-icon {
    margin-right: 4px;
}
.link-icon {
    margin-right: 4px;
    margin-left: 6px;
}

.add_new_policy {margin-left: 20px; cursor: pointer}
.v-hidden{
    visibility: hidden;
}

.dataTables_filter input {
    border: 1px solid #d2d2d2;
    padding: 3px 7px;
    background-image: none;
    border-radius: 0.25rem;
}

#main-wrapper .page-titles2222222222222 {    margin-top: 127px;	margin-bottom: -52px;}
.titleWrap {vertical-align: center;  }

.titleWrap .btns {margin: 0px; }

.dataTables_scrollHeadInner   {width: auto !important;}
.dataTables_scrollHeadInner table {margin-left: auto !important;}
.table-responsive555 {padding: 20px;}
.name_view .btn {width: 75px;}
.name_view .loss_run_view {width: 115px;}
.name_view  {display: flex; justify-content: space-between}
.name_view  .btn-wrap a{margin: 0 10px}
.dataTables_wrapper {
	padding-top: 0px;
}
.btn_view  a {margin: 0 5px}
.dashboardStyles .page-titles h4 {
	margin-bottom: 0px;
	margin-top: 9px;
	margin-left: 20px;
}
.dataTables_scrollHeadInner th {min-height: 70px; align-items: center;}
.topbar .top-navbar {min-height: 30px; margin-bottom: 0px; max-height: 66px;}

.wraped {
	white-space: initial;
}

.table-responsive555222   table {
	word-wrap: normal;
}
.dataTables_scrollHead {overflow: initial  !important;}

.dataTables_scrollHead .dropdown-toggle:after {
	display: none;
}

  .btn-secondary {border-color: #dddddd }

.modal-backdrop.show {
	opacity: 0.5;
}

.fade.show {
	opacity: 1;
	padding-top: 30px;
}
/*.model form {margin-top: 210px !important;}
#import_appForm {margin-top: 210px !important;}
#fullCalModal_vin_edit {margin-top: 210px !important;}
#fullCalModal_cab {margin-top: 210px !important;}*/

.fade .modal-dialog {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-webkit-transform: translate(0, -50px);
	-ms-transform: translate(0, -50px);
	transform: translate(0, -50px);
}
.modal-open .modal-backdrop {
	opacity: 0.5;
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.modal.show .container {
	width: 100%;
}

#addLossRunForm .modal-new-lr {
	width: 1200px;
	max-width: 1000px;
	margin: 1.75rem auto;
}
@media (min-width: 992px){
    #addLossRunForm  .container {
        max-width: 1170px;
    }
}
#import_Truck_Cab_Form .modal-dialog{
	width: 960px;
}


.dashboardStyles {margin-top: 130px;}
.dashboardStyles .page-titles {margin-bottom: -50px;}

#manageTableFrom .modal-dialog {width: 100%}
#cabVioForm .modal-dialog {width: 100%}
#manageAgencyContactsForm.modal-dialog {width: 680px;}
#manageTableFrom .modal-dialog .table-responsive{overflow: hidden;}
#cab_vio_rows .headerRow, #cab_acc_rows .headerRow {	margin: -4px -5px 20px -5px;}

.table-responsive555   .name_view {min-width:350px; 	display: table-cell;}
.dashboardStyles .strangeHeader {margin-top: -120px}
.table-responsive555222  table{
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	table-layout: fixed; // ***********add this
word-wrap:break-word; // ***********and this
}



.someClass{
	color: red;
}

.red-hover:hover{
	color: red;
}


#clientsList_wrapper.dataTables_wrapper {
	 margin-top: 0px;
}

.dashboardStyles div.no-left-padding {

}
html.class_login_page {
	background: rgb(155,193,210)  ;
	background: linear-gradient(180deg, rgba(89,124,148,1)  0%, rgba(186,173,144,1)  80%);
	background-image: url(/assets/img/big.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html.class_login_page body
{
	background: transparent;
}
html.class_login_page .trampbon {
	width: 100%;
	background: black;
	opacity: 0.3;
	text-align: center;
	height: 90px;
	position: fixed;
	z-index: 1;
}
html.class_login_page .first {
	position: fixed;
	z-index: 2;
	top: 10px;
	text-transform: uppercase;
	text-align: center; width: 100%;
	color: white; font: bold 32px "Helvetica Neue", Helvetica, Arial, sans-serif;}

html.class_login_page .second {
	top: 48px;
	text-align: center; width: 100%;
	position: fixed;
	z-index: 2;
	text-transform: uppercase;
	color: white; font: normal 24px "Helvetica Neue", Helvetica, Arial, sans-serif;}
html.class_login_page .login-box {
	background: rgba(255, 255, 255, 0.5); ;
}


html.class_login_page .login-box .form-control {
	min-height: 38px;
	background-size: 0 2px, 100% 2px;
	background: none; box-shadow: none; background-color: transparent !important; border-bottom: 2px solid #bbbbbb;
}


html.class_login_page .footer {display: none;}


html.class_login_page .product_container {
	border: 3px solid black;
	overflow: auto;
}

html.class_login_page .outer-center {

	padding: 0;
	float: right;
	right: 50%;
	position: relative;

}

html.class_login_page .inner-center {

	bottom: -15%;
	float: right;
	right: -100%;
	position: relative;
	background: white;
	padding: 30px;
}
.f-align-start {
	justify-content: flex-start;
}

.align-center {text-align: center}

@media (min-width: 1120px){
.trucksListPage .header-wrapper {
    margin-bottom: -30px;
}
}

.form-horizontal .quote_wrap {
    display: none;
    border: 1px solid gray;
    border-radius: 10px;
    border: 1px solid #c9eafd;
    background: azure;
    margin: 20px 0px;
    padding: 30px 0px 5px 0px;

}

.quote_wrap  .note {
/*    margin-left: 230px;*/
    color: gray;
    font-size: 13px;
    margin: 0px;
}
.quote_wrap  .control-label {
    font-weight: bold;
    text-align: right;
}
.quote_wrap .title {
    font-weight: bold;
    color: #035f63;
}

.quote_mtc_wrap .title {
    font-weight: bold;
    color: #775000;
}

#addDriversForm .modal-dialog {
    max-width: 800px;
    width: 800px;
}

.title1 {padding-left: 25px;
    font-size: 18px;
    color: #035f63;
    margin-bottom: 20px;
    margin-top: -10px;
}


.green_bg2, .yellow_bg2 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.green_bg1, .yellow_bg1 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.green_bg_wrap, .yellow_bg_wrap {
    margin: 20px;
    display: flex;
    justify-content: center;
    padding: 0px;
    margin-left: 4px;
}
.green_bg {
    padding: 15px 15px;
    background-color: #bae7ea;
}
.yellow_bg {
    padding: 15px 15px;
    background-color: #fbe8c2;
}


.form-horizontal .quote_wrap.quote_mtc_wrap  {
    display: none;
    border: 1px solid gray;
    border-radius: 10px;
    border: 1px solid #ffce69;
    background: #fff8ea;
    margin: 20px 0px;
    padding: 30px 0px 5px 0px;
}
.result {font-weight: bold}

#indication_mtc, #apd_indication, #apd_rate  {margin-top: 7px}
.sec_note {display: none;}
.apd_estimate  {text-align: center}

#apd_tab_content_lr .applyBtn  {
    margin-top: 8px
}
#mtc_tab_content_lr .applyBtn  {
    margin-top: 8px
}


.horizontal-nav .left-sidebar {
	background: #00609d;
}

.align-center {
	display: block;
	margin: 0 2px;
	text-align: center;
}
.go_back_wrapper{
	height: 54px;
	padding: 0 20px;
	background: linear-gradient(360deg, #edecec, transparent);
}
.go_back_wrapper .btn{
	margin-right: 0px;
}
.insured_name{
	font-size: 16px;
	font-weight: bold;
	color: #023d76;
}
.btn {
	margin: 0 auto;
	min-width: 120px;
}
.d-flex{
	/*justify-content: center;*/
}
.normal-weight {
	font-weight: normal;
}
.align-text-right {text-align: right}

input.none-border {
	border: none;
	box-shadow: none;
}

form label {
	color: #04335f;
	font-weight: 600;
}

h4 {
	color: #04335f;
	font-weight: 600;
}
.date_wrapper{
	margin-top: 30px;
}
body .text_left{
	text-align: left;
}
.quote_details_view_wrapper_sides{
	flex-direction: row;
}
.quote_header {
	padding: 20px;
	margin-bottom: 16px;
	background: #ecf0f4;
	border-bottom: 10px solid #7dbeff;
	display: flex;
}
.quote_status_wrapper{
	height: 30px;
}
.quote_header .quote_status_wrapper label{
	width: 120px;
	margin-right: 30px;
	padding-top: 5px;
}
.quote_status_wrapper select{
	width: 120px;
}








.accordion{
	background: #f8f8f8;
	border: 1px solid #ccd3dd;
}
.accordion-button {
	position: relative;
	font-size: 16px;
	border-top: 1px solid #ccd3dd;
}
.accordion .accordion-button.first_elem {
	border-top: none;
}
.footer.quote_details_view{
	border-top: 0px;
}

.accordion-button::after {
	content: "\f0de";
	color: #333;
	top: 17px;
	right: 20px;
	position: absolute;
	font-family: "FontAwesome"
}

.accordion-button[aria-expanded="true"]::after {
	content: "\f0d7";

}
.accordion-button[aria-expanded="true"]{
	border-bottom: 1px solid #ccd3dd;
	background: #ccd3dd;
	font-weight: 700;
}

/*
 * Added 12-27-20 to showcase full title clickthrough
 */

.panel-heading-full.panel-heading {
	padding: 0;
}

.panel-heading-full .accordion-button {
	padding: 10px 15px;
}

.panel-heading-full .accordion-button::after {
	top: 10px;
	right: 15px;
}









.wrapper_quote_details_view .quote_header {
	padding: 0px;
	margin-bottom: 40px;
	background: inherit;
	border-bottom: none;
}
.quote_view_title_line{
	width: 100%;
	height: 2px;
	background-color: #edecec;
}
.quote_header input {
	background: #fff;
	padding: 0px 10px;
	width: auto;
}
.quote_header .form-group {
	margin-bottom: 0px
}
.indicated_business_table .tmpl-table table{
	margin-top: 0px;
}
.quote_header label {
	margin-bottom: 0px;
	white-space: nowrap;
	min-width: 50%;
	padding: 0 0 5px 0;
	line-height: 26px;
	text-align: left;
}

.indication_wrap  label {
	margin-bottom: 0px;
	white-space: nowrap;
	min-width: 75px;
	padding: 0 0 5px 0;
	line-height: 26px;
	text-align: left;
}

.quote_header .control-label{
	padding: 0px 12px;
}

.color-red {
	color: darkred;
}

.sidebar_wrap {
	height: 100%;
}
.sidebar_wrap .sidebar {
	background: #ecf0f4;
	border-radius: 5px;
	margin-left: 15px;
	padding: 30px;
}
.sidebar ul {
	list-style: none;
	margin-left: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.sidebar li {
	list-style: none;
	margin-left: -30px;
	margin: 10px 0 10px -30px;
}

.sidebar li a {
	color: #04335f;
	padding: 8px 20px 8px 33px;
	font-weight: normal;
	font-size: 15px;
}

.sidebar li .visited {
	padding: 8px 20px 8px 30px;
	font-size: 15px;
	color: #1d7fcf;
	border-left: 3px solid #ecf0f4;
	font-weight: 600;

}

.sidebar li .active {
	padding: 8px 20px 8px 30px;
	font-size: 15px;
	color: #1d7fcf;
	border-left: 3px solid #4b9cf6;
 	font-weight: 600;

}

.short-field .form-control {
	max-width: 100px;
}
.short-field p {margin: 0 0 0 10px;}
.tbl-title {font-weight: bold;
margin-bottom: -20px}

.tbl-header-row {margin-bottom: 0px}
.margin_bottom_0{
	margin-bottom: 0px;
}
.justify-content_right{
	justify-content: right;
}
.j-modal  .j-modal__wrap form{
	padding: 20px;
}.j-modal_scheduled_vehicles{
	border-radius: 10px;
 }
 .j-modal_hide{
	 display: none ;
 }
.gray-row {
	background: #f8f8f8;
	border-radius: 10px;
	padding: 20px 10px;
}
.classification_select {
margin-top: 5px;
}
.hint {
	color: #04335f;
	padding: 3px 0 0 42px;
	font-weight: normal;
	font-size: 13px;
}
.gray-row  .small {margin-top: 10px}

table.dataTable, .tmpl-table table.dataTable, .tmpl-table table {
	width: 100%;
	border: 1px solid #ccd3dd;
	margin-top: 30px;

}
table.dataTable th, .tmpl-table table.dataTable th, .tmpl-table table th {
	background: #005f9d;
	color: white;
	font-weight: bold;
	font-size: 13px;
}
table.dataTable thead .sorting {
	background-color: #005f9d;
}
table.dataTable thead th, table.dataTable thead td, table thead th, table thead td {
	border: 1px solid #005f9d;
	padding: 5px 6px;
}
table.dataTable tbody td, table tbody td {
	padding: 8px 10px;
}

table.dataTable th, .tmpl-table table.dataTable th, .tmpl-table table.dataTable td, .tmpl-table table th, .tmpl-table table td {
	border-collapse: collapse;
	border: 1px solid #005f9d;
	padding: 5px 6px
}
table.dataTable td, .tmpl-table table.dataTable td, .tmpl-table table td {
	border-collapse: collapse;
	border: 1px solid #ccd3dd;
	font-size: 13px;
}
.tmpl-table table.dataTable.no-footer {
	border: none;
}
#table_indications_filter {
	margin-top: -42px;
}
.skin-default-dark .left-sidebar .sidebar-nav ul li a {
	color: #ffffff;
}
.address {
	width: 250px;
}

.form-info {margin-bottom: 15px;}
.new_item_form {margin-bottom: 50px;}

.no-padding p{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.form-step-111111 {
	max-width: 650px;
}
.use_insured {position: absolute; margin-top: -10px; font-size:12px}
.middle-field {margin: 0 10px;}
.left-side {margin-top: 0px;}

.custom-error-wrapper-class {color: red;}
.custom-error-wrapper-class .custom-error-template-class {
	font-size:11px;
	font-weight: 300;
}
.zip_code1 {width: 120px;}
.zip_code2 {width: 60px;}

.h5_full {
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	padding-bottom: 5px;
	color: #31475f;
	text-align: center;
	border-bottom: 2px solid #31475f;
}
.quote_view_title {
	width: 100%;
	font-weight: bold;
	font-size: 18px;
	padding: 0 20px 6px 17px;
	margin: 0px;
	color: #023d76;
	text-align: center;
}
.view_quote_date{
	line-height: 0.9;
}
.quote_details_view_block_left{
	flex-direction: column;
	display: flex;
	/*justify-content: space-evenly;*/
}
.double_wrap .form-group {width: 50%}
.select-width-location, .select-width-margin-location {
	max-width: 120px;
}
#form_underwriting_questionnaire .position-relative .custom-error-wrapper-class{
	position: absolute;
	top: 80%;
	width: 110px;
	display: flex;
	justify-content: center;
	margin-right: -5px;
}
.underwriting_input .custom-error-wrapper-class{
	margin-right: -5px;
}
.underwriting_logic .underwriting_radio_wrapper{
	margin-bottom: 10px;
	margin-left: auto;
}
#form_scheduled_vehicles  select#state_id, #form_scheduled_vehicles  select#location_id {
	background: #eee;
	cursor: default;
}
.card .card-body .text-underLine{
	text-decoration: underline;
}
select option[disabled]{
	color: #d8dde5;
}
code .hljs-tag .hljs-name{
	color: #bd3c53;
}
#quote_tracker tr.thead td{
	border: 1px solid #ddd;
}
body table.dataTable thead th,body table.dataTable thead td{
	border: 1px solid #ddd;
}
.table-responsive{
	overflow-x:hidden;
}
form .padding_left_10{
	padding: 0 0 0 10px;
}
.padding_left_20{
	padding: 0 0 0 20px;
}
form .padding_right_10{
	padding: 0 10px 0 0;
}
form .padding_left_right_5{
	padding: 0 5px;
}

.j-modal__wrap .j-modal__title {
	margin-bottom: 20px;
	margin-top: 0;
	color: #04335f;
}
.j-modal__wrap {
	padding: 0px 30px 20px 30px;
}
#form_indication_summary xml{
	width: 100%;
}
.workspace {
	max-width: 1400px;
}

.xml_example {
	width: 100%;
	height: 800px;
	margin-top: 20px
}
.quote_page_prohib {
	width: 100%;
}

.quote_warning {
	padding: 10px 20px;
	/*border: 1px solid #7dbeff;*/
}
.quote_warning_3 {
	color: red;
	border: 1px solid red;
	font-weight: bold;
}
.quote_warning_2 {
	color: sandybrown;
	border: 1px solid sandybrown;
	font-weight: bold;
}
.accordion-header .quote_warning_3 {
	color: red;
	border: none;
	font-weight: bold;
	margin-left: 40px;
}
.accordion .accordion-collapse.date_wrapper{
	margin-top: 0px;
}
.accordion-item .accordion-header{
	margin: 0px;
}
.accordion-item .form-group{
	margin-top: 0;
	margin-bottom: 0px;
}
.accordion-header .quote_warning_2 {
	color: sandybrown;
	border: none;
	font-weight: bold;
	margin-left: 40px;
}

.quote_details_view_header {
	border: none;
}

.login-box4 .logo-img{
	margin: 0 auto;
	width: auto;
	max-width: 100px;
}

.btn-primary {
	color: #fff;
	background-color: #507fb2;
	border-color: #507fb2;
}

.note-btn {justify-content: flex-end; display: flex; }
.note-btn .btn {
	margin: 15px 21px 15px 0;}

.btn_wrap_notes {
	width: 100%;

}
.btn_wrap_notes .btn {
	margin: 0 11px;
}


.inform_risk_location_wrapper  .ga_same_as_ba {width: 20px; margin-right: 5px}

#tbl_indications_list_small_filter, #tbl_quoted_list_small_filter, #tbl_policies_list_small_filter {
	margin-top: -40px;
}

.actions_button_wrapper  {
	padding: 20px 0px
}

.footer {
	border: none;
}

.flex-direction-column {
	flex-direction: column;
}
.schedule   {
	margin-left: 20px;
}
.schedule label {
	font-weight: normal;
}

.liability {
	margin-top: 30px;
	width: 260px;
	text-align: right;
}
.comprehensive {
	margin-top: 5px;
}

.decorative_border {margin-bottom: 20px}
.text-align-center {text-align: center}


.progress-bar-ending {
	float: left;
	height: 100%;
	background: linear-gradient(90deg,#00a2dd,#37517e);
	background: linear-gradient(90deg,var(--color-interactive-accent,#00a2dd),#37517e);
	transition: width .6s ease-in-out;
}
.progress-bar-ending:after {
	float: right;
	width: 8px;
	height: 8px;
	margin-top: -3px;
	margin-right: -4px;
	content: "";
	background-color: #37517e;
	border-radius: 4px;
}
.btn-unstyled {
	background: 0 0;
	outline: none;
	border: none;
	margin: 0;
	padding: 0;
	display: block;
}
.progressB {
	height: 2px;
	margin-top: 11px;
	margin-top: 10px;
	margin-bottom: 11px;
	margin-bottom: 10px;
	background-color: rgba(134,167,189,.10196078431372549);
	background-color: var(--color-background-neutral,rgba(134,167,189,.10196078431372549));
	border-radius: 1px;
}
.tw-stepper-steps {
	position: relative;
	padding: 0;
}
.tw-stepper {
	padding-bottom: 40px;
	width: 100%;
	max-width: 562px;
}
.tw-stepper__step-label {
	position: absolute;
	top: 0;
	color: #5d7079;

	transition: color .6s ease-in-out;
	white-space: nowrap;
	transform: translateX(-50%);
}

.tw-stepper__step {
	position: absolute;
	top: 0;
	list-style-type: none;
}
.tw-stepper__step--clickable .tw-stepper__step-label {
	color: #0097c7;
	color: #0097c7;

	transition: color .15s ease-in-out;
	line-height: 0;
	margin-top: 7px;
}


.card-style-2  {
	padding-top: 40px;
	max-width: 600px;
}
.np-flow-navigation__stepper {
	min-height: 56px;
}

.change_wrap input {
	width: 20px;
	margin-right: 5px;
}
.locations_wrap {
	display: flex;
	justify-content: center;
}
.location_wrap {
	background: #f9f9f9;
	border-radius: 5px;
	box-shadow: 0 2px 4px #0003;
	display: flex;
	flex-direction: column;
	margin: 0 12px 16px;
	min-height: 258px;
	min-width: 236px;
	padding: 20px 22px;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 300px;

}
.truck_wrap {
	padding: 4px 10px;
	border: 1px solid #8cc6eb;
	background: #edf1f5;
	margin-top: 10px;
	border-radius: 4px;
	cursor: pointer;
}

.location_wrap_footer {
	margin-bottom: 0px;
	margin-top: 20px;
}
.trucks_wrap {
	min-height: 90px;
}

.truck-drag-handle {
	cursor: move;
	cursor: -webkit-grabbing;
	position: absolute;
	margin-top: 5px;
	color: #00a9ce;
}
.fa-bars:before {
	content: "\f0c9";
}

.truck_wrap b {
	margin-left: 20px;
}
.form-steps-wrap {
	display: flex;
	margin: 0 auto;
}
.left-size-form form {
	padding: 0 20px;
}
.left-size-form {
	width: calc(100% - 300px);
	max-width: 800px;
	min-width: 650px;
}
.right-side-wrap {
	min-width: 300px;
}
.summary_view_title_wrapper {
margin: 20px 0 10px 0px;
}

.summary_tmpl-table table {

	margin-top: 0px;
}

.align-right {
	text-align: right;
}

.expl_notes {text-align: left}
.j-modal .expl_notes p{text-align: left}

.quote_sidebar ul{
	list-style: none;
	margin: 0px;
	padding: 0px  0px  0px  0px ;
	color: #023d76;
	font-weight: 700;
}

.quote_sidebar li{
	margin: 20px 0px 20px 0px;
	padding: 20px 0px 20px 20px;
	border-bottom: 1px solid gray;
}

.quote_details_view_block_left .control-label{
	flex-wrap: wrap;
}