@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
*, html{
	padding: 0;
	margin: 0;
}
body{
	font-family: 'Roboto', sans-serif;
	/*background: #0a365d;*/
	background: #cae3f9;
	font-size: 11px;
}
img{
	max-width: 100%;
}
a:hover,a:focus,a:active,a:visited{
	text-decoration: none;
}
.wrapper{
	padding: 0 15px 0 15px;
}

#app{opacity: 0;}
#app.app-loaded{opacity: 1;}
/*START LOGIN SECTION*/
	.topbar{
		background: #031729;
		padding: 10px;
	}
	.topbar ul{
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: right;
	}
	.topbar ul li{
		display: inline-block;
		padding: 0 10px;
	}
	.topbar ul li:last-child{
		padding-right: 0;
	}
	.topbar ul li a{
		display: inline-block;
		font-size: 15px;
		line-height: 22px;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		text-transform: uppercase;
	}
	.topbar ul li a:hover{
		color: #c4e614;
	}
	.loginbg{
		position: relative;
		padding: 0px 0 0px 0;
		overflow: hidden;
		background: #0a365d;
	}
	.loginbg h1{
		font-family: 'Montserrat', sans-serif;
	    font-size: 22px;
	    line-height: 28px;
	    margin: 0 0 15px 0;
	    color: #5a5a5a;
	    text-transform: uppercase;
	    text-align: center;
	}
	.bannerImg img{
		height: auto;
		object-fit: cover;
		width: 100%;
	}
	.loginContainer{
		position: relative;
		max-width: 80%;
    	margin: 0 auto;
    	background: #f2f2f2;
	}

	.loginContainer .alert-danger{margin: 10px auto 0; display: table;}

	.formdiv{
		padding: 20px 0;
	}
	.loginbg form{
		padding: 20px;
	    vertical-align: middle;
	    max-width: 380px;
	    margin: 0 auto;
	    background: #fff;
	    box-shadow: 0 0 9px 1px #ddd;
	}
	.loginbg form label{
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		line-height: 22px;
		color: #666;
		display: block;
		margin: 0 0 5px 0;
	}
	.loginbg form input{
		padding: 4px 10px;
		width: 100%;
		border: 1px solid #ccc;
	}
	.formdiv .form-group{ margin: 0 0 10px; }
	.loginbg form input:focus{
		outline: none; box-shadow: none;
		border: 1px solid #3a7fba;
	}
	.loginbg .submitOuter{
		margin: 0;
		text-align: left;
	}
	.loginbg .submitOuter button{
		padding: 10px 30px;
	    background: #236956;
	    font-size: 18px;
	    line-height: 22px;
	    font-family: 'Roboto', sans-serif;
	    color: #fff;
	    border: none;
	    cursor: pointer;
	}
	.loginbg .submitOuter button:hover{
		background: #114a3b;
	}
	.loginbg .forgotOuter{
		margin: 20px 0 0 0;
		text-align: right;
	}
	.loginbg .forgotOuter a{
		font-size: 15px;
		line-height: 22px;
		color: #114a3b;
		display: inline-block;
		text-decoration: none;
		font-weight: 600;
	}
	.loginbg .forgotOuter a:hover{
		color: #0a365d;
	}
	.copyRight{
	    background: #031729;
	    padding: 10px 0;
	    text-align: center;
	}
	.copyRight p{
		font-size: 14px;
	    line-height: 26px;
	    color: #fff;
	    margin: 0;
	}
	.copyRight p a{
		display: inline-block;
		text-decoration: none;
		color: #eeff05;
	}
	.copyRight p a:hover{
		color: #fff;
	}
	.logoContainer{
		/*background: #0a365d;*/
	    vertical-align: middle;
	    text-align: left;
	    position: relative;
	    z-index: 10;
	}
	.logoContainer a{
		background: #0a365d;
		display: inline-block;
		padding: 17px 0;
		position: relative;
	}
	.logoContainer a:after{
		position: absolute;
		content: "";
		border-right: 50px solid transparent;
		border-left: 50px solid  #0a365d;
		border-top: 48px solid #0a365d;
		border-bottom: 48px solid transparent;
		top: 0; right: -100px;
	}
	.logoContainer a img{
		max-width: 285px;
	}
	.titleDiv {
		text-align: center;
		background: #3a7fba;
		padding: 10px;
	}
	.titleDiv h2 {
	    font-size: 18px;
	    line-height: 26px;
	    color: #fff;
	    margin: 0;
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 600;
	}
/*END LOGIN SECTION*/
/*START DASHBOARD*/
	.dashboardSection{
		background: #0a365d;
	}
	.topLogo a{
		display: inline-block;
	}
	.topLogo a img{
		height: 40px;
	}
	.leftPanel{
		position: fixed;
		top: 43px;
		left: 0;
		height: 100%;
		background: #0a365d;
		padding: 30px 0;
		z-index: 123;
	}
	.gj-picker{ z-index: 111; }
	#changed_data{ height: 0; visibility: hidden;  display: none; }
	.form-group{ margin-bottom: 10px; }
	.leftPanel ul{
		list-style: none;
		padding: 0;
		margin: 0;
		width: 120px;
	}
	.leftPanel ul li{
		display: block;
		padding: 5px 15px;
		/*position: relative;*/
	}
	.leftPanel ul li.hasSubmenu{
		background: url(../images/rightArrow8.png) no-repeat;
	    background-size: 5px;
	    background-position: calc(100% - 10px) center;
	}
	.leftPanel ul li a{
		display: block;
		font-size: 15px;
		line-height: 22px;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		text-decoration: none;
		background: url(../images/menuIcon.png) no-repeat 0px 2px;
		background-size: 15px;
		transition: all 1s ease;
	    -webkit-transition: all 1s ease;
	    -moz-transition: all 1s ease;
	    padding: 0 0 0 20px;
	}
	.leftPanel ul li a:hover,
	.leftPanel ul li a.active{
		color: #f1f700;
		background: url(../images/menuIconactive.png) no-repeat 0px 2px;
		background-size: 15px;
		transition: all 1s ease;
	    -webkit-transition: all 1s ease;
	    -moz-transition: all 1s ease;
	}
	.leftPanel > ul > li > ul{
		/*position: fixed;
		top: 0;
		left: 120px;
		width: 230px;
		background: #286294;
		display: none;
		z-index: 90;
		height: 100%;*/



	position: fixed;
    top: 0;
    left: 120px;
    width: 230px;
    background: #286294;
    /*display: none;*/
    z-index: 9999;
    height: 100%;
    transform: scaleX(0);
    transition: 0.3s;
    transform-origin: 0 0;
    transition-delay: 0.3s;
    opacity: 0;
    overflow-y:scroll;
    /*padding-bottom: 52px;*/
	}

	.leftPanel > ul > li.hasSubmenu:hover > ul{transform: scale(1); opacity: 1;
												padding-bottom: 50px;}

	.leftPanel > ul > li > ul li ul { display: none; }
	.leftPanel > ul > li > ul li.hasSubmenu{background: transparent;}

	.leftPanel > ul > li > ul li.hasSubmenu > a > .icon-has-child {}

	.leftPanel > ul > li > ul li.hasSubmenu > ul {width: 100%;
												 background:#0e4d84;
												margin-top: 8px;
												margin-left:-30px;
   												width: calc(100% + 60px);
   												padding: 0 18px;}
   .leftPanel > ul > li > ul li.hasSubmenu > ul >li{padding-left: 22px; background: none;}

   .leftPanel > ul > li > ul li.hasSubmenu > ul >li a{font-size: 13px;
   													 background-size: 13px;
   													background-position: 0px 4px;
   													line-height: 19px;
   													}
   .leftPanel > ul > li > ul li.hasSubmenu > a span.icon-has-child{position: relative;
   																  text-align: center;}
 .leftPanel > ul > li > ul li.hasSubmenu > a span.icon-has-child:after{content: "+";
																	    font-size: 14px;
																	    color: #bcdfff;
																	    position: absolute;
																	    /* background: #2473b7; */
																	    width: 13px;
																	    height: 13px;
																	    border-radius: 100%;
																	    line-height: 14px;
																	    text-align: center;
																	    font-weight: 500;
																	    top: 2px;
																	    right: -18px;
   																}

 .leftPanel > ul > li > ul li.hasSubmenu > a span.icon-has-child.arrow-up:after{content:"-"; }

