:focus { outline:0; }
body, html, input, select, textarea {
    font-family: Poppins,sans-serif !important;
}
.inner_container {
    width: 980px;
    height: auto;
    margin: 0px auto 20px auto;
}
.btn{width: 100%; background-color: #333333; border-color: #333333;color: #fff;}
.btn:hover, .btn:active:hover,.btn.focus, .btn:focus{background-color: #ee1d25;border-color: #ee1d25;color: #fff;}
.breadcrumb {width:55%; margin-right:5%; float:left; margin-bottom:0;padding: 7px 8px; color:#363636; font-size: 15px;border-radius:0px;}
/*.head2 ul {width:50%; float:left;}*/
.head2 .btn-img li {float: right; margin-right:5px; width:10%; cursor:pointer;}
.pad0 { padding: 0;}
.marbtm10{margin-bottom: 10px;}

.box{color:#363636; border-radius:3px;padding:10px; margin-bottom:5px;position:relative; float:left;}
.info {
    background-color: #dff0d8;
    border-left: 6px solid #3c763d;
    margin-bottom: 15px;
    padding: 8px 12px;
}
.info strong {
    font-weight: 600 !important;
    color: #3c763d;
}
.alert-danger {
    background-color: #f2dede;
    border-left: 6px solid #a94442;
    margin-bottom: 15px;
    padding: 8px 12px;
    color: #363636;
}
.alert-danger strong {
    font-weight: 600 !important;
    color: #a94442;
}

.bages {width:40%; float:left;}
.bages ul{padding:0; margin:0;float: right;}
.bages li { float:left;margin-right: 15px;}
.bages li:last-child{margin-right:0;}
.bages li a {background:#4d4d4d; float: left;list-style: none; padding:0 5px 5px 5px; border-radius:5px;}
.bages li a:hover{background: #F9AF29;}
.bages li:last-child{margin-right:0;}
.bages li span {background: red;border-radius: 100%;height: 17px;width: 17px;position: absolute;text-align: center;display: inline-block; vertical-align: middle; top: -7px;right: -10px;font-size: 11px}
.form-group {margin-bottom: 10.5px; }
.top-filter .btn-group-vertical>.btn, .top-filter .btn-group>.btn{ border:0;border-radius: 0;background: #4d4d4d; color: #fff !important;}
.top-filter .form-group {float: left; width: 60%;}
.top-filter label {display:block;float: left; width: 40%; padding-top: 10px;text-align: right; padding-right: 10px;}
.top-filter {margin:0 auto; float:right;}
.top-filter li {float: left; margin: 0 5px; width: 210px;}
.top-filter li.btn{width:35px;background:#4d4d4d;padding:4px; border-radius:5px;}
.top-filter li:last-child:hover{background:#c18516;}
.top-filter .dropdown-menu.open ul li{ clear:both; width:100%;}
.top-filter .dropdown-menu>li>a {padding: 3px;background-color: #fff; color:#363636;}
.top-filter .dropdown-menu>.active>a:hover, .top-filter .dropdown-menu>li>a:hover {background: #eae6e6;color:#363636;}
.top-filter .bs-placeholder {color: #fff !important;}
.dropdown-menu.inner { max-height:auto !important;}

/*---- table css ---*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding:1px;font-size: 14px; vertical-align: middle;}
.table {margin-bottom:10px !important;}
.table > thead > tr > th{background: #faaf19; border: 1px solid #ddd; color: #000; padding: 5px !important;vertical-align: middle;text-align: left;}
.table > tbody > tr > td{text-align: left;border: 1px solid #ddd; padding:0 5px;}
/* Zebra striping */
.table table { width: 100%; border-collapse: collapse; }
.table tr:nth-of-type(even) { background:#ffe9cf;}
.table tr:nth-of-type(odd) { background: #fff6e6;}
.table th { color: white;}
.table td, .table th { padding: 6px; text-align: center; color:#363636; height: 35px;}
.rightdata { padding:10px 0;}

.table {margin-bottom: 10px;}
.form-control-label {width: 100%; margin-bottom: 10px;}
.effort table > tbody > tr > td { text-align: left; padding-left: 5px;vertical-align: middle;}

.graybg .head2, .content {background: #fff; box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .4);padding: 10px;}
.graybg2{ background-color:transparent;height: 500px;padding-left: 0;}
.leftcategory li {margin:1px 0 0;background: #fff; box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .4);padding:5px}
.leftcategory li .btn-default {border:0;}
.leftcategory li .form-group {margin-bottom:0;}
.bootstrap-select.btn-group .dropdown-menu {bottom:-133px;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100% !important;}
.bootstrap-select.btn-group .dropdown-menu { width:100%; overflow:hidden; height:250px !important;}
.full-button{border-radius: 5px;padding:5px 12px;text-align: center; border: 1px solid #bfbfbf; width:98%;margin-bottom: 10px;}
.full-button:hover{background: #F9AF29;}
/*label {font-size:14px; font-weight:normal; display:none;}*/

/*::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius: 6px;}*/


.panel-footer {padding: 0;float: left;width: 100%; margin-top: 4px; border:0;}
.pagination {margin:0;}
.pagination>li>a, .pagination>li>span {background: #fff; box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .4); color:#414141; border-radius:0 !important;}
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover { background-color:#337ab7; color:#fff;border: 1px solid #337ab7;}
.pagination>li>a, .pagination>li>span {padding: 5px 15px;}

.addremove th{background: #989898;padding:5px;}
.addremove td{ padding:5px; cursor: not-allowed;background-color: #eee; opacity: 1;color: #555;border: 1px solid #ccc; border-radius: 4px;}
.addremove input[type="text"]{width: 100%}
.form-control, .form-control-label{margin-bottom: 10px;}
.jour-title{ margin-bottom: 10px; color: #337ab7; padding-bottom: 8px; font-size: 18px;}
.jour-title i{margin-right: 5px; border-bottom: 2px solid #337ab7; width: 30px}
/*.form-jour .form-control, .form-jour .form-control-label { width: 50%;}*/
.form-jour .glyphicon {top: 3px;right: 7px;}
.btn-signin{width: 98%;}
@media only screen and (max-width: 991px) {
	.table-responsive {border:none;}
	.insite {width:47%; margin:5px !important;}
	.panel-footer {margin-top:10px !important;}
	.breadcrumb, .bages {width:100%; margin-bottom:5px;}
	.inventory{width: 100% !important;}
}

@media screen and (max-width:700px){
}



@media only screen and (max-width: 1290px) {

}

span.multiselect-native-select {
	position: relative
}
span.multiselect-native-select select {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px -1px -1px -3px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	left: 50%;
	top: 30px
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.multiselect-container .input-group {
	margin: 5px
}
.multiselect-container>li {
	padding: 0
}
.multiselect-container>li>a.multiselect-all label {
	font-weight: 700
}
.multiselect-container>li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
	cursor: pointer
}
.multiselect-container>li>a {
	padding: 0
}
.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
	margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
}
.navbar { border-radius: 0 !important;}
.inventory{width: 50%; margin: 0 auto;}
.modal-body{float: left;width: 100%;}
.modal-body i.glyphicon.glyphicon-calendar { margin-left: -5px;}
.upload-sec i, .event i{ color: #785110; font-size: 20px; margin-left: 5px;cursor: pointer;}
#uploads-img, #uploads-aud{ display:none; margin-top:5px;}

.modal-title{font-weight: 700; font-size: 20px;}
.modal-header .JD-location { font-size: 13px; margin: 10px 10px 0 10px;}