
.pad-6{
	padding:4px !important;
}
.pad-4_3{
	padding:4px 3px !important;
}
.font-12{
	font-size:12px;
}
.font-11{
	font-size:11px;
}
.fw_400{
	font-weight:400;
}
.btn-ellipsis{
	max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.btn-conclusion{
	color: #fff !important;
    background-color: #99A235;
    border-color: #99A235;
}
.btn-remark{
	color: #fff !important;
    background-color: #2E7E41;
    border-color: #2E7E41;
}
.btn-finstatus{
	color: #fff !important;
    background-color: #77956a;
    border-color: #77956a;
}
.btn-share {
    color: #fff !important;
    background-color: #c38565;
    border-color: #c38565;
}
.btn-manage {
    color: #fff !important;
    background-color: #85a93c;
    border-color: #85a93c;
}
.btn-download {
    color: #fff !important;
    background-color: #657B16;
    border-color: #657B16;
}
.btn-print {
    color: #fff !important;
    background-color: #79C523;
    border-color: #79C523;
}
.btn-verify_1 {
    color: #fff !important;
    background-color: #909e71;
    border-color: #909e71;
}
.btn-verify_2 {
    color: #fff !important;
    background-color: #a4b77d;
    border-color: #a4b77d;
}
.m_0{
	margin:0 !important;
}
.m_r_l_0{
	margin-left:0 !important;
	margin-right:0 !important;
}
.mr3{
	margin-right:3px;
}
.mb3{
	margin-bottom:3px;
}
.ml3{
	margin-left:3px;
}
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.mb10{
	margin-bottom:10px;
}
.mr10{
	margin-right:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.pt20{
	padding-top:20px;
}
.pt30{
	padding-top:30px;
}
.plr{
	padding-left:40px;
	padding-right:40px;
}
.mt25{
	margin-top:25px;
}
.mt40{
	margin-top:40px;
}
.form-error {
    color: #f00;
    display: none;
}
.d_none{
	display:none;
}
.d_block{
	display:block;
}
.col_red{
	color:#f00;
}
.form-control{
	border-radius:4px;
}
/*checkboxes*/
.checkbox-custom {
  display: none;
}

.checkbox-custom-label {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border-radius: 5px;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:after {
    content: "";
    padding: 2px;
    text-align: center;
    position: absolute;
    width: 4px;
    height: 13px;
    border: solid #3c8dbc;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 4px;
    left: 7px;
}

/*checkboxes*/
.p_checkbox {
  display: none; /* Hide the default checkbox */
}

/* Style the artificial checkbox */
.s_checkbox {
    background: #fff;
    border-radius: 5px;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: text-bottom;
    width: 17px;
    height: 17px;
    padding: 2px;
    margin-right: 6px;
	margin-bottom:0;
    text-align: center;
	position: relative;
}

/* Style its checked state...with a ticked icon */
.p_checkbox:checked + .s_checkbox:before {
	content: "";
    padding: 2px;
    text-align: center;
    position: absolute;
    width: 4px;
    height: 10px;
    border: solid #3c8dbc;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 0px;
    left: 4px;
}
/*checkbox*/
.border-header {
    font-weight: 600;
    display: inline-block;
    position: relative;
    color: #7d4427;
}
.border-header:after {
    position: absolute;
    content: "";
    width: 100%;
    /* height: 2px; */
    border-color: #7d4427;
    z-index: 1;
    top: 100%;
    /* margin-top: -13px; */
    /* border-top: 13px solid transparent; */
    border-bottom: 1px solid #7d4427;
    left: 0;
    /* margin-right: -.0625rem; */
    /* border-left: 0; */
    /* border-right: 1px solid #7d4427; */
}
img.icno_img {
    max-width: 18px;
    margin-right: 4px;
    /* height: 14px; */
    margin-left: -2px;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child,.table-bordered>thead>tr>th:last-child {
    /* width: 12% !important; */
}

div#link-add,div#edit-data {
    overflow: auto;
    border: 1px solid #7d4427;
    padding: 20px 0 8px;
}
.header-control {
    display: inline-block;
    position: relative;
    top: 18px;
    background: #e8e6d9;
    z-index: 1;
    margin-left: 10px;
	font-size:20px !important;
	margin-top: 25px;
	font-weight: 600;
}
.add_button {
    padding: 7px 16px;
    background-color: #7d4427;
    color: #fff !important;  
    display: inline-block;
}
.details_div {
	border: 3px solid #ded1d1;
    padding: 10px 10px 10px 10px;
}
.addin, .removed {
    vertical-align: baseline;
    padding: 5px !important;
}
/*pagination*/
.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;  
    color: #fff;
    cursor: default;
    background-color: #7d4427;
    border-color: #7d4427;
}
/*accordion-container*/
	.accordion-container {
		margin: 0 15px 10px;
	}
	.accordion-toggle {
		position: relative;
		display: block;
		padding: 10px;
		font-size: 1em;
		font-weight: 300;
		background: #043060;
		color: #fff;
		text-decoration: none;
	}
	.accordion-toggle.open,.accordion-toggle:hover {
		background: #043060;
		color: #fff;
	}
	.accordion-toggle span.toggle-icon {
		position: absolute;
		top: 9px;
		right: 20px;
		font-size: 1.5em;
	}
	.accordion-content {
		display: none;
		padding: 8px;
		overflow: hidden;
		border: 1px solid #c3c3c3;
		background: #fff;
	}
	.rotate{
		-moz-transition: all .5s linear;
		-webkit-transition: all .5s linear;
		transition: all .5s linear;
	}
	.fa-angle-right:before {
		content: "\f105";
	}
	.fa-angle-right.down:before {
		content: "\f107";
	}  
	/* .bootstrap-select.btn-group .dropdown-menu {
		position: relative;
		bottom: 2px;
		top: 0;
	} */   
	
	/*donor dashboard change password*/
	.changpassdiv {
		border: 1px solid #e8e6d9;
		background: #e8e6d9;
		padding: 20px;
		box-shadow: 0 0 10px rgba(0,0,0,0.6);
		box-shadow: 0 0 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
		-o-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	}
	.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover,
	.btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover,
	fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
		background-color: #6da200;
		border-color: #6da200;
	}
	.adte {
		border: 1px solid #ccc;
		padding-top: 8px;
		padding-bottom: 8px;
		background: #fbfbfb;
		border-radius: 4px;
		margin-bottom: 4px;
		box-shadow: 1px 2px 5px #2e460061;
	}
	.dropdown-menu{
		background-clip: border-box;
	}
	.small-box>.dropdown>.dropdown-menu {
		min-width: 100% !important;
	}
	/* .dropdown-menu-2,.dropdown-menu-3,.dropdown-menu-4,.dropdown-menu-5,.dropdown-menu-6 {
		position: absolute;
		top: 100%;
		z-index: 1000;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
	}
	.dropdown-menu-2>li>a,.dropdown-menu-3>li>a,.dropdown-menu-4>li>a,.dropdown-menu-5>li>a,.dropdown-menu-6>li>a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	} */
	
	
	/* .dropdown-2:hover>.dropdown-menu-2{
		display:block;
	}
	.dropdown-3:hover>.dropdown-menu-3{
		display:block;
	}
	.dropdown-4:hover>.dropdown-menu-4{
		display:block;
	}
	.dropdown-5:hover>.dropdown-menu-5{
		display:block;
	}
	.dropdown-6:hover>.dropdown-menu-6{
		display:block;
	} */
	.dropdown-submenu .dropdown-menu {
		top: auto;
		left: 100%;
		margin-top: -1px;
	}
	
	
	 .content .col-md-12>.row>.col-lg-2:last-child .dropdown-submenu>.dropdown-menu {
		right: 100%;
		left: auto;
	}
	/*.content .col-md-12>.row>.col-lg-2:last-child ul.dropdown-menu-3 {
		right: 100%;
		left: auto;
	}
	.content .col-md-12>.row>.col-lg-2:last-child ul.dropdown-menu-4 {
		right: 100%;
		left: auto;
	}
	.content .col-md-12>.row>.col-lg-2:last-child ul.dropdown-menu-5 {
		right: 100%;
		left: auto;
	}
	.content .col-md-12>.row>.col-lg-2:last-child ul.dropdown-menu-6 {
		right: 100%;
		left: auto;
	} */
	.man-dash .nav-tabs.nav-justified>li>a {
		font-weight: 600;
		border: none;
		color: #043060;
		font-size: 1.05em;
		letter-spacing: 1px;
		/* font-family: 'Play', sans-serif; */
	}
	.man-dash .nav-tabs>li>a:hover,.man-dash .nav-tabs>li>a:focus{
		color: #fff;
		background-color: #0070cf;
		border: 1px solid #0070cf;
		transition: all .5s;
	}
	.man-dash .nav-tabs>li.active>a, .man-dash .nav-tabs>li.active>a:focus, .man-dash .nav-tabs>li.active>a:hover {
		color: #fff;
		cursor: pointer;
		background-color: #0070cf;
		border: 1px solid #0070cf;
	} 
	.reportcheck {
		margin: 0px 15px 20px;
		padding-top: 10px;
		border: 1px solid #b7b7b7;
		border-radius: 4px;
		background: #fdfdfd;
	}
	/* On screens that are 992px wide or less, go from four columns to two columns */
	@media screen and (max-width: 992px) {
		div#example1_wrapper>.row>.col-sm-12 {
			width: 100%;
			overflow-x: scroll;
			overflow-y: hidden;
			margin-bottom: 15px;
		}
	}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
	/* @media screen and (max-width: 600px) {
		div#example1_wrapper>.row>.col-sm-12 {
			width: 100%;
			overflow-x: scroll;
			overflow-y: hidden;
			margin-bottom: 15px;
		}
	} */
	
	.datetimepicker-hours>table>thead>tr>th,
	.datetimepicker-hours>table>tfoot>tr>th {
		visibility: hidden !important;
	}
	@media screen and (max-width: 767px){
		.table-responsive {
			overflow-y: scroll !important;
		}
	}
	.modal.fade .modal-dialog {
		position: absolute;
		left: 50%;
		top:50%;
		-webkit-transform: translate(-50%,-50%);  
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: -webkit-transform .3s ease-out;
		transition: transform .3s ease-out;
		transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;
	}