/* here you can put your own css to customize and override the theme */

/****
Check Boxes
****/

.check_box { position: relative; margin-left: 3%; }
.check_box input[type='checkbox'] { opacity: 0; margin: 0; display:inline-block; vertical-align:middle }
.check_box input[type='checkbox']+label:before { background: url("../img/check_box.png") no-repeat scroll 0 0 ; content: " "; width: 15px; height: 15px; position: absolute; background-position: bottom; top: 2px; left: 0; margin: 0;}
.check_box input[type='checkbox']+label.selected:before{ background-position: top; }
.check_box label { cursor: pointer; margin: 0 .1em; font-weight: normal; color:#666; font-size: 15px; margin-left: 5px; }
.check_box label.selected { color: #c13726; }

.modal-dialog .modal-content .form-group{width:100%;}

.editable-buttons .btn{ padding: 5px 11px;}

ul.help-list li{ margin-bottom:20px;}
.daterangepicker.opensleft .ranges ul li:last-child{display:none!important;}
.table tbody tr.active td, .table tbody tr.active th{color: #000; background-color: transparent;}
.table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th{background-color: transparent;}

/***
icons next to values
***/
.icon-bg-wrap{
	overflow: hidden;
	margin-bottom: 5px;
}
.icon-bg{
	display: inline;
	float: left;
}
.icon-bg i{
	font-size: 60px;
    line-height: 55px;
	margin-left: -20px;
	color: white;
	opacity: 0.3;
}
.icon-bg span{
	position: absolute;
    top: 0;
    width: 50px;
    text-align: center;
    font-size: 20px;
    line-height: 65px;
}

.icon-bg-wrap .details{
	position: absolute;
	top: 3px;
	right: 8px;
}

/*
Account flag icons
*/
.account-flag{
	min-width: 40px;
	padding: 5px 5px 0px 5px;
	display: inline-block;
	text-align: center;
	position: relative;
	border: 1px solid;
	text-decoration: none!important;
}
a.account-flag:active, a.account-flag:focus {
	border:1px solid;
	text-decoration: none!important;
}
.account-flag.text-muted{
	color: #ddd;
}

.account-flag i{
	line-height: 50px;
	font-size: 50px;
}

.account-flag span.icon-text{
	position: absolute;
    left: 12px;
    font-size: 14px;
    line-height: 55px;
    font-weight: bold;
	
}

.account-flag.active{
	border-bottom: 5px solid;
}

.account-flag .number{
	position: absolute;
    left: 5px;
    top: 25px;
    width: 45px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

/*
Boostrap Extensions
*/
.no-margin-bottom{
	margin-bottom:0px!important;
}
.no-margin-top{
	margin-top:0px!important;
}
.no-margin{
	margin:none!important;
}
.btn.close{
    background: transparent;
    border: 0;
}

/*
Plot Legend 
*/
.legend table tbody td{
	padding: 5px;
}

/*
Account List
*/
.acc_raw{
cursor: pointer;
}

/* 
Payment Alerts
*/

.alert.payment-alert{
	padding: 5px;
	margin-bottom:10px;
}

/*
Sortable List
*/
.sortable-header{
	padding: 0px 10px;
    margin: 0px;
    font-weight: bold;
    color: #999;
}
.sortable-list {
    padding: 10px;
}
.sortable-item {
    list-style: none;
	margin: 3px 0px;
    padding: 5px;
    background: #f9f9f9;
}
.sortable-item span{
	cursor: pointer;
}
.sortable-item .bullet i{
	margin-right: 20px;
}
.sortable-item .check{
	float:right;
}
.sortable-item .check i{
	margin-right: 5px;
}

/*
Track Status
*/
.track-status-box .track-status{
	padding:3px;
}
.track-status span{
	display:block;
	min-height:24px;
	text-align: center;
}

.track-status span:before{
    position: absolute;
    left: 2px;
    top: 3px;
    height: 0;
    width: 0;
    border-bottom: 13px inset transparent;
    border-left: 10px solid #FFF;
    border-top: 13px inset transparent;
    content: "";
}

.track-status span:after{
    position: absolute;
    right: -7px;
    top: 3px;
    height: 0;
    width: 0;
    border-bottom: 13px inset transparent;
    border-left: 10px solid;
    border-top: 13px inset transparent;
    content: "";
    z-index: 2;
}
.track-status span.bg-grey:after{
	border-left-color: #e5e5e5;
}

.track-status span.bg-yellow:after{
	border-left-color: #ffb848;
}

.track-status span.bg-blue:after{
	border-left-color: #4b8df8;
}

.track-status span.bg-green:after{
	border-left-color: #35aa47;
}

.track-status span i{
	font-size: 20px;
    margin-top: 6px;
}

.track-status span.bg-grey i{
	opacity:0;
}
.track-status h3{
	margin:0px;
	padding:0px;
}

.modal-dialog table tbody td, .modal-dialog table tfoot td{
	white-space:normal;
	line-height: 13px;
	font-size: 13px;
	padding:8px 3px;
}


/*
Icons on Title Heddings
*/
h3.form-title i{
	font-size:20px;
}

/*
Badgets
*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-time-clock > .dropdown-toggle > .badge{
	top: 10px;
    right: 23px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child{
	padding-right: 10px;
}

/*
Time Clock
*/
.time-clock select.borderless{
	width: 100%;
    border: none;
    color: #999;
    padding: 0px;
} 

/*
Chat Btn
*/
.btn-chat{
    background: #222;
    border: 1px solid #333;
    margin: 15px 0px;
    color: #999;
	font-size: inherit;
}
a.btn-chat:hover{
    color: #666;
}

/* Drop Zone*/
.dropzone{
	border: 2px dashed #507210;
	border-radius: 6px;
    padding: 20px;
	width: 100%;
    text-align: center;
	cursor: pointer;
	font-style:italic;
}
/*Toolbox*/
.toolbox a{
	display: inline-block;
    width: 25px;
    font-size: 25px;
    margin: 0 0 0 20px;
}
.toolbox a:first-child {
    margin: 0 0 0 5px;
}

.jcrop-active{
	display: block;
    padding: 4px;
    margin-bottom: 5px;
    line-height: 1.72222;
    background-color: #fff;
    border: 2px solid #8dabc4;
    border-radius: 6px;
    -webkit-transition: border .25s ease-in-out;
    transition: border .25s ease-in-out;
}

/*Summer Note*/
.note-editor.note-frame.fullscreen{
	z-index: 9999;
}

/* Acordion */
.panel .panel-title > a{
    text-decoration: none!important;
}

td.weekday{
    text-transform: uppercase;
}

#summary-report-table{

}

#summary-report-table tr > td{
    text-align: right;
    padding:10px;
    font-size: 16px;
}

#summary-report-table tr > td:nth-child(odd){
    text-align: left;
}

.open>.dropdown-menu {
    display: block;
    width: max-content;
}

.tableColorSample {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    display: block;
    float: left;
    margin-right: 5px;
    vertical-align: middle;
    border: 1px solid #aaa;
}


.table-form .cell{
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-left:none;
    padding: 0 10px;
    margin: 0;
}

.table-form .row:last-child .cell{
    border-bottom: 1px solid #c5c5c5;
}

.table-form .cell:first-child{
    border-left: 1px solid #c5c5c5;
}


.table-form .form-group{
    margin:0;
    min-height: 68px;
}

.table-form label{
    width: 100%;
    font-size: 70%;
    font-weight: bold;
    color: #999;
    text-transform: uppercase;
}

.table-form .form-control{
    border: none;
    padding: 0;
    font-size: 18px;
}

.table-form .form-control:disabled,
.table-form .form-control[readonly]{
    color: #999;
    padding-left: 5px;
}
.table-form .tt-hint.form-control[readonly]{
    padding-left: 0;
}

.table-form .form-control-half {
    width: 50%;
    float: left;
}

.table-form i{
    font-weight: bold;
    color: #c5c5c5;
    font-size: 18px;
}

.table-form .date-picker{
    background: none;
    border: none;
    width: 60px;
    font-size: 18px;
    height: 34px;
}

.table-form select.form-control{
    height: 34px;
}

.table-form .form-group .twitter-typeahead{
    width:100%;
}

.table-form .form-group-half .twitter-typeahead{
    width:50%;
}

.table-form .help-block.valid{
    display: none;
}

.tt-dropdown-menu{
    background-color: #ffffff;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
    border: 1px solid #efefef;
    font-size: 16px;
}

.twitter-typeahead .tt-suggestion{
    padding: 2px 5px;
}

.twitter-typeahead .tt-suggestion p{
    margin:0;
    min-width: 30px;
}

.twitter-typeahead .tt-suggestion.tt-is-under-cursor,
.twitter-typeahead .tt-suggestion.tt-cursor  {
    background-color: #eee;
    cursor: pointer;
}
.borderless-control{
    border: none;
    outline: none;
    background: transparent;
}
.ml-10{
    margin-left:10px;
}

.ml-20{
    margin-left:20px;
}
.ml-40{
    margin-left:40px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    /*font-size: 15px;*/
    padding: 12px 8px;
}

.label-type {
    min-width: 86px;
}

a.disabled-link{
    color: #c7c7c7 !important;
}
a.link-btn{
    text-decoration: none;
}

input#searchBox{
    border-right: none;
}
#searchBtn:hover{
    color: #00baff;
}
a#searchClearBtn{
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    top: 1px;
    right: 80px;
    color: #bdc3c7;
    position: absolute;
    z-index: 1;
}

a#searchClearBtn:hover{
    color: #00baff;
}

input#searchBox[valid] ~ a#searchClearBtn {
    z-index: 3;
}