/* ------- RFP style -------- */
/* normalization */
body{ font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:12px; }
hr{ margin-bottom:0px !important;margin-top:10px; }
nav a{ text-decoration: none; display: block;padding-left: 10px;color: #337a7;}
nav div:hover{ color:#fff;background-color:#467eae;text-decoration: none;}
nav a:visited{text-decoration: none;}

.v-select .open-indicator { bottom: -2px;}
nav div .fa{font-size: 22px;}
ul,li{padding: 0px;margin: 0px;list-style: none;}
hr{ margin-bottom:0px !important; }
#quote_contanier{min-width: 40%;}
/* -- layout ------*/
.fl{ float : left ; display : inline;}
.fr{ float : right; display : inline;}

.w10{ width : 10%; }
.w15{width : 15%;}
.w20{width : 20%;}
.w25{width : 25%;}
.w30{width : 30%;}
.w40{width : 40%;}
.w70{width : 70%;}
.w33{width: 33.33%;}
.w75{ width : 75%; }
.w80{ width : 80%; }
.w90{ width : 90%; }
.w50{ width : 50%; }
.w60{ width : 60%; }
.w100{ width : 100%; }
.h-75{height: 75vh; }
.z-500{ z-index: 5000; }
.y-flow{overflow-y : auto;}
.h-100{height: 100%;}
.h-full{height: 85vh;}
.di{ display : inline !important;}
.dib{ display : inline-block !important;}
.db{ display: block !important; }
.dbNo{ display: none !important;}
.pab{ position: absolute; }
.top-right-0{ top:0;right:0; }
.hide{ visibility: hidden; }



/* ---- atomic  -----*/
.pl-25{padding-left:25px; }
.pl-40{padding-left:40px;}
.cursor{cursor: pointer;}
.trans{ transition: 0.3s; }
.opa{opacity: .4;}
.br-l{background-color: #fafafa !important;}
.u{text-decoration: underline;}
.circle{width:25px;height:25px;border-radius:50%;}
.br-2{border-radius: 2px;}
.br-sh{border:1px solid #e1e1e1;background-color: #f9f9f9;}
/* ---- padding  -----*/
.p2-4{padding:2px 4px;}
.p5-10{ padding:5px 10px; }
.p20-40{ padding:20px 40px; }
.p10-20{padding : 10px 20px;}


/* ---- component  -----*/
.tb{ border-left: none; border-right: none;border-top:none; border-bottom:none; cursor: pointer;}
/* .tb:hover{border-bottom: 3px solid #ddd; cursor: pointer;} */
.tb--active{ border-top: 3px solid #4285f4; color: #4285f4; }
.tb-v--active{ border-left:3px solid #4285f4; color: #4285f4; }
/* .tb-v--active:hover,.tb--active:hover{background-color: #fff;} */

/* ---- color  -----   */
.bg-drk{ background-color: #fff;}
.hover{ background-color: #50617c; }
.act{background-color: #467eae; color:#fff;}
.bg-ddd{ background-color:#fff; }
.bg-dd{ background-color: #fff; }
.bg-green{background-color:green !important;}
.orange{ color: orange !important; }
/* .bg-orange{ background-color: rgb(255, 207, 129); } */
.red{ color:#e74c3c !important; background-color: #fff !important; }
/* .bg-red{background-color: #ffa9a1; } */
.green{ color:green !important; }
.bl{ color:black !important;}
.white{color:#fff;}
.gray{color: gray !important;}
.bg-gray{background-color: #f3f3f3;}
.bg-grayo{background-color: gray !important;}
.blue{color: #4285f4 !important;}
/* .bg-blue{background-color: #c8ddff !important;} */
.bg-high{background-color: #f9f9f9;}
.teal{color:#467eae !important;}
.br-none{border: none;}
.br-none:focus{outline: none;}


/* font / text */
.center{ text-align : center !important; }
.al-left{ text-align:left; }
.al-right{ text-align:right; }
.b6{ font-weight: 600 !important; }
.b5{ font-weight: 500 !important; }
.f10{ font-size: 10px; }
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f22{ font-size: 22px; }


/*   table   */
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:10px 10px 10px 0 !important;
}

/* Ghost btn*/
.btn-ghost{
	border: 1px solid #009688;
	color:#009688;
	background-color: #fff;
	transition: 0.2s;
}
.btn-ghost:hover{
	background-color: #009688;
	color:#fff;
}

.btn-ghost-red{
	border: 1px solid #eb3737;
	color:#eb3737;
	background-color: #fff;
	transition: 0.2s;
}
.btn-ghost-red:hover{
	background-color: #eb3737;
	color:#fff;
}


/*left bar*/
/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 40%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 10px 10px 80px;
}

	
/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.2s linear, right 0.2s ease-out;
	   -moz-transition: opacity 0.2s linear, right 0.2s ease-out;
		 -o-transition: opacity 0.2s linear, right 0.2s ease-out;
			transition: opacity 0.2s linear, right 0.2s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
}
/* new style for finish */
.menu-buttons{
    width: 100%;
    background-color: white;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #ddd;
    text-align: center;
    text-shadow: none;
    padding: 6px;
    margin-bottom: 5px;
	margin-top: 5px;
	cursor: pointer;
}
.act-{
    color:white;
    background-color: #467eae;
}
.menu-heads{
    padding: 5px 15px;
    color: #000;
    font-weight: 500;
    background-color: #efefef;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-size:12px;
}
.pa-uni{
	padding:15px;
}
/* for tab */
.br-active{
	border-bottom: 3px solid #1A73E8;
	color:#1A73E8;
}
/* for tab */
ul#tab_policy{
	margin-bottom:5px;
}
ul#tab_policy li{
	border: none;
	padding: 10px;
	border-bottom:1px solid #ddd;
	text-align: center;
	font-weight:600;
	
}
ul#tab_policy li.br-active,ul#tab_policy li.br-active:hover {
	border-bottom: 3px solid #1A73E8;
	background-color: #fff !important;
}
ul#tab_policy li:hover{
	background-color: #f5f5f5 !important;
	cursor: pointer;
	/* color:#fff; */
} 
.menu-heads {
    padding: 5px 15px;
    color: #000;
    font-weight: 500;
    background-color: #efefef;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.centering-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
	border-bottom:1px solid #ddd;
}

.widgtitl {
	margin:0;
	padding:10px;
	font-size:20px;
	border-bottom:1px solid #ddd;
	padding-left:0;
}
    
/* below are moved from contract builder */


/* end of contract builder */

/* for Employee managar */

.sec4 ul li.centering{
	height: 75px !important;
}
/* end for Employee managar */