@font-face {
    font-family: DroidKufi-Bold;
    src: url('../fonts/DroidKufi-Bold.ttf '),
    url('../fonts/DroidKufi-Bold.eot');
}

@font-face {
    font-family: DroidKufi-Regular;
    src: url('../fonts/DroidKufi-Regular.ttf'),
    url('../fonts/DroidKufi-Regular.eot');
}


/* Custom CSS
 * --------------------------------------- */
body{
	font-family: DroidKufi-Regular;
	font-size: 14px;
	color: #657278;
}
body {
    background: #fff;
}
h1, h2, h3, h4, h5, h6 {
    font-family: DroidKufi-Regular;
    font-weight: normal;
    color: #0a4c7d;
    margin: 0 0 30px;
}
h1 {
    color: #0a4c7d;
    font-size: 24px;
    line-height: 1.2;
    margin: 10px 0 20px;
    font-weight: bold;
}
h2 {
    font-size: 20px;
    color: #0a4c7d;
    font-weight: bold;
    font-family: DroidKufi-Bold;
    margin: 0 0 30px;
}
img{
	max-width: 100%;
}
ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
}
a{
	color: #337ab7;
	-webkit-transition: all .5s ease;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
}
a:hover{
	text-decoration: none;
}
img{
	max-width: 100%;
	height: auto;
}
@media (min-width: 1400px){
	.container{
		max-width: 1290px;
	}
}
.btn{
	padding: 14px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.radius-0{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.btn-theme{
	font-family: DroidKufi-Bold;
	font-weight: bold;
	font-size: 16px;
	position: relative;
}
.m-width{
	min-width: 260px;
	text-align: center;
}
.btn-sm{
	padding: 4px 10px;
}
.btn-success{
	background: #3ad671;
	border-color: #3ad671;
}
	.btn-success:hover,
	.btn-success:active,
	.btn-success:focus{
		background: #14b44c;
		border-color: #14b44c;
	}
.btn-primary{
	background: #337ab7;
	border-color: #337ab7;
}
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus {
        background: #0a4c7d;
        border-color: #0a4c7d;
    }

    .btn-primary[disabled], .btn-primary[disabled]:hover {
        background-color: #ccd2db;
        color: #0a4c7d;
        border-color: #ccd2db;
    }
.btn-warning{
	background: #fba148;
	border-color: #fba148;
	color: #fff;
}
	.btn-warning:hover,
	.btn-warning:active,
	.btn-warning:focus{
		background: #f1963c;
		border-color: #f1963c;
		color: #fff !important;
	}
.btn-danger{
	background: #ff5c58;
	border-color: #ff5c58;
}
	.btn-danger:hover,
	.btn-danger:active,
	.btn-danger:focus{
		background: #f2403c;
		border-color: #f2403c;
	}
.btn-info{
	background: #5ea8e7;
	border-color: #5ea8e7;
}
	.btn-info:hover,
	.btn-info:active,
	.btn-info:focus{
		background: #43a1f1;
		border-color: #43a1f1;
	}
.arrow-left:after,
.arrow-right:after{
	content: "\f104";
	font:normal normal normal 14px/1 FontAwesome;
	position: absolute;
	left: 25px;
	top: 12px;
	color: #fff;
	font-size: 28px;
	display: block;
}
.arrow-right:after{
	content: "\f105";
	left: auto;
	right: 25px;
}
.btn-dull{
	color: #044c7f;
	background: #ccd2db;
}
.btn-dull:hover,
.btn-dull:active{
	background: #b1b6bf;
}
.btn-dull:after{
	color: #044c7f;
}
.btn-outline-warning{
	color: #ff8409;
}
.btn.btn-outline-warning:hover,
.btn.btn-outline-warning:active,
.btn.btn-outline-warning:focus{
	background-color: #ff8409 !important;
	color: #fff !important;
}
.dropdown-item{
	font-size: 12px;
}
.m-150{
	min-width: 150px;
	text-align: center;
}


/*header start*/
.header-wrap{
	background: #fff;
	-moz-box-shadow: 0 0 7px rgba(50,51,50, 0.33);
	-webkit-box-shadow: 0 0 7px rgba(50,51,50, 0.33);
	box-shadow: 0 0 7px rgba(50,51,50, 0.33);
}
.header{
	padding: 25px 0 17px;
}
.header-left{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	text-align: left;
}
.header-left .btn{
	font-size: 12px;
	height: 34px;
	line-height: 31px;
	padding: 0 15px;
	letter-spacing: 0.6px;
	position: relative;
	z-index: 1;
	border: none;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 8px rgba(87, 107, 136, 0.16);
	-webkit-box-shadow: 1px 1px 8px rgba(87, 107, 136, 0.16);
	box-shadow: 1px 1px 8px rgba(87, 107, 136, 0.16);
	margin-right: 15px;
}
.header-left .btn img,
.header-left .btn span{
	display: inline-block;
	vertical-align: middle;
	padding: 0 2px;
}
.header-left .btn-default{
	color: #044c7f;
}
.header-left .btn-outline-warning:hover{
	background: #fff;
	color: #ff8409;
	opacity: 0.7;
}
.header-left .dropdown-toggle::after{
	vertical-align: 0.155em;
}
.btn-outer{
	position: relative;
}
.num{
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	position: absolute;
	left: 10px;
	top: -21px;
	width: 23px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	background-color: #ff8409;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.nav-wrap{
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.nav-wrap .container{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.navbar{
	background: none;
	padding: 0;
	border: none;
	box-shadow: none;
}
.navbar-nav > li{
	padding-left: 20px;
}
.navbar-nav > li > a{
	display: block;
	font-size: 14px;
	color: #080808;
	font-size: 14px;
	padding: 15px;
}
.navbar-nav > li.active > a,
.navbar-nav > li > a:hover{
	color: #337ab7;
}
.back-link a{
	color: #080808;
}
.tagline{
	text-align: left;
}
.header-txt a{
	color: #080808;
}
/*header end*/


.main-wrap{
	padding: 30px 0 50px;
}
.article-section{
	padding: 35px 30px;
	margin: 0 0 15px;
	background-color: #fcfcfc;
	-moz-box-shadow: 1px 1px 8px rgba(87, 107, 136, 0.16);
	-webkit-box-shadow: 1px 1px 8px rgba(87, 107, 136, 0.16);
	-moz-box-shadow: 1px 1px 8px rgba(87, 107, 136, 0.16);
	-webkit-box-shadow: 1px 1px 8px rgba(87, 107, 136, 0.16);
	box-shadow: 1px 1px 8px rgba(87, 107, 136, 0.16);
	border-radius: 5px;
}
.font-black{
	color: #657278;
}
.font-normal{
	font-weight: normal;
	font-family: DroidKufi-Regular;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}


.nav-tabs-wrap{
}
.nav-tabs{
	border: none;
	border-bottom: 1px solid #9db8d0;
	padding: 0 30px !important;
	margin: 0 -30px;
	display: block;
}
	.nav-tabs .nav-item{
		float: right;
		width: 20%;
		text-align: center;
		padding: 35px 4px 0;
		position: relative;
		margin: 0;
	}
	.nav-tabs .nav-link{
		color: #657278;
		font-size: 14px;
		background-color: #e2e7ef;
		padding: 18px 0 0;
		height: 90px;
		position: relative;
	}
	.nav-tabs .nav-link .icon-contain{
		min-height: 28px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		display: block;
	}
	.nav-tabs .nav-link .dark-img{
		display: none;
	}
	.nav-tabs .nav-link .normal-img{
		display: block;
		margin: 0 auto;
	}
	.nav-tabs .nav-link strong{
		display: block;
		padding: 8px 0 0;
	}
	.nav-tabs .nav-link .tabs-count{
		font-family: 'Roboto', sans-serif;
		font-style: normal;
		position: absolute;
		left: 0;
		top: -40px;
		width: 100%;
		text-align: center;
		color: #657278;
		font-style: 16px;
	}
	.nav-tabs .nav-link .tabs-count:before{
		content: " ";
		height: 1px;
		width: 88%;
		position: absolute;
		left: 55%;
		top: 50%;
		margin-top: -1px;
		/*background: #d4d4d4;*/
		border-bottom: 2px dotted #d4d4d4;
	}
	.nav-tabs > li:first-child .nav-link .tabs-count:before{
		display: none;
	}

	.nav-tabs .nav-link.active{
		color: #337ab7;
		/*box-shadow: 0 3px 11px rgba(9, 136, 255, 0.33);*/
		box-shadow:1px -1px 3px rgba(9, 136, 255, 0.33);
		border: 1px solid #00aeef;
		border-bottom-color: #fff;
		background: transparent;
		bottom: -1px;
	}
	.nav-tabs .nav-link.active .dark-img,
	.nav-tabs .nav-link.previous-square-active .dark-img{
		display: block;
		margin: 0 auto;
	}
	.nav-tabs .nav-link.active .normal-img,
	.nav-tabs .nav-link.previous-square-active .normal-img{
		display: none;
	}
	.nav-tabs .nav-link.active .tabs-count,
	.nav-tabs .nav-link.previous-square-active .tabs-count{
		font-weight: bold;
		color: #3b84d7;
	}
	.nav-tabs .nav-link.active .tabs-count:before,
	.nav-tabs .nav-link.previous-square-active .tabs-count:before{
		/*background: #3b84d7;*/
		border-bottom: 2px solid #3b84d7;
	}

	.nav-tabs .nav-link.previous-square-active{
		background-color: #c4ecfb;
		color: #3b84d7;
	}
.tab-content{
	padding: 50px 10px 20px;
	/*border-top: 1px solid #9db8d0;*/
}

.nav-tabs-circle{
	padding: 30px 0 20px;
	max-width: 760px;
	margin: 0 auto;
}
	.nav-tabs-circle .nav-tabs{
		border: none;
		padding: 0 !important;
		margin: 0;
	}
	.nav-tabs-circle .nav-tabs .nav-item{
		width: 25%;
		padding: 0;
		position: relative;
	}
		.nav-tabs-circle .nav-tabs .nav-item a:before{
			content: " ";
			width: calc(100% - 80px);
			position: absolute;
			left: 135px;
			top: 35px;
			/*background: #d4d4d4;*/
			border-bottom: 2px dotted #d4d4d4;
		}
		.nav-tabs-circle .nav-tabs .nav-item:first-child a:before{
			display: none;
		}
		.nav-tabs-circle .nav-tabs .nav-item a.active:before,
		.nav-tabs-circle .nav-tabs .nav-item a.previous-active:before{
			/*background: #337ab7;*/
			border-bottom: 2px solid #337ab7;
		}
	.nav-tabs-circle .nav-tabs .nav-link{
		height: auto;
		padding: 0;
		background: none;
		border: none;
		color: #99a0aa;
	}
	.nav-tabs-circle .nav-tabs .nav-link.active{
		border: none;
		bottom: auto;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.nav-tabs-circle .tabs-circle{
		display: block;
		margin: 0 auto;
	}
	.nav-tabs-circle .tabs-circle img{
		margin: 0 auto;
	}
		.circle-img-active,
		.circle-img-visited{
			display: none;
		}
	.nav-tabs-circle .nav-tabs .nav-link.active .circle-img-normal{
		display: none;
	}
	.nav-tabs-circle .nav-tabs .nav-link.active .circle-img-active{
		display: block;
	}
		.nav-tabs-circle .nav-tabs .nav-link.previous-active .circle-img-normal,
		.nav-tabs-circle .nav-tabs .nav-link.previous-active .circle-img-active{
			display: none;
		}
		.nav-tabs-circle .nav-tabs .nav-link.previous-active .circle-img-visited{
			display: block;
		}

.nav-tabs-circle-five .nav-tabs .nav-item{
	width: 20%;
}
	.nav-tabs-circle-five .nav-tabs .nav-item a:before{
		left: 115px;
	}
.nav-tabs-circle-three .nav-tabs .nav-item{
	width: 33.33%;
}
	.nav-tabs-circle-three .nav-tabs .nav-item a:before{
		left: 167px;
	}



.form-section{
}
	.wrap{
		display: flex;
		flex-wrap: wrap;
	}
	.form-section label{
		display: inline-block;
		/*width: inherit;*/
		color: #657278;
		font-size: 14px;
		margin: 0 0 10px;
		padding: 7px 0 0;
		/*width: 182px;*/
		text-align: right;
		position: relative;
	}
	.req{
		position:absolute;
		left: -8px;
		top: 2px;
		color: #f52405;
        text-align:right;
     }

.col-lg-3 .req {
    position: static;
    padding-right: 5px;
    display: block;
    float: left;
    margin-top: -3px;
    /*left: 30px !important;
    top: 2px;
    color: #f52405;
    text-align: right;*/
}

.form-control {
    font-family: DroidKufi-Bold;
    background: #fff;
    border: 1px solid #99bddb;
    font-size: 14px;
    color: #044c7f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-right: auto;
}
	.form-control.is-invalid{
		border-color: #ff0000 !important;
		background: #fff;
		color: #ff0000;
	}
	.was-validated .form-control:invalid,
	.form-control.is-invalid{
		border-color: #ff0000 !important;
	}
.error-field-wrap {
    color: #ff0000;
    font-size: 12px;
    display: block;
    padding:0 0 10px;
    margin-top:-15px
}
		.invalid-feedback{
			color: #ff0000;
			font-size: 12px;
			margin:0 0 10px;
		}
		.mt-neg{
			margin-top: 0px;
		}
		.mt-neg-ls{
			margin-top: -6px;
		}
	.disable-normal.form-control{
		background: #fff;
		border: 1px solid #99bddb;
	}
	.form-section .form-control{
		width: calc(100% - 203px);
	}
	.form-section .error-field-wrap,
	.form-section .invalid-feedback{
		width: calc(100% - 203px);
		margin-right: auto;
	}
	.wrap-in{
		width: calc(100% - 203px);
		margin-right: auto;
	}
		.wrap-in .form-control{
			width: 100%;
		}
		.form-section .gj-datepicker{
			width: calc(100% - 203px);
			margin-right: auto;
			position: relative;
		}
		.form-section .gj-datepicker .form-control{
			width: 100%;
			-moz-border-radius: 3px !important;
			-webkit-border-radius: 3px !important;
			border-radius: 3px !important;
		}
            .form-section .gj-datepicker .btn {
                margin-right: -22px !important;
                position: absolute;
                /*left: 12px;  changes*/ 
                top: 9px;
                border: none;
                font-size: 0;
                padding: 0 !important;
                background: url(../images/datepicker.png) no-repeat !important;
                background-size: 100% auto !important;
                width: 17px;
                height: 17px;
            }
		.form-section .gj-datepicker .gj-icon{
			display: none;
		}
		.gj-picker .gj-icon{
			position: relative;
			font-size: 0 !important;
			outline: none !important;
			background: none !important;
			border: none !important;
		}
		.gj-picker .chevron-left:after{
			content: "\f105";
			font:normal normal normal 14px/1 FontAwesome;
			font-size: 26px;
			color: #000;
		}
		.gj-picker .chevron-right:after{
			content: "\f104";
			font:normal normal normal 14px/1 FontAwesome;
			font-size: 26px;
			color: #000;
		}
	select.form-control{
		height: 36px;
		padding: 0px 10px 2px;
		position: relative;
		/*-webkit-appearance:none;*/
	}


.datecustomAlign {
    float: right;
    margin-right: 0;
}

	.form-section .label-info{
		width: calc(100% - 203px);
		font-weight: bold;
		color: #044c7f;
		font-family: DroidKufi-Bold;
		padding: 6px 0;
		margin-right: auto;
		margin-bottom: 10px;
	}
.wrap-break{
	display: block;
}
	.form-section .wrap-break .form-control{
		width: 100%;
	}
	.form-section .wrap-break label{
		text-align: right;
		width: auto;
	}
.wrap-sm{
}
	.wrap-sm label{
		width: 110px;
	}
	.wrap-sm .form-control,
	.wrap-sm .label-info{
		width: calc(100% - 133px);
	}
.form-section .custom-control{
	padding: 0;
}
	.custom-control .custom-control-label{
		width: auto;
		padding: 0 30px 0 0;
	}
.font-roboto{
	font-family: 'Roboto', sans-serif !important;
}
.form-control.font-roboto{
	font-weight: bold;
}
.visible-hidden{
	visibility: hidden;
	font-size: 0;
	height: 0;
	overflow: hidden;
}

.center-btn{
	text-align: center;
}
.form-sub-section{
	padding: 0 0 45px;
}
.form-sub-section h3{
	font-size: 14px;
	font-weight: bold;
	color: #657278;
	font-family: DroidKufi-Bold;
	border-bottom: 1px solid #9db8d0;
	padding: 0 0 10px;
	margin: 0 0 20px;
}
.form-sm-info{
	text-align: left;
	color: #aeb6ba;
	font-size: 12px;
}
.choose-wrap{
	position: relative;
	width: calc(100% - 193px);
	margin-right: auto;
}
.choose-wrap .form-control{
	padding-right: 130px;
	font-weight: normal;
	font-family: DroidKufi-Regular;
}
.choose-wrap .choose-label{
	position: absolute;
	right: 20px;
	top: 0;
	height: 35px;
	border-left: 1px solid #99bddb;
	font-size: 14px;
	color: #044c7f;
	padding: 8px 0 0 10px;
}
.choose-detail{
	display: none;
	position: relative;
	padding: 0 35px 30px 0;
	color: #657278;
	font-style: 14px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
.mt-15-neg{
	margin-top: -15px;
}
.choose-show{
	display: block;
}
	.choose-close{
		position: absolute;
		right: 0;
		top: 0;
	}
	.choose-detail-inner{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.choose-detail p{
		margin: 0 0 5px;
	}
	.choose-detail p span{
		display: inline-block;
		min-width: 35px;
	}
	.choose-desc{
		width: calc(100% - 120px);
	}
	.choose-img{
		max-width: 100px;
		margin-left: 20px;
	}

.alert{
	font-size: 16px;
	position: relative;
}
.alert span,
.alert img{
	display: inline-block;
	vertical-align: middle;
}
.alert-danger{
	color: #f52405;
}
.alert.alert-icon-contain{
	padding-right: 65px;
}
.from-tablet{
	display: none;
}
.alert-icon{
	position: absolute;
	right: 18px;
	top: 13px;
}
.blank-info{
	text-align: center;
	padding: 40px 0 70px;
}
	.blank-info span{
		display: block;
		color: #337ab7;
		margin: 0 0 30px;
	}
	.blank-info .btn{
		padding: 12px 90px;
		font-weight: bold;
		font-family: DroidKufi-Bold;
	}
.bdr-bottom{
	border-bottom: 1px solid #ddd;
}
.table-header-dark.table tr th{
	background-color: #d6ecf4;
	color: #657278;
	font-family: DroidKufi-Bold;
	font-weight: bold;
	padding: 10px 15px 10px 10px;
	font-size: 12px;
	border: none;
	outline: none;
}
	table.dataTable.no-footer{
		border: none;
	}
	table.dataTable.stripe tbody tr.odd,
	table.dataTable.display tbody tr.odd,
	table.dataTable.display tbody tr.even>.sorting_1,
	table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
	table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
		background: none !important;
	}
	.table-header-dark.table tr th:nth-child(9),
	#dataTbale tr th:nth-child(10){
		background-image: none !important;
	}
.table-header-dark.table tr th.w-75p,
.table-header-dark.table tr th:nth-child(9){
	width: 65px !important;
	text-align: center;
}
.table-header-dark.table tr th:nth-child(4){
	width: 115px !important;
}
.table-width-auto.table tr th:nth-child(4){
	width: auto !important;
}
	.table-header-dark.table tr td{
		vertical-align: middle;
		padding: 10px 15px 10px 10px;
	}
	.table-header-dark.table tr:hover td,
	#dataTbale.table-header-dark.table tr:hover td{
		background-color: #f7f4d1 !important;
		border-color: #f7f4d1 !important;
	}
	.table-link{
		display: inline-block;
		color: #044c7f;
		text-decoration: underline;
		padding: 4px 25px 6px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.table-link:hover,
	.table-header-dark.table tr:hover .table-link{
		background: #3b84d7;
		color: #fff;
		text-decoration: none;
	}
	.table-label{
		text-align: left;
		margin: 0 0 10px;
	}
	.table-label a{
		display: inline-block;
		color: #fff;
		background: #8b97a9;
		padding: 4px 25px 6px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.table-label a:hover{
		background: #3b84d7;
		color: #fff;
	}
.table td,
.table th{
	border-color: #d6ecf4;
	color: #044c7f;
}

/* table widths*/
.boinbox-table-wrap .table-link{
	padding: 4px 12px 6px;
	font-size: 12px;
}
.boinbox-table-wrap .custom-control{
	margin: 0;
	padding: 0;
}
.boinbox-table-wrap .table-header-dark.table tr th:nth-child(3){
	min-width: 140px;
}
.boinbox-table-wrap{
}
.boinbox-table-wrap{
}


.links a{
	color: #657278;
	text-decoration: underline;
}
	.links a:hover{
		text-decoration: none;
	}
.login-page{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

}
.login-wrap{
}
.loign-header{
	/*display: flex;*/
	flex-wrap: wrap;
	align-items: center;
	padding: 0px 0 12px;
}
	.login-logo{
		max-width: 288px;
	}
.login-tagline {
    font-size: 24px;
    color: #044c7f;
    font-weight: bold;
}
.color-success{
	color: #05891f;
}
.color-danger{
	color: #fc5e60;
}
.login-contain{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	background:#fff url(../images/login-bg.svg) left top no-repeat;
}
.login-contain:before{
	content: " ";
	width: 40%;
	height: 100%;
	background: #c0e2ff;
	position: absolute;
	right: 0;
	top: 0;
}
.login-right{
	width: 40%;
	padding: 80px 100px 20px;
	position: relative;
}
	.login-form{
		max-width: 345px;
	}
        .login-form h2 {
            text-align: center;
            color: #0a4c7d;
            font-size: 24px;
            font-weight: bold;
            font-family: DroidKufi-Bold;
            margin: 0 0 25px;
        }
	.login-form label{
		display: block;
		color: #044c7f;
		margin: 0 0 5px;
	}
	.login-form .form-control{
		height: 46px;
		line-height: 46px;
		padding: 0 10px;
		margin: 0 0 15px;
		border: 1px solid #9ccdf7;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.login-form .btn{
		margin: 30px 0 35px;
		height: 46px;
		line-height: 46px;
		padding: 0 10px;
	}
	.login-contain ul,
	.login-contain li{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.login-contain ul{
		padding: 0 0 25px;
	}
	.login-contain li{
		position: relative;
		border-right: 4px solid #337ab7;
		padding-right: 10px;
		line-height: 1;
		margin: 0 0 15px;
	}
	.login-contain li a{
		color: #044c7f;
		text-decoration: underline;
	}
	.login-contain li a:hover{
		text-decoration: none;
	}
.login-left {
    width: 60%;
    padding: 80px 70px 20px;
    color: #044c7f;
}
	.login-left p{
		line-height: 1.9;
		margin: 0 0 25px;
        font-size:16px;
	}
	.login-left li{
		border-color: #ff8409;
		font-weight: bold;
		font-family: DroidKufi-Bold;
		margin: 0 0 20px;
	}
.info-desc{
	border-bottom: 1px solid #e2eaf1;
	padding: 0 0 5px;
	margin: 0 0 25px;
}
.info-desc h4{
	color: #044c7f;
	font-size: 14px;
	font-weight: bold;
	font-family: DroidKufi-Bold;
	border-bottom: 1px solid #e2eaf1;
	padding: 0 0 14px;
	margin: 0 0 20px;
}
	.form-section .info-desc .label-info{
		color: #3b84d7;
		font-weight: normal;
		font-family: DroidKufi-Regular;
	}
.radio-btn{
	display: inline-block;
	padding: 15px 60px 15px 15px;
	min-width: 260px;
	text-align: right;
	font-size: 16px;
	position: relative;
	color: #044c7f;
	background: #ecf0f6;
	border: 2px solid #a5b2c5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.radio-btn:before{
		content: " ";
		background: url(../images/radio-default.png) no-repeat;
		width: 15px;
		height: 15px;
		position: absolute;
		right: 26px;
		top: 20px;
	}
.radio-btn.active{
	background: #afd4ff;
	border: 2px solid #3b84d7;
}
	.radio-btn.active:before{
		background: url(../images/radio-active.png) no-repeat;
	}
	.radio-gap .radio-btn{
		margin: 0 5px 10px;
	}

.input-wrap{
	display: inline-block;
	padding: 0;
	min-width: 260px;
	text-align: right;
	font-size: 16px;
	position: relative;
	color: #044c7f;
	background: #ecf0f6;
	margin: 0 5px 7px;
	border: 2px solid #a5b2c5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.input-wrap input{
		position: absolute;
		right: 20px;
		top: 19px;
	}
	.input-wrap label{
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: right;
		cursor: pointer;
		padding: 15px 60px 15px 15px;
	}

.modal{
}
	.modal-header{
		background: #f9fafc;
		border-bottom: 1px solid #e7e8ea;
		padding: 20px 25px;
	}
	.modal-title{
		font-style: 24px;
		color: #3b84d7;
	}
	.color-black{
		color: #000;
	}
	.modal-footer{
		background: #f9fafc;
		border-top: 1px solid #e7e8ea;
		padding: 30px;
	}
		.modal-footer .btn{
			font-weight: bold;
			font-family: DroidKufi-Bold;
		}
		.modal-footer .btn span,
		.modal-footer .btn img{
			display: inline-block;
			vertical-align: middle;
			padding: 0 2px;
		}
	.btn-lg-wrap .btn{
		padding: 12px 20px;
		min-width: 240px;
		text-align: center;
		margin: 0 auto;
	}
		.btn-lg-wrap .btn span{
			padding-right: 10px;
		}
	.footer-btns{
		width: 100%;
	}
		.footer-btns ul,
		.footer-btns li{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.footer-btns ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		.footer-btns li{
			margin: 0 2px 5px;
		}
.highlighted-section{
	margin: 0 0 20px;
}
	.highlighted-section ul,
	.highlighted-section li{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.highlighted-section li{
		display: flex;
		flex-wrap: wrap;
		line-height: 1.7;
		padding: 10px;
	}
	.highlighted-section li:hover{
		background: #fcf9e9;
	}
		.high-right{
			/*width: 220px;*/
			color: #657278;
			text-align: right;
			margin-left: auto;
			position: relative;
		}
            .high-right .req {
                left: -9px;
                top: 0;
                text-align: right;
            }
		.high-left{
			width: calc(100% - 240px);
			color: #044c7f;
			font-weight: bold;
			font-family: DroidKufi-Bold;
		}
		.highlighted-sm .high-right{
			width: 150px;
		}
		.highlighted-sm .high-left{
			width: calc(100% - 170px);
		}
		.highlighted-section h3{
			font-size: 14px;
			color: #a3a9b2;
			padding: 0 0 5px;
			border-bottom: 1px solid #9db8d0;
			margin: 0 0 20px;
		}
		.clr-red{
			color: #ff5c58;
		}
		.btn-outline-primary{
			display: inline-block;
			font-family: DroidKufi-Regular;
			font-weight: normal;
			color: #657278;
			padding: 4px 25px;
			border: 1px solid #9db8d0;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
			.btn-outline-primary span,
			.btn-outline-primary img{
				display: inline-block;
				vertical-align: middle;
				padding: 0 2px;
			}
.radio-parent{
	padding: 30px;
}
	.radio-parent ul,
	.radio-parent li{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.radio-parent li{
		width: 100%;
	}
	.radio-parent li a{
		display: block;
		width: 100%;
		font-family: DroidKufi-Bold;
		padding: 5px 60px 5px 75px;
		font-weight: bold;
		color: #044c7f;
		position: relative;
	}
	.radio-noral-font li a,
	.radio-noral-font li .form-control{
		font-weight: normal;
		font-family: DroidKufi-Regular;
		color: #657278;
	}
	.radio-parent li a:hover,
	.radio-parent li.active a{
		background: #fcf9e9;
	}
		.radio-parent li a:before{
			content: " ";
			background: url(../images/radio-default.png) no-repeat;
			width: 15px;
			height: 15px;
			position: absolute;
			right: 26px;
			top: 17px;
		}
		.radio-parent li.active a:before{
			background: url(../images/radio-active.png) no-repeat;
		}
		.count{
			position: absolute;
			left: 20px;
			top: 13px;
			font-style: normal;
			display: inline-block;
			background: #e8ebf0;
			color: #044c7f;
			padding: 2px 15px;
			min-width: 45px;
			text-align: center;
			font-family: 'Roboto', sans-serif;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
	.radio-parent li a img,
	.radio-parent li a span{
		display: inline-block;
		padding-right: 10px;
	}
	.radio-parent li a .num-radio{
		font-style: normal;
		font-size: 16px;
		color: #657278;
		font-family: 'Roboto', sans-serif;
	}
.radio-simple li a{
	padding: 15px 60px 15px 5px;
}
.page-error-content{
	text-align: center;
}
	.page-error-content h2{
		font-size: 20px;
		color: #f42304;
		font-weight: normal;
		margin: 0;
		padding: 0 0 20px;
	}
	.page-error-content p{
		line-height: 2;
		margin: 0 0 25px;
	}
	.page-error-content .btn{
		padding: 12px 30px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
.request-title{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #edf0f6;
	margin: 0 -30px 25px;
	padding: 0 30px;
}
	.request-title-right{
		padding: 0 0 17px;
	}
	.request-title-right h2{
		color: #3b84d7;
		font-size: 24px;
		font-family: 'Roboto', sans-serif;
		margin: 0 0 5px;
	}
	.bread-req-wrap{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
		.breadcrumb{
			background: none;
			margin: 0;
			padding-right: 0;
		}
		.breadcrumb-item+.breadcrumb-item::before{
			padding: 0 .5rem;
			color: #8cabb6;
		}
		.back-req{
			border: 1px solid #a9a8a6;
			color: #657278;
			display: inline-block;
			padding: 5px 17px 4px;
			text-transform: uppercase;
			font-size: 12px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		.back-req:hover{
			color: #fff;
			background: #3b84d7;
			border-color: #3b84d7;
		}
	.request-title-left{
		margin-right: auto;
	}
		.request-title-left a{
			display: inline-block;
			font-size: 16px;
			color: #28c45f;
			text-transform: uppercase;
			font-weight: bold;
			font-family: 'Roboto', sans-serif;
			margin: 0 40px 20px 0;
		}
		.request-title-left a.not-verified{
			color: #ff5c58;
		}
			.request-title-left a img,
			.request-title-left a span{
				display: inline-block;
				vertical-align: middle;
			}
			.request-title-left a img{
				height: 32px;
			}
.option-top-wrap{
	display: flex;
	flex-wrap: wrap;
}
	.option-top{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 0 0 20px 40px;
	}
	.option-top.form-section{
		margin-left: 0;
	}
	.option-top-wrap .form-control,
	.search-icon-wrap{
		width: 200px;
		font-weight: normal;
		margin: 0;
	}
	.option-top-wrap .option-top label{
		font-family: 'Roboto', sans-serif;
		display: inline-block;
		width: auto;
		padding: 10px 0 0;
		margin-left: 20px;
	}
	.option-top-wrap .form-section .gj-datepicker{
		margin: 0;
		width: auto;
	}
	.search-icon-wrap{
		position: relative;
	}
	.search-icon-wrap .fa{
		position: absolute;
		left: 15px;
		top: 9px;
		color: #979fa3;
	}
	.search-icon-wrap .form-control{
		padding-left: 35px;
	}
	.option-top-wrap .gj-datepicker{
		margin: 0 7px !important;
		width: 35% !important;
	}
.request-bot{
	border-top: 1px solid #edf0f6;
	margin: 25px -30px 0;
	padding: 35px 30px 20px;
}

/* Responsive break points */
@media (min-width: 1450px){
	.modal-xl{
		max-width: 1350px;
	}
}
@media (min-width: 767px){
	.modal-theme{
		max-width: 640px;
	}
	.modal-theme-md{
		max-width: 470px;
	}
}

@media (max-width: 1400px){
	.option-top-wrap .form-control,
	.search-icon-wrap{
		width: 160px;
	}
}
@media (max-width: 1200px){
	.header-left .btn{
		font-size: 11px;
		padding: 0 10px;
	}
	.login-right,
	.login-left{
		padding:80px 40px;
	}
	.high-right{
		width: 150px;
	}
	.high-left{
		width: calc(100% - 170px);
	}
	.table-ten-column{
		display: block;
		width: 100%;
		overflow-x: auto;
	}

	#dataTbale tr th:nth-child(2){
		min-width: 100px;
	}
	#dataTbale tr th:nth-child(5),
	#dataTbale tr th:nth-child(6),
	#dataTbale tr th:nth-child(7){
		min-width: 100px;
	}
	.table-ten-column tr th:nth-child(2),
	.table-ten-column tr th:nth-child(6),
	.table-ten-column tr th:nth-child(7){
		min-width: 130px !important;
	}
	.table-ten-column tr th:nth-child(4){
		min-width: 100px;
	}
	.table-ten-column.table tr th{
		font-size: 13px;
	}
	/*.option-top-wrap{
		width: 100%;
	}
	.option-top{
		width: 30%;
		margin: 0;
		padding: 0 0 20px 40px;
	}
	.option-top.form-section{
		width: 35%;
	}*/
	.option-top.form-section{
		width: 300px;
	}
}
@media (max-width: 992px){
	.from-tablet{
		display: block;
	}
	h1{
		font-size: 22px;
	}
	h2{
		font-size: 18px;
	}
	.header-wrap{
		position: relative;
		box-shadow: none;
		z-index: 1;
	}
	.header{
		padding: 15px 0;
		-moz-box-shadow: 0 0 7px rgba(50,51,50, 0.33);
		-webkit-box-shadow: 0 0 7px rgba(50,51,50, 0.33);
		box-shadow: 0 0 7px rgba(50,51,50, 0.33);
	}
	.logo{
		text-align: center;
	}
	.logo img{
		max-height: 60px;
	}
    .header-left {
        display: block;
        margin: 0 auto;
    }
	.header-txt{
		text-align: center;
		padding-top: 10px;
	}
	.header .row > div{
		position: static;
	}
    .rasail-wrap {
        float: right;
        display: inline-block;
    }
    .marhaba-desktop,
    .harooj-desktop {
        display: inline-block;
        float: right;
    }
	.nav-wrap{
		background: #ecf0f6;
		padding: 15px 0;
		border-bottom: 1px solid #ccc;
	}
	.navbar-toggler{
		position: absolute;
		right: 15px;

	}
	.navbar{
		position: static;
	}
	.navbar-collapse{
		position: absolute;
		right: 0;
		top: 50px;
		width: 100%;
		padding: 15px;
		background: #fff;
		border-top: 1px solid #e7e7e7;
	}
	.navbar-nav > li > a img,
	.navbar-nav > li > a span{
		display: inline-block;
		vertical-align: middle;
	}
	.nav-tabs .nav-link{
		font-size: 12px;
	}
	.loign-header{
		display: block;
		padding: 15px 0;
		text-align: center;
	}
		.login-logo{
			margin: 0 0 10px;
		}
		.login-logo img{
			max-height: 60px;
		}
		.login-tagline{
			font-size: 14px;
            font-weight:bold;
		}
	.login-right,
	.login-left,
	.login-contain:before{
		width: 50%;
		padding: 60px 30px;
	}
	.nav-tabs-circle .nav-tabs .nav-item a:before{
		left: 119px;
	}
		.nav-tabs-circle-five .nav-tabs .nav-item a:before{
			left: 103px;
		}
		.nav-tabs-circle-three .nav-tabs .nav-item a:before{
			left: 145px;
		}
	.radio-btn{
		min-width: 150px;
	}
	.input-wrap{
		min-width: 150px;
	}
    .nav-wrap {
        padding: 25px 0;
    }
    .hdr-logo {
        padding-right: 30px !important;
        padding-top: 12px;
        max-width: 25%;
        flex: 0 0 25%;
        width: 25%;
        float: right;
    }

    body #logo_kwt {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
        height: auto;
    }
    .hdr__callTo {
        max-width: 75%;
        flex: 0 0 75%;
        width: 75%;
        float: right;
    }
}

@media (max-width: 768px) {

    .hdr-logo {
        padding-right: 30px !important;
        padding-top: 12px;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }

    .hdr__callTo {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
    }

    body .header-left {
        margin: 25px 0px 0px 0;
        width: 100%;
        float: right;
    }

    .header-left .dropup, .header-left .dropright, .header-left .dropdown, .header-left .dropleft {
        position: relative;
        float: right;
    }
}

@media (max-width: 767px){
	h1{
		font-size: 20px;
	}
	.m-width{
		min-width: 200px;
	}
	.rasail-wrap .btn span{
		display: none;
	}
	.nav-tabs .nav-link strong{
		display: none;
	}
	.nav-tabs .nav-link{
		height: auto;
		padding: 8px 0 12px;
	}
	.nav-tabs .nav-link .tabs-count{
		position: static;
		display: block;
		font-size: 16px;
		padding: 0 0 7px;
	}
	.nav-tabs .nav-link .tabs-count:before{
		display: none;
	}
	.wrap{
		display: block;
	}
	.form-section label{
		text-align: right;
		width: auto;
	}
	.form-section .form-control,
	.choose-wrap,
	.form-section .label-info,
	.form-section .gj-datepicker{
		width: 100%;
	}
	.form-section .error-field-wrap,
	.wrap-in,
	.form-section .invalid-feedback{
		width: 100%;
	}
	.form-bts{
	}
	.form-bts a,
	.form-bts button{
		min-width: 107px;
		padding: 14px 30px;
	}
	.form-bts .arrow-left:after{
		left: 10px;
		top: 13px;
	}
	.form-bts .arrow-right:after{
		right: 10px;
		top: 13px;
	}
	.article-section{
		padding: 35px 20px;
	}
	.request-title{
		margin: 0 -20px 25px;
		padding: 0 20px;
		display: block;
	}
	.request-bot{
		margin: 25px -20px;
		padding: 20px;
	}
	.request-title-left{
		margin: 0;
	}
	.request-title-left a{
		margin: 0 20px 10px;
	}
	.nav-tabs{
		margin: 0 -20px;
		padding: 0 20px !important;
	}
		.tab-content{
			padding: 30px 10px 20px;
		}
		.nav-tabs .nav-item{
			padding: 0 2px;
		}
		.nav-tabs .nav-link img{
			max-height: 20px;
		}
		.nav-tabs .nav-link .tabs-count{
			padding: 0;
		}
	.nav-tabs-circle{
	}
		.nav-tabs-circle .nav-tabs .nav-item a:before{
			display: none;
		}
		.nav-tabs-circle img{
			max-height: 55px !important;
		}
	.login-contain:before{
		display: none;
	}
	.login-right,
	.login-left{
		width: 100%;
		padding: 40px 30px;
	}
	.login-right{
		background: #c0e2ff;
		padding-bottom: 0;
	}
	.table-label{
		text-align: right;
	}
	.highlighted-sm .high-right{
		width: 100%;
		text-align: right;
	}
	.high-right{
		width: 183px;
		text-align: right;
	}
	.high-left,
	.highlighted-sm .high-left{
		width: 100%;
	}
	.footer-btns .btn{
		padding: 14px 15px;
		font-size: 13px;
	}
	.radio-parent{
		padding: 0;
	}
	.option-top{
		width: 100%;
		display: flex;
		padding: 0 0 20px;
	}
	.option-top-wrap .option-top label{
		font-size: 12px;
		width: 80px;
		margin: 0 0 0 10px;
		text-align: left;
	}
	.option-top-wrap .form-control,
	.search-icon-wrap,
	.option-top-wrap .form-section .gj-datepicker{
		width: calc(100% - 95px);
		margin-right: auto;
	}
	.search-icon-wrap .form-control{
		width: 100%;
	}
	.option-top.form-section{
		width: 100%;
	}
}

@media (max-width: 480px) {
    .header-left .dropdown, .header-left .rasail-wrap, .header-left .harooj-desktop {
        width: 100%;
        text-align: right;
    }
    .header-left .dropup, .header-left .dropright, .header-left .dropdown, .header-left .dropleft {
        text-align: right;
        float: right;
    }
}



@media (max-width: 330px){
	.logo img{
		max-height: 50px;
	}
	.rasail-wrap{
		top: 30px;
	}
	.navbar-toggler{
		top: 22px;
		right: 10px;
	}
	.navbar-collapse{
		top: 80px;
	}
}


.dataTables_filter,
.dataTables_length,
.dataTables_info,
.dataTables_paginate{
	display: none !important;
}
.dataTables_empty {
    display: none !important;
}


.custombold
{
    color: red !important;
}

#innerdiv {
    overflow-y: scroll !important;
    height: 350px !important;
}