.leftPanel ul li ul::-webkit-scrollbar {
    	width: 3px; border-radius: 5px;}

	.leftPanel ul li ul::-webkit-scrollbar-track {
		background: transparent;
    }

	.leftPanel ul li ul::-webkit-scrollbar-thumb {
  		background-color:#0a365d;}

	/*.leftPanel ul li:hover ul{*/
	/*	transform: scaleX(1);*/
	/*	opacity: 1;	*/
	/*	!*overflow-y: scroll;*/
	/*	height: 98%;*!}	*/
	/*.leftPanel ul li:hover ul li ul{*/
	/*	transform: scaleX(0);*/
	/*}*/
	/*.leftPanel ul li ul li{*/
	/*	!*position: relative;*!*/
	/*	padding: 3px 15px;*/
	/*}*/
	/*.leftPanel ul li ul li a{*/
	/*	font-size: 14px;*/
	/*}*/
	/*.leftPanel ul li ul li ul{*/
	/*	position: absolute;*/
	/*	top: 0;*/
	/*	left: 230px;*/
	/*	width: 230px;*/
	/*	background: #173f61;*/
	/*	*/
	/*	z-index: 90;*/
	/*	transition-delay: 0.3s;*/
	/*	transform: scale(0);*/
	/*	opacity: 0;*/

	/*}*/
	/*.leftPanel ul li ul li:hover ul{*/
	/*	transform: scale(1);*/
	/*	opacity: 1;*/
	/*}*/


	.formSection{
		margin-left: 120px;
	    position: relative;
	    padding: 50px 15px 10px 15px;
	    /*overflow-x: hidden;*/
	}
	.formSection .form-field{
		margin: 0 0 2px 0;
		padding-bottom: 4px;
	}
	.formSection label{
		font-size: 10px;
		line-height: 18px;
		color: #031729;
		margin: 0;
		width: 100%;
		font-weight: 600;
	}
	.formSection label em{
		color: #f00;
	}
	.formSection input,
	.formSection textarea {
		font-size: 11px;
		line-height: 20px;
		padding: 1px 3px;
		width: 100%;
	}

	.form-field  input[type="date"], .formSection input[type="date"]{border: 1px solid #a9a9a9 ;}

	.formSection textarea {height: 70px;}
	.formSection textarea:focus, textarea:focus{outline: none; border:1px solid #0077e0;}


	.formSection .btn.dropdown-toggle.btn-light.bs-placeholder, .srcCon .btn.dropdown-toggle.btn-light.bs-placeholder, .srcCon .bootstrap-select .dropdown-toggle .filter-option{font-size: 14px;
    line-height: 20px;
    padding: 2px 5px;
    width: 100%; border-radius: 0; /*border: 1px solid rgb(169, 169, 169);*/
	color: #000;}
	.srcCon .bootstrap-select .dropdown-toggle {padding: 0;
    border: 1px solid #000;
    border-radius: 0;
    padding-right: 5px; border:1px solid rgb(169, 169, 169);}
    .srcCon .bootstrap-select > button{padding: 0 5px 0 0 !important;}

	.formSection .ui.fluid.dropdown[data-v-3a0c7bea]{ min-height: inherit;
		padding: 5px 5px;border-radius: 0; border: 1px solid rgb(169, 169, 169);
			color:#000;}


	.formSection .ui.fluid.dropdown[data-v-3a0c7bea]:focus{border-color: 1px solid rgb(0, 119, 224) ;}

	.formSection input.form-control,
	.formSection select.form-control{
		height: 26px;
	}
	.formSection textarea.form-control {
		height: 70px;
	}
	.formSection input.form-control,
	.formSection select.form-control,
	.formSection textarea.form-control{

		border-radius: 0;
		border: 1px solid rgb(169, 169, 169);
		position: relative;
	}


	.formSection .gj-datepicker-bootstrap [role=right-icon] button .gj-icon{top: 3px;
								color: #fff; font-size: 18px;}
	.formSection .input-group > .input-group-append > .btn{background: #7b7a7a; border: 1px solid transparent;
										border-radius: 0;}

	.formSection .input-group > .input-group-append > .btn:focus{box-shadow: none;}
	.formSection .ui.fluid.dropdown > .dropdown.icon[data-v-3a0c7bea]{top:12px; color: #000; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 18px;}
	.formSection .ui.fluid.dropdown > .dropdown.icon:before{display: none;}
	.formSection .ui.search.selection.dropdown > input.search{font-size: 14px;
    line-height: 20px;
    padding: 2px 5px;
    width: 100%; border-radius: 0; border: 1px solid rgb(169, 169, 169);
	color: #000;}

	.formSection .btn.dropdown-toggle.btn-light.bs-placeholder:focus{outline: none !important;
    border: 1px solid #185a5a;}

	.radioOuter label{
		display: inline-block;
		margin-right: 10px;
		width: auto;
	}
	.formSection input[type=radio],
	.formSection input[type=checkbox]{
		width: 14px;
	    height: 14px;
	    vertical-align: top;
	    margin: 2px 0 0 0;
	}
	.formSection input.medium-input{
		width: 70%;
	}
	.formSection input.small-input{
		width: 26%;
	}
	.formSection select{
		font-size: 11px;
		line-height: 20px;
		padding: 2px 5px;
		height: 26px;
	}
	.formSection select:not(.full-width) {
		width:100%;
	}
	.formSection h1{
		font-size:18px;
		line-height: 26px;
		color:#000;
		margin: 0 0 10px 0;
		display: inline-block;
		text-transform: capitalize;
	}
	.formSection h3{
		font-size:18px;
		line-height: 24px;
		color:#000;
		margin: 0 0 10px 0;
	}
	.conIdInner{
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	.conIdInner p{
		font-size: 15px;
		line-height: 22px;
		color: #377512;
		margin: 25px 0 0 0;
		font-weight: 600;
	}

	.brdcm-btn-wrp{margin-bottom: 5px;}
	.brdcm-btn-wrp ol{display: inline-block; margin: 0}
	.brdcm-btn-wrpr{width: 79%; text-align: right; vertical-align: middle;
	 display: inline-block; padding: 4px 0; }
	.brdcm-btn-wrpr:last-child{margin-right: 0;}
	.brdcm-btn-wrpr a.bBck{background: url(../images/back.png) no-repeat, #031729;
	 					background-position: center; background-size: 20px; display: inline-block;
	 					height: 30px;}

	 .brdcm-btn-wrpr a.bforw{background: url(../images/right-arrow.png) no-repeat, #031729;
	 					background-position: center; background-size: 20px;display: inline-block;
	 					height: 30px;}

	 .brdcm-btn-wrpr a.bBck:hover{background: url(../images/back.png) no-repeat, #0a365d;
	 					background-position: center; background-size: 20px;
	 					}

	 .brdcm-btn-wrpr a.bforw:hover{background: url(../images/right-arrow.png) no-repeat, #0a365d;
	 					background-position: center; background-size: 20px;}

	.brdcm-btn-wrpr .cmn-btn{vertical-align: middle; margin: 0 3px;}
	.brdcm-btn-wrpr .cmn-btn:hover{color: #fff;}
	a[disabled="disabled"]{opacity: 0.5; cursor: no-drop;
					user-select: none; pointer-events: none;}



	.conIdInner .forMsg, .conIdInner .lCont{display: inline-block; width: auto; margin:0 10px; font-weight: 500;}
	.input-addon{
		width: 100%;
		position: relative;
		display: inline-block;
	}
	.input-addon span{
		/*position: absolute;
	    top: 0px;
	    left: 0;*/
	    padding: 3px 5px;
	    background: #7b7a7a;
	    font-size: 13px;
	    color: #fff;
	    display: inline-block;
	    vertical-align: top;
	    float: left;
	}
	.input-addon input{
		/*padding-left: 35px;*/
		padding-left: 5px;
		width:91%;
		height: 26px;
	}
	.formSection input:focus,
	.formSection select:focus{
		outline: none;
		border:1px solid #0077e0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
		height: 26px;

	}

	.formSection textarea.form-control:focus, textarea.form-control:focus{outline: none; border: 1px solid #0077e0;}
	.topHeader{
		position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    background: #031729;
	    z-index: 90;
	    padding: 2px 0;
	}
	.topHeader ul{
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: right;
	}
	.topHeader ul li{
		display: inline-block;
	}
	.topHeader ul li a{
		display: inline-block;
		background: url(../images/down-arrow.png) no-repeat right 9px;
	    background-size: 15px;
	    padding-right: 20px;
	    padding-bottom: 5px;
	}
	.topHeader ul li a img{
		width: 34px;
	    height: 34px;
	    border-radius: 50%;
	}
	.topHeader ul li ul{
		position: absolute;
	    top: 38px;
	    right: 0;
	    width: 170px;
	    border: 1px solid #ccc;
	    z-index: 90;
	    background: #fff;
	    text-align: left;
	    border-radius: 5px;
	    display: none;
	}
	.topHeader ul li ul:before{
		content: '';
	    position: absolute;
	    top: -14px;
	    right: 6px;
	    border-bottom: 15px solid #fff;
	    border-right: 15px solid transparent;
	    border-left: 15px solid transparent;
	}
	.topHeader ul li ul:after{
		content: '';
	    position: absolute;
	    top: -16px;
	    right: 5px;
	    border-bottom: 16px solid #ccc;
	    border-right: 16px solid transparent;
	    border-left: 16px solid transparent;
	    z-index: -1;
	}
	.topHeader ul li:hover ul{
		display: block;
	}
	.topHeader ul li ul li{
		display: block;
    	padding: 6px 0;
	}
	.topHeader ul li ul li a{
		color: #2f5e8d;
	    display: block;
	    padding: 0 10px;
	    position: relative;
	    background: transparent;
	}
	.menuToggle {
    	display: inline-block;
	    width: 28%;
	    text-align: center;
    }
    .menuToggle a{
    	display: inline-block;
    	vertical-align: middle;
    	padding: 0px 10px;
    	cursor: pointer;
    }
    .menuToggle a span{
    	width: 25px;
	    height: 3px;
	    background: #fff;
	    margin-bottom: 3px;
	    display: block;
    	cursor: pointer;
    }
    .menuToggle a.menuVertical {
    	padding: 0 10px;
    }
    .menuToggle a.menuVertical span{
    	height: 25px;
    	width: 3px;
    	margin-right: 0px;
    	margin-bottom: 0;
    	display: inline-block;
    }
    .menuToggle a.menuVertical span:nth-child(1){
    	margin-right: 1px;
    }
    .menuToggle a.menuVertical span:nth-child(2){
    	margin-right: 1px;
    }
	.leftPanel{
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transition: all 1s ease;
	    -webkit-transition: all 1s ease;
	    -moz-transition: all 1s ease;
	}
	.leftPanel.menuCollapsed{
		transform: translate(-500px, 0);
		-webkit-transform: translate(-500px, 0);
		-moz-transform: translate(-500px, 0);
		transition: all 1s ease;
	    -webkit-transition: all 1s ease;
	    -moz-transition: all 1s ease;
	}
	.formSection{
		background: #cae3f9;
		transition: all 1s ease;
	    -webkit-transition: all 1s ease;
	    -moz-transition: all 1s ease;
	}
	.formSection.nomargin{
		margin-left: 0;
		transition: all 1s ease;
	    -webkit-transition: all 1s ease;
	    -moz-transition: all 1s ease;
	}
	.topLogo{
		display: inline-block;
	}
	.submitOuter{
		text-align: center;
		padding: 10px 0 0 0;
	}
	.formSection .submitOuter button, .cmn-btn{
		padding: 6px 20px;
	    background: #031729;
	    font-size: 16px;
	    line-height: 20px;
	    font-family: 'Roboto', sans-serif;
	    color: #fff;
	    border: 1px solid transparent;
	    outline: none;
	    display: inline-block;
	}
	.formSection .submitOuter button:hover, .cmn-btn:hover{
		background: #0a365d;
		border: 1px solid transparent;
	}


	.formSection .submitOuter button:focus, .cmn-btn:focus{border: 1px solid #0077e0;
											background: #0077e0;}
	.formSection .submitOuter button:focus, .cmn-btn:focus{
		outline: none;
	}
	.dataTable{
		height: 180px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin: 8px 0;
	}
	.dataTable table {
		margin: 0;
	}
	.dataTable table tr th{
	    font-size: 11px;
	    line-height: 18px;
	    color: #fff;
	    background: #031729;
	    border: 1px solid #0e273e;
	    font-weight: 400;
	    padding: 5px;
	}
	.dataTable table tr td{
		font-size: 13px;
		line-height: 18px;
		color: #000;
		background: #fff;
		border: 1px solid #ddd;
		padding: 5px;
		vertical-align: middle;
	}



	.dataTable .datepicker table tr th.picker-switch,
	.dataTable .datepicker table tr th.dow{background:#fff;
										 	color: #000;
											border-color: transparent; font-weight: bold; font-size: 13px;}

	.dataTable .datepicker table tr th.prev,.dataTable .datepicker table tr th.next, .dataTable .datepicker table tr td{border-color:transparent;}



	.dataTable .datepicker table tr th.prev:hover:before{top: 7px;}
	.dataTable .datepicker table tr th.next:hover:before{top: 18px; right: 22px;}


	.table-custom-wrap{
		min-height: 180px;
		overflow-x: auto;
		margin: 8px 0 0 0;
	}

	.table-custom-wrap table tr th{
	    font-size: 11px;
	    line-height: 18px;
	    color: #fff;
	    background: #031729;
	    border: 1px solid #0e273e;
	   text-align: center;
	    padding: 5px;
	    vertical-align: middle;
	    font-weight: 500;
	    text-transform: uppercase;

	}
	.table-custom-wrap table tr td{
		font-size: 13px;
		line-height: 18px;
		color: #000;
		background: #fff;
		border: 1px solid #ddd;
		padding: 5px;
		vertical-align: middle;
	}
/*END DASHBOARD*/






/*----------------dropdown background-color start---------------------------*/

.formSection .ui.selection.dropdown .menu > .item[data-v-3a0c7bea]:hover{background:#0a365d !important;
    								color: #fff !important;}

/*------------------------end-----------------------------------------------*/



a.createNew{background: #0077e0;
		    background-size: 20px;
		    background-position: left 7px center;
		    display: inline-block;
		    padding: 6px 10px;
		    color: #000;
		    border: none;
		    box-shadow: 0px 0px 5px -2px #054be8; margin: 0 10px;
			color: #fff;}

a.createNew:focus{outline: none; box-shadow:none !important;
					background: #0026de;
				    background-size: 20px;
				    background-position: left 7px center;  }
a.edit{ background: url(../images/edit.png) no-repeat;
    background-size: 13px;
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px; margin-right: 5px; cursor:pointer;}



a.remove{ background: url(../images/delete.png) no-repeat;
    background-size: 13px;
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;}

  a.view{ background: url(../images/view.png) no-repeat;
    background-size:15px;
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
	margin-right:4px;}  


a.user_group_action{ background: url(../images/group.png) no-repeat;
    background-size: 18px;
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    cursor: pointer;
   }

a.edit:hover, a.remove:hover,a.user_group_action:hover{opacity: 0.5;}



/*------------------style on 5.7.19 start----------------------------------*/

.box-body table{border: 1px solid #dee2e6;
			    background: #fff;
			    box-shadow: 0px 0px 11px -7px #000;}

.box-body table tr th{color: #fff;
    background: #031729;
    border: 1px solid #0e273e; font-size: 11px;}
.srch-frm{margin:5px 0 10px 10px !important; display: inline-block; width:50%;}
.form-field input.srchinput{height: 35px; display: inline-block; width:90%;
							float: left; border:none;

    						padding-left: 10px;}
.form-field button.searchIcon{
    background: #fff url(../images/search1.png) no-repeat;
    background-size: 40%;
    background-position: center;
    display: inline-block;
    width:50px;
    height: 35px;
    border-radius: 0;
    border: none;


}

.form-field button.searchIcon:focus{background:#fff url(../images/search1.png) no-repeat !important;
	    							background-size: 40% !important;background-position: center !important;
	    							box-shadow: none !important;}

.box-header{display: inline-block;}

.content-header{padding-top: 10px;}

.box-body{margin-top: 15px;}
.form-left-align .submitOuter{text-align: left;}
form input.invalid-input{border:1px solid #cc0808;}
span.text-danger{color: #de0218 !important;font-size: 15px;}
.passwordCh{display: none;}
/*.alert-success{color:#019613; background-color:transparent;
				padding: 0; margin: 0; border:none;}*/


/*.alert-success{ color: #01b316;
    background-color: transparent;
    border: none;
    background: #fff;
    width: auto;
    margin: 5px auto;
    font-size: 14px;
    text-align: center;
    border-radius: 0;
    display: table;
    padding: 2px 20px;}*/

/*.alert-success .close, .alert-dismissible .close {display: none;}

.alert-danger{color:#d40505; background-color:transparent;
				padding: 0; margin: 0; border:none;}*/

.breadcrumb{text-align: left; padding: 5px 10px;
    		background: #bdd3e6;border-radius: 0;}
.breadcrumb li{display: inline-block; margin: 0 20px 0 0; position: relative;
				font-size: 15px;}
.breadcrumb li a{display: inline-block; font-size: 15px;
				color:#0438ad; position: relative;}
.breadcrumb li.active a{color:#004efd;}
.breadcrumb li:after{content: "/";
				    position: absolute;
				    right: -14px;
				    top: 0;
				    color: #150303;}

.brdcm-btn-wrp{background:#bdd3e6; padding-right: 5px; }


.breadcrumb li:last-child:after{display: none;}
form input:focus, form textarea:focus, form select:focus{box-shadow: none !important;}

.radioOuter{width: 48%; display: inline-block; padding-left:10px;}
.radioOuter h5{font-size: 16px;}
.pWrap label{font-size: 18px;}
span.error{color: red; font-size: 15px;}
.pWInr{background: #e2edf7;
	    padding: 10px 0;
	    margin-top: 10px;}

span.validationError{font-size: 11px; color: #da0202; display: block; margin-top: -3px;}
/*input.invalid, textarea.invalid{border:1px solid #da0202;} */
span.required_field{color: red; padding:0 2px;}
.filter-div{padding: 15px 0;}
h1.filtr-hding{margin: 0;
			    padding: 0 0 10px 0;
			    font-size: 20px;
			    color: #0062b9;}

.filter-div .form-group{margin-bottom: 5px;}

/*----------------------------end-------------------------------------------*/



/*-------------------------reportTT label start-------------------------------*/

label.reportTT{display: inline;}

button.rAddBtn{width: 16px;
    height:16px;
    background: transparent;
    padding: 0;
    line-height: 0;
    font-size: 18px;
    color: #0a365d;
    margin-left: 8px;
    border-radius: 100%;
    border: 1px solid #031729;
	cursor: pointer; display: inline-block;}
button.rAddBtn:hover{background: #0a365d;}
button.rAddBtn:focus{outline: none; box-shadow:0px 0px 6px 0px #0a365d;}

.formSection .ui.selection.dropdown .menu > .item[data-v-3a0c7bea]{padding: 5px 8px !important;}
.ui.dropdown .menu > .item:hover {background: none #0000001c !important;}
.vessWrp .vW{width: 60%; display: inline-block;}
.vessWrp .ui.fluid.dropdown[data-v-3a0c7bea]{width: 100%; display: inline-block;}
.vessWrp .ui.selection.dropdown[data-v-3a0c7bea]:focus{border: none !important; outline: none !important;
												border-color: transparent !important;}
.vessWrp .ui.selection.active.dropdown[data-v-3a0c7bea]:hover{}
.vessWrp .ui.selection.dropdown[data-v-3a0c7bea] input:focus{border: 1px solid #185a5a !important;
							border-color: transparent !important; box-shadow: none !important;
							outline: none !important;}
.vessWrp .ui.selection.active.dropdown[data-v-3a0c7bea]:hover{box-shadow: none; outline: none;}
.vessWrp input.small-input{width: 38%; padding:1px 5px;
		vertical-align: bottom; height: 26px; margin-bottom:6px;}
/*------------------------------end---------------------------------------*/


/*--------------------b-modal start----------------------------------*/


.contMT .modal-header{padding: 0; border: none;}
.contMT .modal-content{overflow: hidden;}
.contMT .modal-content h3{font-size: 20px;padding: 0 0 15px 0;margin: 0;
						color: #031729;}
.contMT .modal-header{text-align: right;}
.contMT .modal-header button.close{ margin: 0; padding: 0px 10px; background: #e20808; }

.contMT .modal-content label{font-size: 15px;
						    line-height: 18px;
						    color: #031729;
						    margin: 0;
						    width: 100%;
						    font-weight: 500;
						    opacity: 1;}

.contMT .modal-content input{border-radius: 0; border: 1px solid rgb(169, 169, 169);
								height: 25px; padding: 8px;}
.contMT .modal-content input.is-danger{border: 1px solid #b51010;}
.contMT .modal-content .modInputWrp{margin-bottom: 15px;}
.contMT .modal-content  span.is-danger{text-align: left;
    								float: left;color: #b51010;}
.contMT .modal-content button{padding: 6px 20px;
						    background: #031729;
						    font-size: 16px;
						    line-height: 20px;
						    font-family: 'Roboto', sans-serif;
						    color: #fff;
						    border: none;
						    outline: none;
						    margin: 20px auto 0;
						    border-radius: 0;}

.contMT .modal-content .btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow: none;}
/*----------------------end----------------------------------------*/

/*--------------------custom select start----------------------------------*/

.custom-select{height: 25px;
			    border-radius: 0;
			    border: 1px solid #a9a9a9;}

.filter-submit-button-wrap{padding: 12px 0;}
.filter-submit-button-wrap button{padding: 6px 20px;
    background: #031729;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border: none;
    outline: none; border-radius: 0;}

  .filter-submit-button-wrap button:hover{background: #0a365d;}
/*------------------------end------------------------------------------*/


/*-------------------submContIn button start------------------------------------*/

.submContIn{text-align: right; padding: 15px 0;}
.submContIn input[type="submit"], .submContIn input.resetContF, .submContIn input.subContF,a.clearContF, .resetContF{background: #0077e0;
    padding: 8px 20px;
    border-radius: 3px;
    color: #fff;
    width: auto;
    border: none;
    margin: 0 0 0 8px;
	display:inline-block;
	line-height: 22px;}

.submContIn input[type="submit"]:hover, .submContIn input.resetContF:hover,
.submContIn input.subContF:hover,a.clearContF:hover, .resetContF:hover{background: #064b88;}

 .submContIn input[type="submit"]{margin-right: 0;}

.filterContainerIn .bootstrap-select {width: 100% !important;}


.select-group-item{height: 26px; padding: 2px 25px 2px 5px !important; width: auto !important;}

/*-------------------------end---------------------------------------------------*/


/*---------------------image upload div start-----------------------------*/
.exPro{width: 200px;}
.exPro, .imgPrvw{display: inline-block;}

/*--------end--------*/

/*-------------form-control-custom  is-invalid start--------------------*/
.form-control-custom{position: relative; height: 26px;}
.form-control-custom.is-invalid span.invalid-feedback{display: block;}

/*----------------------end------------------------------------*/



.formSection .ui.fluid.dropdown[data-v-3a0c7bea]:focus,
.formSection .ui.fluid.dropdown[data-v-3a0c7bea]:hover,
.formSection .ui.selection.active.dropdown[darta-v-3a0c7bea]:hover,
.formSection .ui.selection.active.dropdown[darta-v-3a0c7bea]:focus{
	border: none !important; box-shadow: none !important;
}
/*body .ui.selection.dropdown[darta-v-3a0c7bea]:focus
	{border: none !important; border-color:transparent !important;}
body .ui.selection.active.dropdown[darta-v-3a0c7bea]:hover{
		box-shadow: inherit !important;
		border-color: transparent !important;
	}
.formSection .ui.fluid.dropdown[data-v-3a0c7bea]:focus{border: 1px solid #185a5a;}
 */

 .form-control-custom .ui.selection.active.dropdown[data-v-3a0c7bea]:hover, .form-control-custom .ui.selection.active.dropdown[data-v-3a0c7bea]:focus {border:1px solid #000 !important;}

	.formSection .ui.selection.active.dropdown[data-v-3a0c7bea]:hover, .formSection .ui.selection.active.dropdown.visible[data-v-3a0c7bea]{border-color:#0077e0 !important; box-shadow: none !important; }
	.formSection .ui.fluid.dropdown[data-v-3a0c7bea]:focus{border: 1px solid #185a5a !important;}
	.ui.selection.active.dropdown[data-v-3a0c7bea]:hover, .ui.selection.active.dropdown[data-v-3a0c7bea]:focus{border-color: #185a5a !important;
									box-shadow: none !important;}
.formSection .ui.fluid.dropdown[data-v-3a0c7bea]:focus, .formSection .ui.fluid.dropdown[data-v-3a0c7bea]:hover, .formSection .ui.selection.active.dropdown[darta-v-3a0c7bea]:hover, .formSection .ui.selection.active.dropdown[darta-v-3a0c7bea]:focus{border:1px solid rgb(169, 169, 169) !important; }
.ui.selection.dropdown .menu > .item[data-v-3a0c7bea]{border-top: 1px solid #185a5a !important;}
.ui.selection.active.dropdown .menu[data-v-3a0c7bea]{box-shadow: none !important; border-color:#185a5a !important;
													border-radius:0 !important;}
.ui.selection.active.dropdown .menu[data-v-3a0c7bea]{ }



/*----------------container form  table style start----------------*/


.prmsn-form-wrp{}
.prmsn-form-wrp table label.pCom{display: inline;
								    vertical-align: top;
								    margin-right: 12px}


.prmsn-form-wrp .pWrap{padding-bottom: 20px;}

.prmsn-form-wrp table h4{margin: 0; padding:0; font-size: 15px;
						}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;}

label.pCom input[type="checkbox"]:focus{height: 13px;}


/*--------------------------container----------------*/

/*-----------------------confirmAlert popup start-------------------------------*/


.confirmAlert{position: absolute;
			    width: 100%;
			    height: 100%;
			    z-index: 123;
			    background: rgba(0,0,0,0.4);
			    top: 0;
			    left: 0;}

.confirmAlert .confAlt{width: 300px;  background: #fff;
						position: absolute; top: 50%; left: 50%;
						transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
						-moz-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
						padding:15px; border-radius: 3px;}

.confAlt h4.hding{text-align: center;
    margin: 0;
    padding: 0 0 15px 0px;
    font-size: 22px;
    font-weight: 500;}


.confAlt p{font-size: 15px; margin: 0; padding: 0 0 10px 0;}
.confAlt span.m1{padding:0 0 8px 0; display: block;}
.confAlt .btn-wrp{text-align: right;}
.confAlt .btn-wrp a{display: inline-block;
				    margin: 0 8px;
				    background: #088ece;
				    width: 65px;
				    text-align: center;
				    border-radius: 3px;
				    padding: 4px;
				    color: #fff; transition: 0.3s;
				    -moz-transition: 0.3s;
				    -ms-transition: 0.3s;
				    -webkit-transition: 0.3s; }
.confAlt .btn-wrp a:hover{background: #0074ab;}

span.input-group-text{background: #fff;
					    border: 1px solid #a9a9a9;
					    height: 26px;
					    border-radius: 0; display: inline-block;
						line-height: 14px;}

/*--------------------confirmAlert popup end-----------------------------------*/
/*-----------------loading button start--------------------------*/

button.btn-success{position: relative; height: 35px;}
button.btn-success:not(.full-width){width: 80px; }
span.btn-load{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	width: 100%; height: 100%; background:transparent;}
span.btn-load svg{width: 45px; height: 45px; fill: #fff;}

.on-load button{color: #28a745;}


/*-----------------loading-button end-------------------------------*/



/*popup-form-danger tegxt start*/

.popup-frm-dngr{position: absolute; top: 8px; left: auto; background: #de0218;
				}


.popup-danger-msg button{display: block;}

.popup-dngr .alert,.popup-suces .alert{padding: 5px 10px;
    font-size: 12px; margin-bottom: 5px;}
.popup-suces .alert button.close, .popup-dngr .alert button.close{font-size: 18px; padding: 5px; }
.popup-suces .alert button.close:focus, .popup-dngr .alert button.close:focus{outline: none;}

.btn-loding button{background: transparent; border:transparent;}

.thinker-form-submit button{width: 100%; background:#2d995b; border:none ; color: #fff;}
.thinker-form-submit button.btn-loading{background: transparent;}
/*-------end----------------------*/

/*--------------icont-nmbr-wrp start---------------------*/


.conIdInner .forMsg, .conIdInner .lCont{vertical-align: bottom; display: table-cell;
										height: 48px; padding-left: 0px;
										color: #0008ff; font-weight: normal;
										padding-bottom: 0;
									}

/*------------------end-----------------*/


/*----------------------creat page label style start*---------------------*/

.formSection .form-field label{width: auto;}

/*--------------------------------------end*-------------------/


/*table td inside button strat*/

table tr td.column-button-wrap{padding: 0;}
table tr td.column-button-wrap > div{padding: 12px; cursor: pointer;}
table tr td.column-button-wrap > div:hover{color: #0081dc;}
table tr td.td-no-break{word-wrap: break-word;}

/*------------end----------------*/

/*-----------------drop down placeholder color start----------------------------*/

.ui.search.dropdown > .text[data-v-3a0c7bea]{color: #495057 !important;}
.ui.search.selection.dropdown > input.search { padding: 0 5px !important; height: 100% !important; line-height: normal !important; }

/*----------------------------end---------------------------------------------*/


/*wait test start*/

span.wait{color:#ff6a00; display: none;}
/*span.input-group-append{display: none;}*/
/*----end-----*/


/*modal form start*/


.modal-dialog .formSection{background: #fff; margin: 0; padding: 0;}
.modal-dialog .formSection .form-group{margin-bottom: 5px;}
.modal-dialog button.close:focus{outline: none;}

/* end*/

/*table button start*/
button.agent-create-btn{width: 16px;
					    height: 16px;
					    border-radius: 100%;
					    border: none;
					    font-size: 12px;
					    font-weight: bold;
					    background: #0a365d;
					    color: #fff;
					    line-height: 15px;
						border: 1px solid transparent;}

button.agent-create-btn:focus{border: 1px solid #0077e0; outline: none; }

/*end*/



/*modal inside form wrong message start*/

.modal-dialog .is-invalid-group span.invalid-feedback{display: inline-block;}

/*------------------end--------------------------------*/

.ui.search.selection.dropdown.active > input.search{z-index: 4 !important; background:#fff !important;
													left: 0;}

/*----------------form input loading start----------------------------------*/

.is-disabled{opacity: 0.5;}
.loading-icon-wrap{position: absolute;
				    top: 1px;
				    right: 8px;
				    z-index: 2; background: #fff;}
.loading-icon-wrap svg{width: 24px; height:24px; }
.loading-icon-wrap svg g rect{fill: #0062f5;}

/*---------------------end----------------------------*/


/*---------------------header form inline start--------------*/

.header-custom-field{display: inline-block; width:86%; margin-left: 5px;
	vertical-align: top; text-align:right;
}
.header-custom-button-wrap{display: inline-block;}
.header-custom-button-wrap button.btn-create-new-tariff-plan{background: #0a365d;
														    font-size: 15px;
														    padding: 4px 10px;
														    color: #fff;
														    border: none;
														    margin-left: 25px;	}
.header-custom-field .inter-connected-fields{width: 70%; display: inline-block;}
.header-custom-field .form-field label{display: inline-block; vertical-align: middle;}
.header-custom-field .form-field label + div{display: inline-block; width: 85%; vertical-align: middle;}

/*------------------------end*------------------------------/

/*justify-content-center loader start*/


.table-is-loading .justify-content-center{height: 500px;}

.table-is-loading .justify-content-center svg g rect{fill: #0666bb;}

/*----------end---------------------*/


/*bootstrap all button style changs start*/

.btn{padding: 4px 10px; border-radius: 0; font-size: 13px;}
/*------------end--------------------*/



/*START DALEY REPORT FILDS DRAG AND DROP DESIGN*/


.section-form-elements .section-title{
	text-align: center;
    padding-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #ddd;
    padding: 6px;
    margin-bottom: 15px;
    background: #f7f7f7;
}

.draggable-section-title{
	text-align: center;
} 

.draggable-section-title h5{
	font-size: 16px;
	margin:0;
	padding-bottom: 15px;
}

.draggable-section{
	border:1px solid #ddd;
	padding: 10px;
}

.draggable-item{
	border: 1px solid #ddd;
    padding: 2px 8px;
    font-size: 14px;
    margin-bottom: 8px;
    cursor: move;
    user-select: none;
    position: relative;
    z-index: 1;
    background: #fff;
}

.draggable-item.sortable-chosen{
	opacity:1;
}

.draggable-item.sortable-chosen.ghost{
	z-index: 12;
	background: #fff;
	opacity: 0;
}



.draggable-section{
} 

.draggable-section-content{
	position: relative;
}

.draggable-section-content > div{
	min-height:250px;
}

.draggable-section-content span{
	min-height:250px;
	position: relative;
	z-index: 3;
	display: block;
}

.draggable-section-content .drag-empty-container{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.draggable-section-content .drag-empty-container:after{
	content: "Drag and drop";
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    color: #bfbfbf;
    text-align: center;
    font-size: 16px;
    font-size: 15px;
    font-weight: normal;
    margin:auto 0;
}


.draggable-section-spacer--icon{

	width: 30px;
    height: 30px;
    background: url(../images/transfer.png) no-repeat;
    background-size: 28px;
    background-position: center;
    margin: auto 0;
    margin-top: 105px;
    opacity: 0.4;
}


.btn-search{
	background: #3490dc url(../images/search.png) no-repeat;
    background-size: 17px;
    background-position: center;
    text-indent: -999px;
    width:49px;
    height: 29px;
}



/*END DALEY REPORT FILDS DRAG AND DROP DESIGN*/




/*----------custom dropdown start------------*/
.n00iOpx_nil_select .select-list{ background: #fff; border: 1px solid #0a365d;
									 display: none; text-align: left;}

.n00iOpx_nil_select .option-visible{display: block !important;
									white-space: nowrap;}
.n00iOpx_nil_select .select-list ul{margin: 0; padding: 0;}
.n00iOpx_nil_select .select-list ul li{list-style: none; padding: 2px 8px;
			color: #000; border-top: 1px solid #0a365d !important; height: 26px;
			cursor: pointer; word-wrap: break-word;
    		white-space: nowrap;}

.n00iOpx_nil_select .select-list ul li:first-child{border-top: 1px solid transparent !important;}
.n00iOpx_nil_select .select-list ul li:hover, .n00iOpx_nil_select .select-list ul li.selected{background:#0a365d; color: #fff;}
.input-inner-wrap{ position: relative; }
.input-inner-placeholder{position: absolute;
					    top: 5px;
					    left: 7px;
					    font-size: 11px;
					    color: #717171; z-index:2;
					    pointer-events: none;
						font-weight: 500;}

.input-inner-inner-wrap{background: #fff; position: relative;
							z-index:1;height: 26px;}

.input-inner-inner-wrap:focus{border: 1px solid #0077e0;}

.input-inner-inner-wrap input{padding-right: 28px;
					background: transparent url(../images/dropdwn-arow.png) no-repeat;
					background-position: right 10px center;
    				background-size: 9px;
    				border: 1px solid rgb(169, 169, 169); height: 26px;
    				position: absolute;
    				top: 0; left: 0;
    				z-index: 3;

}

.input-inner-inner-wrap input{font-size: 11px;}

.input-inner-value{position: absolute;
				    top: 3px;
				    left:5px;
				    color: #000;
				    z-index: 2;
					font-size: 11px;
					font-weight: normal;
					pointer-events: none;}

/*---------------end----------------------*/


/*-----------------fixed dropdown start-------------------------------*/

.select-list{position: absolute;
			width: auto;
		    min-width: 100%;
		    z-index: 4;
			top: 100%;
			height: auto;
			max-height: 212px;
			overflow-y: auto;}

/*-----------------------end-------------------------------*/


/*---------------repair approval table start-----------*/

.apvl-tbl-wrp{ padding: 10px;background: #fff;margin: 15px 0 15px;}
.apvl-tbl-wrp table{background: #fff; max-height: 175px; overflow-y: auto;
					box-shadow: 0px 0px 11px -7px #000;}
.apvl-tbl-wrp table thead tr td, .apvl-tbl-wrp table tbody tr td{
    line-height: 16px;
    font-size: 13px;
   	/*padding: 8px;*/
    line-height: 16px;
    font-size: 13px;
   	padding: 5px;}

.apvl-tbl-wrp table thead tr td{font-weight: 500; color: #fff;
    background: #031729; font-size: 11px;
    border: 1px solid #0e273e; text-transform: uppercase; min-width: 100px;
	vertical-align: middle;}
.apvl-tbl-wrp table tbody tr td{border: 1px solid #dee2e6; font-weight: 500;
								font-size: 11px;}

/*---------------repair approval table end-----------*/


/*form readonly input style start*/
.formSection input.readOnly, .formSection textarea.readOnly{background: #dbe9f5;
    border: 1px solid #aaaaaa;}

button.approvalUpdate{margin:20px auto; display: table;}


/*-------------end--------------*/


/*-----no data found area start------*/


.table-is-empty{width: 100%;
			    background: #fff;
			    padding: 10px;
			    text-align: center;
			    min-height: 200px;
			    display: table;}



.table-is-empty-title{font-size:22px;
					    color: #3490dc;
					    text-transform: capitalize;
					    vertical-align: middle;
					    display: table-cell;}


/*-----------end-------------*/

/*list buton*/

button.view-list-btn{text-align:center; background: #0a365d !important;}
button.view-list-btn{ padding: 0 5px; }
button.view-list-btn svg{
	width: 20px; height: 20px; fill: #fff;
	transform: scale(0.8); -webkit-transform: scale(0.8);
}
button.view-list-btn span{	width: 12px;
						    height: 2px;
						    background: #fff;
						    margin: 0 0 2px 0;
						    display: block;}

button.view-list-btn span:last-child{margin-bottom: 0;}
button.view-list-btn:hover{opacity: 0.8;}
button.view-list-btn:focus {
	outline: 1px solid #3490dc;
	box-shadow: 0 0 5px #3490dc;
}
/*end*/
/* progress */

.input-group-wrpr{position: relative;}
.container-number-validation-loading{width: 100%; bottom: 0; left: 0; margin-top: -4px;}
.container-number-validation-loading .progress{margin: 0; background: transparent;}
.modal-main-progress .progress .indeterminate,
.container-number-validation-loading .progress .indeterminate {background: #0a365d}
.modal-main-progress .progress {background: rgb(10, 54, 93, 0.5);}
.modal-main-progress {
	min-height: 250px;
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 3.5rem;
}

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #acece6;
    border-radius: 2px;
    margin: .5rem 0 1rem 0;
    overflow: hidden
}

.progress .determinate {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #26a69a;
    -webkit-transition: width .3s linear;
    transition: width .3s linear
}

.progress .indeterminate {
    background-color: #26a69a
}

.progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}

.progress .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }
    60% {
        left: 100%;
        right: -90%
    }
    100% {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }
    60% {
        left: 100%;
        right: -90%
    }
    100% {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    100% {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    100% {
        left: 107%;
        right: -8%
    }
}
/* end */
/* Container number list */
.container-number-list-inner-wrap > .container-number-list {
	position: relative;
	list-style: none;
	display: block;
	padding: 0;
	margin: 15px 0 0 0;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
.container-number-list-inner-wrap > .container-number-list > li {
	position: relative;
	padding: 2px 15px;
	border:1px solid #0a365d;
	height: 26px;
	color: #000;
	font-size: 14px;
	cursor: pointer;
}
.container-number-list-inner-wrap > .container-number-list > li + li {
	margin-top: 5px;
}
.container-number-list-inner-wrap > .container-number-list > li.active,
 .container-number-list-inner-wrap > .container-number-list > li:hover {
	background: #0a365d;
	color: #fff;
}
/* end */


.container-number-list-wrap input{border: 1px solid rgb(169, 169, 169); height: 26px;
							border-radius: 0;box-shadow: none; outline: none;}


.form-col-gap-min .form-group{
	margin-bottom: 0;
}
.form-col-gap-min .row{
	margin-left: -5px;
	margin-right: -5px;
}
.form-col-gap-min .row [class^="col"] {
	padding-left: 5px;
	padding-right: 5px;
}
.estimate-table .table th{
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}
.estimate-table .table th,
.estimate-table .table td {
	font-size: 11px;
	font-weight: 500;
}
.black-layer-protection.protection-active {
	position: relative;
}
.black-layer-protection.protection-active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	cursor: default;
	z-index: 10;
}
.black-layer-protection.protection-active .protection-free {
	position: relative;
	z-index: 11;
}
.button-action-wrap {
	padding: 0;
}
.button-action-wrap .btn-add-table-row {
	background: #ead361 !important;
    text-align: center;
    font-weight: bold;
    font-size: 13;
    cursor: pointer;
    display: block !important;
    border: 1px solid #bba84a;
    border-bottom-width: 2px;
    width: 100%;
    transition: all 300ms ease;
    font-size: 12px;
    text-transform: uppercase;
}

.button-action-wrap .btn-add-table-row:disabled{cursor: no-drop;}
.button-action-wrap .btn-add-table-row:not(:disabled):hover {
	background: #3d7db5 !important;
    color: #fff !important;
    border-color: #2f5779;
}
.modal-dialog .no-gap-modal-wrap {
	padding-left: 10px;
    padding-right: 10px;
}
.modal-dialog .no-gap-modal-wrap.status-loading {
	filter: blur(1px);
}
.modal-dialog .no-gap-modal-wrap .row {
	margin-left: -5px;
	margin-right: -5px;
}
.modal-dialog .no-gap-modal-wrap .row > [class^=col] {
	padding-left:5px;
	padding-right: 5px;
}

/*.padd-less-col{padding:0 2px;}*/

/*modal inside loader start*/


.modal-with-loading-full{position: relative;}
.modal-loading{position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 12;
	cursor: progress;}


.modal-loading .progress{top: 50%; background: #0a365d;
							width: 200px;
							left: 43%;
							transform: translate(0,0);
							display: inline-block;}
.modal-loading .progress .indeterminate {background-color: #b9d7e2;}
.modal-loading .lodng-txt{position: absolute;
    top: 50%;
    left: 46%;
    transform: translate(0,0);
    color: #fff;
    margin-top: -46px;}

.modal-loading .lodng-txt h4{margin: 0; padding: 0; font-size: 32px; color: #000;}
button.btn-add-table-row:focus{background: #3d7db5 !important;
							    color: #fff;
							    box-shadow: 0px 0px 12px 1px #000;
							    border: 1px solid #3d7db5;}

/*end*/


.is-invalid + span.invalid-feedback{display: block !important; font-weight: 500;}

.btn-success:focus, .btn-success.focus, .btn:focus{box-shadow: 0px 7px 22px -3px #001d0d; background: #0026de; color: #fff;}

td.force-center-empty-wrap{position: relative;}
.force-center-empty-cell{position: sticky; top: 4px; left: 0; width: 60%;}
.table-has-sticky-col thead tr{position: relative;}

.table-has-sticky-col thead tr th:first-child{position: sticky; top:0; left: 0;
												width: 20px;
												border-left:0;}
.table-has-sticky-col tbody tr td:first-child{position: sticky; top:0; left: 0;
												width: 20px;
												border-left:0;}
.protection-active{position: relative;}

.protection-active:before{content:""; position: absolute; width: 100%;
						 height: 100%; background: rgba(1,11,27,0.0);
						 z-index: 2;cursor: no-drop;}
.protection-free{position: relative; z-index: 3;}
.protection-active .table-responsive{position: relative; z-index: 3;}



/*============line loader start=======================*/



@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
  -webkit-animation-duration: 0.54s;
          animation-duration: 0.54s; }

.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
  -webkit-animation-duration: 1.15s;
          animation-duration: 1.15s; }

.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.04s;
          animation-delay: 0.04s;
  -webkit-animation-duration: 0.77s;
          animation-duration: 0.77s; }

.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: -0.12s;
          animation-delay: -0.12s;
  -webkit-animation-duration: 0.61s;
          animation-duration: 0.61s; }



/*================end====================================*/


.form-loader-full{background: rgba(1,11,27,0.5); width: 100%; height: 100%;
				position: absolute;
				z-index: 1234;
}

.form-loader-wrap .loader{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}


.custom-live-search-select-group{position: relative;}

.full-width-wrap .btn{width: 100% !important;}


/*==================approvalUpdateModal start==============================*/


.approvalUpdateModal input.fuApp{width: 75%; vertical-align: top; float: left;}

.approvalUpdateModal select.fuAppSe{width: 25%; vertical-align: top;
									border-left:none;
									background: #fff;}

span.curRate{width: 12px; height: 12px;
			 background:url(../images/rupee.png) no-repeat;
			 background-size:12px;
			 background-position: center; vertical-align: top;
			display: inline-block;
			padding-top: 16px; padding-left: 18px;}
/*=======================approvalUpdateModal end==========================*/

/*===============thinker-form-calculate button start=====================*/

/*LOADER-1*/

 	.thinker-form-calculate .loader{position: relative;
 									top: 8px; left: -32px;
 									width: 20px;}



    .loader-1 .loader-outter {
    position: absolute;
    border: 2px solid #094cc5;
    border-left-color: transparent;
    border-bottom: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    top:-5px;
    left: -5px;
    }

    .loader-1 .loader-inner {
       position: absolute;
    border: 2px solid #094cc5;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    left: calc(21% - 20px);
    top: calc(84% - 20px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    top: 0; left: 0;
    }


    @-webkit-keyframes loader-1-outter {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes loader-1-outter {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes loader-1-inner {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }

    @keyframes loader-1-inner {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    }

/*LOADER-17*/

 .loader-17 .css-square {
      position: absolute;
      top: 50%;
      width: 25px; height: 7px;
    background:#227dc7;
    box-shadow: 2px 2px 3px 0px black;
   }


    .loader-17 .square1 {
        left: 70px;
        -webkit-animation: dominos 1s 0.125s ease infinite;
        animation: dominos 1s 0.125s ease infinite;
    }

    .loader-17 .square2 {
        left: 60px;
        -webkit-animation: dominos 1s 0.3s ease infinite;
        animation: dominos 1s 0.3s ease infinite;
    }

    .loader-17 .square3 {
        left: 50px;
        -webkit-animation: dominos 1s 0.425s ease infinite;
        animation: dominos 1s 0.425s ease infinite;
    }

    .loader-17 .square4 {
        left: 40px;
        -webkit-animation: dominos 1s 0.540s ease infinite;
        animation: dominos 1s 0.540s ease infinite;
    }

    .loader-17 .square5 {
        left: 30px;
        -webkit-animation: dominos 1s 0.665s ease infinite;
        animation: dominos 1s 0.665s ease infinite;
    }

    .loader-17 .square6 {
        left: 20px;
        -webkit-animation: dominos 1s 0.79s ease infinite;
        animation: dominos 1s 0.79s ease infinite;
    }

    .loader-17 .square7 {
        left: 10px;
        -webkit-animation: dominos 1s 0.9s ease infinite;
        animation: dominos 1s 0.9s ease infinite;
    }

    .loader-17 .square8 {
        left: 0px;
        -webkit-animation: dominos 1s 1s ease infinite;
        animation: dominos 1s 1s ease infinite;
    }

    @-webkit-keyframes dominos {
	  50% { opacity: 0.7; }
	  75% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	  80% { opacity: 1; }
	 }


 @keyframes dominos {
	  50% { opacity: 0.7; }
	  75% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	  80% { opacity: 1; }
	 }


.approvalFullLoader{position: fixed; top:0; left: 0; z-index: 1234;
					background:rgba(1,11,27,0.5); height: 100%;
					width: 100%;}

.approvalFullLoader .loader-17{position: absolute; top:50%;
								left: 50%; transform: translate(0,0);}

/*===============thinker-form-calculate button end=====================*/



/*=========================START GALLERY PAGE==============================*/

.glry-pg-holder{
	text-align: center;
	padding: 28px 0 40px 0;
}
.glry-pg-holder h2{
	font-size: 35px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: #004eff;

}

.glry-img-hldr{
	margin: 0 0 10px 0;
    border: 3px solid #b5b5b5;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.glry-img-hldr.cntrimgholder{
	margin: 0 0 10px 0;
    border: 3px solid #b5b5b5;
    width: 250px;
    height: 250px;
    overflow: hidden;
    padding: 5px;
    background: #f6f6f6;
}

.glry-img-hldr img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 0.3s;
	transform: scale(1);
}

.glry-img-hldr a{
	display: inline-block;
	height: 100%;
	width: 100%;
}

.glry-img-hldr:hover img{
	transform: scale(1.1);
}

/*==========================END GALLERY PAGE====================================*/


/*START GALLERY DETAILS PAGE*/

.glry-sigl-sec{
	padding-top: 50px;
}
.zoom-image-hlder{
	width: 100%;
	height: 100%;
	position:relative;
}

.zoom-image-hlder img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.img-btn-wrp{
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	bottom: 0;
	left: 0;
	justify-content: space-between;
}

.img-btn-wrp .smlimg-holder{
	width: 200px;
    height: 115px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 28px 20px rgba(0,0,0,0.2);
    border: 4px solid #fff;
    margin-left: 30px;
    margin-bottom: 30px;
}

.img-btn-wrp .smlimg-holder img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;

}
.img-btn-wrp .btn-hldr{
	margin-right: 20px;
}
.img-btn-wrp .btn-hldr a{
	display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #828282;
    border-radius: 3px;
    font-size: 19px;
    font-weight: bold;
    color: #333232;
    background: #fff;
    text-align: center;
    line-height: 29px;
    margin: 0 6px;
    transition: 0.3s;
}
.img-btn-wrp .btn-hldr a:hover{
	background: blue;
	border:1px solid transparent;
	color: #fff;
}
/*END GALLERY DETAILS PAGE*/


/*==================page-table-attr-wrap start=========================*/

.page-table-attr-wrap{margin-bottom:5px;}

.page-table-attr-wrap label{width: auto; font-size: 12px; color: #000;
								font-weight: 500; }
.page-table-attr-wrap select{margin: 0 8px;}

.page-table-pagination-wrap ul.pagination{margin: 0 5px; margin-bottom: 5px;}
.page-table-pagination-wrap ul.pagination li{margin-right: 3px; vertical-align: middle;}
.page-table-pagination-wrap ul.pagination li .page-link{padding:6px 8px;  border:none;}
.page-table-pagination-wrap ul.pagination li .page-link:focus{outline: none; box-shadow: none;
																background-color: #357ab7;
																color: #fff;}

.page-table-pagination-wrap ul.pagination li.active .page-link, .page-item.active .page-link{padding:5px 8px; border: 1px solid #16365d;}
.page-table-pagination-wrap ul.pagination li.active .page-link, .page-item.active .page-link{background-color: #0a365d;

																	}

/*=====================page-table-attr-wrap end========================*/


/*===================buttons-wrap start===============================*/


.buttons-wrap button.btn-success{ width: auto;
						    height: 30px;
						    margin-right: 5px;}


/*=====================buttons-wrap end===============================*/

button.btn-filter{background: url(../images/filter-button.png) no-repeat, #6c757d;
				    background-size: 13px;
				    background-position: left 6px center;
				    width: 70px;
				    padding-left: 20px;}

button.btn-filter:focus{background: url(../images/filter-button.png) no-repeat, #0026de;
				    background-size: 13px;
				    background-position: left 6px center;
				    width: 70px;
				    padding-left: 20px;}





.btn:disabled {background: #cecece;
						    color: #000;
						    font-weight: 500;
						    border: 1px solid transparent;}


.active-loader{position: relative;}

.active-loader:before{content: ""; position: fixed;
						width: 100%; height:100vh;
						background: rgba(0,0,0,0.3);
						top: 0; left: 0;
						z-index:123;
						}

.active-loader:after{content: "";
					position: fixed;

					width: 80px;
					height: 80px;
					background: url(../images/Spinner-loading.svg) no-repeat;
					background-position: center;
					transform: translate(0, 0);
					z-index: 1234;
					margin: 0 auto;
					top:50%; left: 50%;
					transform: translate(0,0);
					background-size: 90px;
					}

.breadcrumb li.brdcm-btn-wrpr{width:78% ; margin-right: 0;}
.breadcrumb li.brdcm-btn-wrpr a.addBtn{background: #0a365d;
									    height: 30px;
									    line-height: 16px;
									    color: #fff !important;}

.breadcrumb li:last-child{margin-right: 0;}

.read-only-field .input-inner-inner-wrap input{border: 1px solid #aaaaaa; background: #dbe9f5;}


a.refreshMe{float: right; background: url(../images/refesh.png) no-repeat;
			 background-position: center;
			 background-size:25px;
				width:25px; height: 25px; }


/*===============CUSTOM CHECK BOX WITH ALL SELECT START==================*/


.cc-listing-wrap{display: inline-block; position: relative; top: 3px;}

.cc-wrap{margin-top: 2px; padding: 0; margin: 0; line-height: 0;}

.cc-wrap input{opacity: 0; position: absolute; top: 0; left: 0;
				width: 100%; height: 100%;}

.cc-ds{width: 15px; height: 15px;
		background: #fff; display: inline-block;
		position: relative; border-radius: 2px;
		border: 1px solid #0071d6; }

.cc-ds:after{content: ""; position: absolute; width: 4px;
			height: 9px; border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			left: 5px; top: 1px; transform: scale(0) rotate(-45deg);
			opacity: 0; transition: 0.3s;}

.cc-ds:before{content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    top: 2px;
    left: 2px;
    background: #c5c5c5; display: none;
	z-index: 1;}

.cc-wrap input:checked + .cc-ds:after{opacity: 1; transform: scale(1) rotate(45deg); }
.cc-wrap input:checked + .cc-ds{background:#0071d6; border: 1px solid transparent;}
.cc-wrap input:disabled + .cc-ds:before{display:inline-block;}
.cc-wrap input:disabled + .cc-ds:after{display: none;}
.cc-wrap input:disabled + .cc-ds {background: #2e5e8a;}
.some-checked {position: relative;  background: #0071d6; height: 16px;
				border-radius: 2px;}
.some-checked:after{content: "";
					    position: absolute;
					    width: 10px;
					    height: 2px;
					    background: #fff;
					    left: 3px;
					    top: 7px; }
.some-checked .cc-ds{background: #0071d6;}


/*===============CUSTOM CHECK BOX WITH ALL SELECT END==================*/


/*===================input-group-append start===================*/



.input-group .input-group-text{margin-right: -1px;}

.input-group .input-group-append + input{margin-left: -1px;}

.approvalUpdateModal input.fuApp{width: 58%; height: 26px;}
.approvalUpdateModal select.fuAppSe{width: 42%;}
.approvalUpdateModal input.fuApp:focus{height: 26px;}

.approvalUpdateModal span.curRate{display: none;}

.full-width-wrap button, .full-width .thinker-form-submit .btn{width: 100%;}

.approvalUpdateModal input.readonly, .approvalUpdateModal select.readonly{
						background: #e9ecef;
    					border: 1px solid #a9a9a9;
    					}

.approvalUpdateModal input.readonly{border-right: none;}

.ramCalculate .btn{width: 100%;}



/*=======================input-group-append=====================*/

.formSection input[readonly]{pointer-events: none; user-select: none;}

a.resetBtn{background: #031729;
    padding: 3px 10px;
    color: #fff !important;
    font-size: 14px;
	color: #fff;
	vertical-align: bottom;}

a.resetBtn:hover{background: #0a365d;}

.padd-less-col{padding: 0 2px;}


/*loader in moadl start*/

.default-loader{position: relative; width: 30px; height: 30px;
				background: rgba(1,11,27,0.5);
				z-index: 9; display: inline-block;}

.default-loader:after{content: ""; position: absolute;
					top: 0; left: 0;

					width: 30px; height: 30px;
					background:url(../images/Spinner-loading.svg) no-repeat;
					background-size: 100%;}



/*loader in modal  end*/

/*approvalFullSection start*/

.approvalFullSection input.mnGW{width: 74%; display: inline-block;}
.approvalFullSection span.input-group-text{ display: inline-block;
											padding: 5px;}
.approvalFullSection input.trW{width: 76%; display: inline-block;}
.mnGR .form-field{width: 47%; display: inline-block;}
.mnGR .form-field:last-child{width: 51%;}



/*approvalFullSection end*/

/*btn-search-approval-bulk start*/

.btn-search-approval-bulk{margin-top: 16px; width:82px;}

/*btn-search-approval-bulk end*/

/*approvalBulkDataTable td input and label start*/

.approvalBulkDataTable table tr td .form-field label{display: none;}
.approvalBulkDataTable table tr td .form-field div input, .approvalBulkDataTable table tr td input.approvalBulkNarration{border: none;
													border-bottom: 1px solid #ddd;
													position: relative;}


.approvalBulkDataTable table tr th:first-child{text-align: center;}

.approvalBulkDataTable .cc-ds {
    width: 15px;
    height: 15px;
    background: #fff;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #0071d6;
    left: 2px;
    position: absolute;
    top: 40%;
    transform: translate(0, -50%);
}
/*approvalBulkDataTable td input and label end*/


/*col-padless start*/

 .col-padless .col-1{padding:0 2px; }

/*col-padless end*/



/*input-wrap plz adjust start*/

.plzAdjust{padding: 0 2px;}


.pad-les-right .col{ padding-right:2px; }
.pad-les-right .col:last-child{padding: 0 2px;}

.approvalBulkDataTable table tr td.nrEdit{ width:300px; }

/*input-wrap plz adjust end*/


/*CONTAIER OUT PAGE START*/

.disabledThisSection{position: relative; cursor: not-allowed; opacity: 0.5;}
.disabledThisSection:after{content: ""; position: absolute;
									top:0; left: 0; width: 100%;
									height: 100%; background: rgba(1,11,27,0.0);
									z-index: 1;}

.contIsoCheck{font-weight: bold;
				    line-height: 15px;
				    color: #0008ff;
				    font-size: 9px;
				    margin-top: 7px; }
.lastContNumber{font-weight: bold; margin-top:5px; color: #024ffb;}
.containerOutWrapperForm .form-group label{font-size: 11px;}
.secondOpt{background: #fff;
    padding: 8px;
    margin-bottom: 10px;
    padding-bottom: 1px;}

table tr td div > .form-field{margin: 0 0 0px 0 !important;
    							padding-bottom: 0px !important;}

.branch-yard-wrap{right: 18px; top: 19px;}
/*CONTAINER OUT PAGE END*/

.conIdInner .forMsg{height: 42px; font-size: 12px;}
.lCont{padding-top: 22px;
	    font-size: 14px;
	    font-weight: 500;
		padding-left: 0;}
.live-movement-cont-size {
	margin-top: 3px;
	font-size: 10px;
	display: block;
	background: #f2f2f2;
	padding: 3px;
	border: 1px solid #ddd;
}
.live-movement-cont-size .cont-size-name {
	font-weight: bold;
}
.live-movement-cont-size .seperator {
	font-weight: bold;
	margin-right: 2px;
}


/*DATE PICKER FIXING START*/

.bootstrap-datetimepicker-widget{z-index: 12; padding: 10px !important;}
.bootstrap-datetimepicker-widget .fa.fa-times{display: none;}
.bootstrap-datetimepicker-widget .prev{background: url(../images/clndr-lft-arw.png) no-repeat;
										background-size: 15px;
										background-position: center;}


.bootstrap-datetimepicker-widget .next{background: url(../images/clndr-rigt-arw.png) no-repeat;
										background-size: 15px;
										background-position: center;}

.bootstrap-datetimepicker-widget .prev:hover{background: url(../images/clndr-lft-arw-hvr.png) no-repeat;
										background-size: 15px;
										background-position: center;}

.bootstrap-datetimepicker-widget .next:hover{background: url(../images/clndr-rigt-arw-hvr.png) no-repeat;
										background-size: 15px;
										background-position: center;}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background: transparent !important; }
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover .next{background: url(../images/clndr-lft-arw-hvr.png) no-repeat;
										background-size: 15px;
										background-position: center;}
.bootstrap-datetimepicker-widget table thead tr th.prev{position: relative;}

.bootstrap-datetimepicker-widget table thead tr th.prev:hover:before{content: "";
												width: 15px; height:15px;
												background: url(../images/clndr-lft-arw-hvr.png) no-repeat;
												background-size: 15px;
												background-position: center);
												top: 10px; left: 9px;
												position: absolute;}


.bootstrap-datetimepicker-widget table thead tr th.next:hover:before{content: "";
												width: 15px; height:15px;
												background: url(../images/clndr-rigt-arw-hvr.png) no-repeat;
												background-size: 15px;
												background-position: center);
												top: 20px; right: 20px;
												position: absolute;}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #0082ec !important;}

/*DATE PICKER FIXING END*/


/*movement-counter table start*/

.movement-counter{width:13%; display: inline-block;
					vertical-align:top;float: left;
					height: 107px;
				    background: #f1f1f1;

				}

.movement-counter a{margin: 28px 0 0 0px;
				    display: block;
				    font-size: 16px;
				    text-align: center;}

.movement-size-base{width: 87%; display: inline-block; vertical-align:middle;}
.msb-table{background: #f1f1f1;}
.msb-table-header{background:#163d61;
				    color: #fff;
				    padding: 0px;}

.msb-table-header .msb-table-header-cell:first-child{border-right:1px solid #003b6f;}
.msb-table-header-cell{width: 49%; display: inline-block;}
.msb-table-header .msb-table-row{border: none; padding: 0;}
.msb-table-row{ border-bottom:1px solid #dadada;}
.msb-table-row .msb-table-cell{display: inline-block;width: 49%;}
.msb-table-row .msb-table-cell{border-right: 1px solid #e2e2e2; padding: 4px 8px; }
.msb-table-row .msb-table-cell:nth-child(even){border-right: none;}
.msb-count-title{background: #163d61;
			    color: #fff;
			    padding: 4px; position: relative;}

.msb-count-title:after{content: "";
						    position: absolute;
						    right: 0px;
						    height: 25px;
						    background: #003b6f;
						    top: 0;
						    z-index: 999;
						    width: 1px;}

.msb-count-title:before{content: "";
						    position: absolute;
						    right: 0px;
						    height: 82px;
						    background: #e2e2e2;
						    top:26px;
						    z-index: 999;
						    width: 1px;}



/*movement-counter table end*/

.dataTable table tr td.td-line-movement{background: #f1f1f1;}
label.custom-control-label{padding-top: 3px;}
.custom-checkbox input{opacity: 0; position: absolute !important; top:0;
							left:auto;}
.formSection input, .formSection textarea{position: relative;}
span.mgWc{position: absolute;
		    top: 19px;
		    left: 16px;
		    background: #d8d8d8;
		    color: #000;
		    height: 24px;
		    padding: 5px;
		    width: 28px; text-transform: uppercase;
			font-weight: 500;}

.containerOutWrapperForm span.mgWc,.containerOutWrapperForm span.addPrice{height: 22px; line-height: 14px;}

.containerOutWrapperForm select + span.addPrice{height: 24px;}

input.mgw{padding-left: 32px;}
input.priceValue{padding-left: 35px;}

span.addPrice{position: absolute;
		    top: 19px;
		    left: 16px;
		    background: #d8d8d8 url(../images/rupee-indian.png) no-repeat;
		    background-size:11px;
		    background-position: center;
		    color: #fff;
		    height: 24px;
		    padding: 5px;
		    width: 24px;}

select.priceValue{padding-left: 30px; background:#fff;}
.conIdInner{padding: 0 3px;}

.not-have-movement-data .movement-counter{width: 100%;}
.movement-counter span{font-size: 16px; display: block; margin:30px 0 0 0; text-align: center;
                        font-weight: 500;}


.line-movement-total-size-calc{display: inline-block;
							    background:#163d61;
							    padding: 1px 6px;
							    font-size: 12px;
							    margin-right: 4px;
							    position: relative;}

.line-movement-total-size-calc:last-child{margin-right: 0;}

.line-movement-total-size-calc:after{content:"";position: absolute;
									top: 0; right:-4px;
									width: 1px; height: 100%;
									background:#797979;
									}


.line-movement-total-size-calc:last-child:after{display: none;}

label.custom-control-label{font-size: 12px; font-weight: 500;}

/*section-header-bar start*/

.section-header-bar-wrap {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.section-header-bar{padding: 10px 0;}
.section-header-bar .title-section,
.section-header-bar .search-section,
.section-header-bar .button-wraps{display: inline-block; flex: 1;}

.search-section input.srchinput{width: 78%;
    float: left;
    display: inline-block;
    border: 1px solid #a9a9a9;
    height: 30px;
    border-right: 1px solid transparent;
    padding-left: 8px;}

.search-section button.searchIcon{background: #fff url(../images/search1.png) no-repeat;
    background-size: 16px;
    background-position: center;
    height: 30px;
    width: 36px;
    border: 1px solid #a9a9a9;
    border-left: transparent;}


.search-section button.searchIcon:focus{outline: none; box-shadow: none;
										background-color: none; }
.section-header-bar .button-wraps{text-align: right;}


/*section-header-bar end*/


/*containerInWrapperForm start*/
.position-in{
	position:static !important;
}
/* .position-relative{
	z-index:99;
}
.select-list {
	z-index:100;
} */
.disabled-cont-in-form-pti{
	pointer-events: none;
}
.disabled-cont-in-form-pti input,
.disabled-cont-in-form-pti textarea{
	pointer-events: all;
}
.n00iOpx_nil_select .option-visible{
	pointer-events: all;
}
.confirmAlert .confAlt{
	pointer-events: all;
}
.last-added-container-no{
	position: absolute;
    top: 244px;
    left: 500px;
    font-size: 12px;
}
.ok-or-not{
	position: absolute;
    top: 244px;
    left: 363px;
    font-size: 12px;
	color:#0008ff;
}
.disabled-cont-in-form-pti .disabled-me input,
.disabled-cont-in-form-pti .disabled-me textarea{
	pointer-events: none;
}

.disabled-cont-in-form{position: relative;}
.disabled-cont-in-form:after{content: ""; position: absolute;
							left: 0;  top:110px;
							background: rgba(1,1,27,0.0);
							width: 100%;height: 85%;
							cursor: no-drop;}
.disabled-cont-in-form .disabled-me{opacity: 0.3;}

.disabled-cont-in-form-pti{position: relative;}
.disabled-cont-in-form-pti:after{content: ""; position: absolute;
							left: 0;  top:150px;
							background: rgba(1,1,27,0.0);
							width: 100%;height: 85%;
							cursor: no-drop;}
.disabled-cont-in-form-pti .disabled-me{opacity: 0.3;}

/*containerInWrapperForm end*/


.service-rate-create-counter{background: #034c8e;
							    padding: 1px 5px;
							    width: 420px;
							    text-align: center;
							    font-size: 13px;
							    color: #fff;
							    box-shadow: 0px 1px 7px -3px rgba(1,11,27,0.5);}



.service-rate-create-counter .text-success{color: #09ff71 !important;}
.service-rate-create-counter .text-danger{font-size: 12px; color: #ff4037 !important;}

.table-basic-js-cell{display: inline-block;}


.pagination li span, .pagination li a{
	padding: 5px 8px;
    border: 1px solid #fff;}

.service-charge-report-summery-table .force-center-empty-cell{width: 75%;}


/*service_charge_report grand total start*/
.srvc-chrg-grnd-totl{ background: #0064bd; padding: 10px;}
.ttl-cntnt-hldr{border:1px solid #fff; padding:5px;
						font-size: 11px; color: #fff;
						min-height: 46px;}
.ttl-cntnt-hldr span{font-size: 11px; color: #fff; display: block;}

/*service_charge_report grand total end*/


/*TABLE ANCHER TEXT DARK COLOR CHANGES START*/

table tr td a.text-dark, table tr th a.text-dark {color: #0276de !important;}


table tr td a.text-dark:hover, table tr th a.text-dark:hover {color: #000 !important;}



/*TABLE ANCHER TEXT DARK COLOR CHANGES END*/


/*CHECKBOX NOT CLICKABLE START*/


.unTouchableCheckbox{pointer-events: none;}

/*CHECKBOX NOT CLICKABLE END*/



/*REPORT ORDER FORM START*/

.report-ordr-wrp{display: inline-block; width:25%; vertical-align: top; }
.report-ordr-wrp label{display: inline-block; width:auto; margin-right: 10px;}
.report-ordr-wrp select{width: 60% !important; display: inline-block;
						background: #fff;}
.print-chk-wrp{padding:0; width: 18%; display: inline-block;
				vertical-align: top;}
.print-chk1{display: block; padding: 3px 0;}
.select-all-wrp{padding: 8px 0; width: 36%; display: inline-block;}
.radio-chk-wrp{padding: 8px 0;}
.generateReport .card{padding: 10px 0; background: transparent;
    				border: none;}
.generateReport .card-body{width: 100%;
						    background: #f1f1f1;
						    margin: 0 auto 25px; text-transform: capitalize;
							box-shadow: 0 0 13px -8px rgba(1,11,27,0.5);}

.generateReport input, .generateReport span{vertical-align: top;  }
.generateReport input:checked, .generateReport input:focus{height:auto !important;}
.report-btns{padding-top:15px; text-align: center;}
.radio-chk-wrp{display: inline-block; width: 18%;}


/*REPORT ORDER FORM END*/


/*GENERATE REPORT BUTTON START*/

.__header-genrate-report{width: auto; height: 30px; margin-left: 10px;
						background:#0077e0;
						color: #fff;}

.button-wraps .btn{background: #0077e0; border-color:#0077e0; }
.button-wraps .btn:hover{background: #0087ff; border-color:#0087ff;
						color: #fff; }

/*GENERATE REPORT BUTTON END*/


/*allSelectSection start*/

.allSelectSection{padding: 8px 0 0 0;
				    width: 100%;
				    margin: 0 0 0 0;}


.approvalFullSection ol + div .card-body{padding: 0;}

.allSelectSection span{margin-right: 10px;}
.allSelectSection input[type="checkbox"]{position: relative;}
/*.allSelectSection input[type="checkbox"]:after{content: "";
											    width: 13px;
											    height: 13px;
											    background: #0a365d;
											    position: absolute;
											    top: 0;
											    left: 0;
											    border-radius: 2px;
												cursor: pointer;}

.allSelectSection input[type="checkbox"]:before{content: "";
											    width: 5px;
											    height: 10px;
											    position: absolute;
											    top: 0;
											    left: 4px;
											    z-index: 12;
											    border-right: 2px solid #fff;
											    border-bottom: 2px solid #ffff;
											    transform: rotate(45deg) scale(0);
											    transition: 0.2s;
											    cursor: pointer;
												}

.allSelectSection input[type="checkbox"]:focus:before{transform: rotate(45deg) scale(1);}*/

.allSelectSection input[type="checkbox"]:focus{height: auto;}
.filter-from-wrap{padding-bottom: 10px;}
.combindWrapper a.btn, .combindWrapper a{margin: 0 8px;}
.combindWrapper a.btn, .combindWrapper a,
.combindWrapper a:hover,
.combindWrapper a.btn:hover{color: #fff;
							cursor: pointer;}

.combindWrapper{background: #f7fbff;
			    vertical-align: middle;
			    padding: 15px 0;}
/*allSelectSection end*/


/*Daily Report Field start*/


.daily-report-master-con-in.main-header, .daily-report-master-con-in.sub-header{background: #0d7ee3; }
.daily-report-master-con-out.main-header, .daily-report-master-con-out.sub-header{background:#2879c1; }
.section-form-element{display: inline-block; width: 48%;}
.section-form-elements-cont-in{border-right: 1px solid #eaeaea;}
.dataTable table tr td.daily-report-master-con-in{background: #e0eefb;
												    border: 1px solid #0e273e;
												    font-size: 11px;
												   }
.dataTable table tr td.daily-report-master-con-out{background: rgba(40, 121, 193, 0.48);
													font-size: 11px;
													border: 1px solid #0e273e;}

.section-form-elements{padding: 15px 0; border:1px solid #ddd;
						padding: 15px;}
.section-title{font-size: 16px; color: #000; padding-top: 15px;}
.section-form-element label.custom-control-label{font-size: 11px;
													 font-weight: normal;}
.section-form-element label.custom-control-label::after,
.section-form-element label.custom-control-label::before{width: 13px;
														height: 13px;
														border-radius: 3px;}

.section-form-element label.custom-control-label::after{top: 5px;}


.daily-report-master-con-in .force-center-empty-cell,
.daily-report-master-con-out .force-center-empty-cell{width:32%;}


/*Daily Report Field end*/


.innerWrapper{padding:0px 0 10px 24px; width: 100%;}
.innerWrapper .allSelectSection{padding-top: 21px;}





/* ANDROID WEB VIEW */
body.android-web-view-enabled {
	background: #fff;
}
body.android-web-view-enabled .dashboardSection{ background: none; }
body.android-web-view-enabled .leftPanel{
	left: -100%;
}
body.android-web-view-enabled .topHeader{
	top: -100%;
}
body.android-web-view-enabled .formSection{ margin-left: 0; padding: 15px; background: #fff; }

/*START GENERATE REPORT SECTION*/
.genRep{text-align: right; padding: 0 0 15px 0;}
.genRep h4{display: inline-block;
		    font-size: 16px;
		    margin: 0 5px 0 0;
		    vertical-align: middle;}
.genRep a{display: inline-block;
		    text-decoration: none;
		    margin: 0 2px;
		    font-size: 13px;
		    background: #4390dc;
		    border-radius: 0;
		    padding: 4px 5px;
		    color: #fff !important;
		    width: 55px;
		    text-align: center;
		    cursor:pointer;
			transition: 0.3s;}
.genRep a:hover{background: #0026de;}


/*END GENERATE REPORT SECTION */
/*START INPUT ALIGN*/
.generateBillingReport input[type="checkbox"],
.generateBillingReport input[type="checkbox"]:focus{height:18px !important; margin: 0; vertical-align: top;}
button.full-width-btn{width: 100%;}

.billno{
	font-size: 11px;
    line-height: 20px;
    padding: 1px 3px;
    width: 100%;
    height: 26px;
    border: 1px solid rgb(169, 169, 169);
    background: #fff;
    white-space: nowrap;
    overflow-x: hidden;
}
.billno span{ display: inline-block; position: relative; text-transform: uppercase;}
.billno span:not([contenteditable]):after{
	position: relative;
	content: "/";
}
.billno [contenteditable] {
	-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
}
.billno [contenteditable][readonly]{
	    -webkit-user-modify: read-only;
	    -moz-user-modify: read-only;
	    -o-user-modify: read-only;
	    -ms-user-modify: read-only;
	    user-modify: read-only;
	    pointer-events: none;
}

.billno span input{
	width: 20px;
	padding: 1px;
	border: none;
}
.billno span input:focus,.billno span:focus{
	border: none;
	outline: none;
	height: auto;
}
.progress > .progress-bar {
    height: 100%;
}
/*END INPUT ALIGN*/

/*START CONTAINER IMAGE FILTER*/

.form-section.upload-containr-img-filtr label{
	font-size: 12px;
	margin-bottom: 4px;
}

.custom-file-label.chs-img-lbl{
	position: relative;
}

.form-section.upload-containr-img-filtr label.custom-file-label{
	height: 28px;
}

.form-section.upload-containr-img-filtr .custom-file-label::after{
	height: 26px;
}

.form-section.upload-containr-img-filtr button{
	background: #0077e0;
	border-color: #0077e0;
	color: #fff;
	margin-top: 3px;
}

.form-section.upload-containr-img-filtr button:hover{
	background: #0087ff;
    border-color: #0087ff;
}


.alert.alert-success.cntnr-img-success{
	width: 100%;
    max-width: 500px;
    margin: 0 auto;
    font-size: 21px;
    background:none;
    color: #01bf06;
    padding: 8px;
    text-align: center;
}

.alert.alert-success.cntnr-img-error{
	width: 100%;
    max-width: 500px;
    margin: 0 auto;
    font-size: 21px;
    background:none;
    color:red;
    padding: 8px;
    text-align: center;
}

button.btn.btn-info.submit-container{
	margin-top: 15px;
}
.container-image-view-actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left:-10px;
	margin-right: -10px;
}
.container-image-view-actions > a {
	display: inline-flex;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
.container-image-view-actions > a+a:before {
	position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0 auto -3px;
    background: black;
}

/*END CONTAINER IAMAGE FILTER*/

/* runtest_bill_entry */

.runtest_bill_entry .row input{
	width: 90%;
	display: inline-block;

}

.runtest_bill_entry .row{
	margin-bottom: 15px;
}

.runtest_bill_entry .row .prcnt{
	margin-left: 15px;
}

.contmodalrow input{
	text-transform: uppercase;
    width: 86%;
    padding: 4px;
    margin-left: 10px;
}
.contmodalrow input[type="button"]{
	width: 90%;
}


.row.drow{
	margin-left: 0;
	margin-right: 0;
}
.row.drow .row{
	display: block;
}
.m_bottom_10{
	margin-bottom: 8px;
}
.wrp_frm{
	padding-bottom: 25px;
}
.nrtn_holder{
	padding: 0 15px;
}


/* end runtest_bill_entry */

/* monitoring-entry css */

.plgout-date{
	position: relative;
}

.append-divwrp{
	background: #fff;
    padding: 3px;
    height: auto;
    position: absolute;
    right: 16px;
    top: 20px;
}

.append-divwrp p{
	margin: 0;
    font-size: 11px;
}
.plgout{
	padding: 3px;
	background: #fff;
	vertical-align: middle;
	margin-top: 18px;
	min-height: 26px;
}
.plgout p{
	margin: 0;
    font-size: 10px;
    line-height: 14px;
}

.plug-in-out {
    padding: 2px 5px;
    background: #2789df;
    font-size: 11px;
    display: inline-block;
    position: relative;
    color: #fff;
    top: 50px;
}

/* end monitoring-entry css */

.vslrow{
	position: relative;
}

.cstmselect1{
	background: #fff url(../images/sort.png) no-repeat;
	background-size:11px;
	background-position: right 6px center;
}

.multiSelUl{
	position: absolute;
	left: 0;
	top: 100%;
    background: #fff;
    padding: 10px 0;
    height: 100px;
    width: 100%;
    overflow-y: auto;
    z-index: 99;
    box-shadow: 0 5px 15px -13px #585858;
	margin: 0;
	display: none;
}

.vslrow input[type="text"]:focus + .multiSelUl,
.multiSelUl:hover{
	display: block;
}

.multiSelUl li{
	padding: 2px 5px;
	font-size: 13px;
	color: #000;
	margin: 0 0 3px 0;
	cursor: pointer;
}
.multiSelUl li:hover{
	background-color: #0a365d;
	color: #fff;
}

.multiSelUl li span{
	display: block;
}

.multiSelUl::-webkit-scrollbar {
	width: 5px;
  }
   
  .multiSelUl::-webkit-scrollbar-track {
	background: #f6f6f6;
  }
   
  .multiSelUl::-webkit-scrollbar-thumb {
	background: #829edf;
  }

@media(max-width:1199px){
	.last-added-container-no{
		left: 361px
	}
	.ok-or-not{
		left: 242px;
	}
}