body {
	font-size: 12px;
	/*background-image: url(../img/bg-light.png);*/
	background-color: transparent !important;
	color: #555555;
	margin-top: 35px;
}
div.page-content div.container-fluid{
	background-color: #f0f2f1!important;
	min-height: 1080px;
}
div.tortured-blue{
	background-color: #68a2d5;
}
div.dashboard-stat>a>div.visual{
	padding-left:0!important;
}
div.dashboard-stat>a.more{
	padding:0!important;
}
div.tortured-yellow{
	background-color: #edc025;
}
div.page-content div.container-fluid div.bs-responsive-grid table> tbody tr:hover{
	background-color:#ffff00!important;
}
.navbar-inverse a.brand {
	padding: 9px!important;
	/*
	background-color: #ffd600;
	color:#000000!important;
	border-radius: 20px!important;
	border: 1px solid black;
	max-width: 170px;
	*/
}
.navbar-inverse .nav > li > a {
	
	padding: 5px!important;
	/*
	background-color: #ffd600;
	border: 1px solid black;
	border-radius: 20px!important;
	*/
}
/*
.navbar-inverse .nav > li > a >span{
	color:#000000!important;
}
*/
.login-form{
	margin: 0 auto;
	margin-top: 100px;
	width: 290px;
	background-image: linear-gradient(to bottom, #FFFFFF, #F2f2f2);
}

.main{
	/*margin: 5px;*/
}

.report a{
    color: #0088CC !important;
}

/*
a:hover{
    text-decoration: none;
}
*/

.modal{
	/*background-image: url(../img/body-bg.png);*/
}

.modal-header{
	border-bottom: 1px solid #dddddd;
}

/*
h1{
	font-size: 20px;
	margin-top: 0px;
    color: #555555;
    margin-bottom: 5px;
}

h2{
	font-size: 16px;
	margin-top: 0px;
    margin-bottom: -5px;
}
.grid-view{
	padding-top: 0;
}

*/
/*
select,
input[type="text"], input[type="password"], input[type="radio"], input[type="checkbox"],
input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
textarea,
.uneditable-input{
    width: 98.5%;
	font-size: 12px !important;
    background-color: #f9f9f9 !important;
	padding: 3px !important;
}

.add-on{
	height: 18px !important;
}

input{
	height: 24px;
}

.input-append input{
	width: 94%;
}

.input-append{
    margin-bottom: 0px;
}

select{
    width: 100%;
	height: 28px;
}

.pagination{
    margin: 0;
}

.table{
    margin-bottom: 10px;
}

.table thead select,
.table thead input,
.table thead textarea{
    width: 100%;
    background-color: #ffffff !important;
}

.grid-view table.items,
table.detail-view{
	background-color: #fcfcfc;
}
*/

/*
.grid-view table.items thead,
table.detail-view th,
.yiiPager li a{
	background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
    background-repeat: repeat-x;
    white-space: nowrap;
	font-size: 12px;
}
*/
/*
.yiiPager li.active a{
	background-color: #FEFEFE;
	background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
	font-weight: bold;
	font-size: 12px;
}
*/
/*
.help-block{
	width: 500px;
}
*/

.navbar{
	
}

form{
	margin-bottom: 5px !important;
}

/*
.breadcrumb{
	background-color: #ffffff;
	margin-bottom: 10px;
	padding-left: 0;
}
*/
.description{
    color:green;
    font-style:italic;
    font-size:10px;
}

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(82, 168, 236, 0.6) !important;
    outline: 0 none;
}

/*
label, input, button, select, textarea {
    font-size: 12px !important;
    line-height: 20px;
}

.ui-autocomplete li{
    border-bottom: 1px solid #cccccc;
}

legend{
    font-size: 14px;
    font-weight: bold;
}
*/

.print-div{
    
}

tr.removed{
    text-decoration: line-through;
}

.filter-container{
    text-align: center;
}

.bootstrap-widget-header{
    background-image: linear-gradient(to bottom, #FFFFFF, #F2f2f2) !important;
}

tfoot td{
    text-align: right !important;
}

.txt_sm{
    font-size: 9px;
}

@media print {
  a[href]:after {
    content: none !important;
  }
  /*.print-div-inner { display: inline; }*/
}

.highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

span.schedule-days{
    margin: 1px;
    padding: 0 4px 0 4px;
    border: 1px solid;
    font-size: 10px;
    border-radius: 2px!important;
    background-color: rgb(230,230,230);
}

.schedule-working{
    font-weight: bold;
    background-color: white!important;
}

label.checkbox:first-child {
    margin-left: 0!important;
}

label.checkbox {
    margin-left: 20px;
}

.document .table_details th,
.document .table_details td{
	padding: 3px;
	font-size: 12px !important;
}

.rowReported td{
	background-color: #E6FF99 !important;
	background-image: none !important;
}
.brown_colored_font{
	color: #966432;
}
div.ticket-details div.span2{
	margin-right: 20px;
	margin-bottom: 20px;

}
div.ticket-details a.btn{
	width: 150px;
	height: 40px;
}
form#Ticket-result-form button{
	margin-top: 10px;
}
form#Ticket-result-form div.row-fluid{
	margin-top: 10px;
}
button.deleteButton{
	border: 1px solid red;
	border-radius: 5px;
	background-color: red!important;
	padding: 5px;
	color: #ffffff;
	margin: 10px;
	margin-right: 50px;
}
button.deleteButton:hover{
	background-color: orange!important;

}
.container-fluid div.span2.photo-gallery:nth-of-type(6n+1) {
	margin: 0px;
}
.custom-btn button{
	width: 175px;
	margin-bottom: 5px;
}
.container-fluid div.custom-btn div.span3:nth-of-type(4n+1) {
	margin: 0px;
}
div.details div.desc span.digit, span.digit.chat{
	color: black;
	font-weight: bold;
	background-color: yellow;
	padding: 5px;
	border: 2px solid black;
	border-radius: 10px!important;
	width: 30px;
	height: 20px;
	display: inline-block;
	position: relative;
	right: 10px;
	text-align: center;
}
div.details div.desc span.digit.task-digit{
	position: relative;
	right: 0px;
	color: white;
	background-color: #68a2d5;
}

span.notification-digit, span.notification-order-digit, span.notification-contact-digit, span.notification-chat-digit, span.notification-system-digit{
    color: black;
    font-weight: bold;
    font-size: 0.9em;
    padding: 5px;
    border: 2px solid black;
    border-radius: 15px!important;
    width: 15px;
    /*height: 15px;*/
    display: inline-block;
    position: relative;
    left: 0px;
    text-align: center;
}

span.notification-chat-digit{
    background-color: #7BFF00;
}

span.notification-digit{
    background-color: yellow;
}

.alert{
	margin-bottom:0!important;
	padding-top:3px!important;
	padding-bottom:3px!important;
}

.tbody > .deletion > .cell,
.tbody > .deletion >td,
tbody > .deletion >td{
	text-decoration:line-through;
	color:red;
}

input.flexselect-ajax{
	color: #ababab!important;
	background: #efefef!important;
	background-image:url(../img/loading.gif)!important;
	background-position:right center!important;
	background-size:contain!important;
	background-size: auto 67%!important;
	background-repeat:no-repeat!important;
}

.btn-cxl-client a{
	color:#043077!important;
	#color:white!important;
	#background-color: #043077;
}

.btn-cxl-driver a{
	color:#770356!important;
}

.btn-cxl-nocar a{
	color:#370377!important;
}

.btn-cxl{
	background:transparent;
	color:#b94a48!important;
}

.btn-cxl:hover{
	background: transparent!important;
	text-decoration: underline;
	color:#b94a48!important;
}

.btn-cxl:active{
	background: transparent!important;
	text-decoration: underline;
	color:#b94a48!important;
}

.btn-green{
	background:#046865;
	color:white!important;
}

.btn-success{
	background:#046865!important;
	color:white!important;
}

.ui-state-focus{
    color:white!important;
    background:#4a90d9!important;
    outline:none; 
 } 
/*
.ui-menu-item a:hover{
	color:white;
	background-color:#046865!important;
}
*/

.msg-form select,
.msg-form input,
.msg-form textarea{
	border:1px solid #efefef;
}

#orders-table span[data-rel=msgs]{
	color: #ababab !important;
	width:40px !important;
	text-align: center !important;
	font-size:18px !important;
	/*background-color: #68a2d5 !important;*/
}

#orders-table span[data-rel=msgs].hasmsgs{
	color: red !important;
	background-color: #ffff99 !important;
	display: inline-block !important; 
	width:40px !important;
	text-align: center !important;
	font-size:18px !important;
	/*background-color: #68a2d5 !important;*/
}

#orders-table span[data-rel=btn-cxl]{
	background-color: #a0a0a0 !important;
	display: inline-block !important; 
	width:40px !important;
	text-align: center !important;
	font-size:18px !important;
}

#orders-table span[data-rel=btn-restart]{
	background-color: green !important;
	width:40px !important;
	text-align: center !important;
	font-size:18px !important;
}

#orders-table td{
	padding: 1px !important;
}

#orders-table tbody tr td{
	border-bottom:1px solid #3d3d3d;
}



.msg-form .read{
	color:grey!important;
}

/*
.dataTables_filter{
	padding: 0 !important;
	height: 10px !important;
	font-size: 0.5em !important;
	line-height: 10 px !important;
}
*/




.gritter-item-wrapper{
	background-color:black!important;
}
.gritter-item p{
	color:white;
}
/*https://stackoverflow.com/questions/3084261/alternate-table-row-color-using-css */
#orders-table.block .tbody >.line:nth-child(odd) .histories td,
#orders-table.block .tbody >.line:nth-child(odd) .detail,
#orders-table.block .tbody >.line:nth-child(odd)>.cell,
#orders-table tbody >tr:nth-child(odd)>td{
 background-color: #E2E4FF!important;/**/
}

#orders-table.block .tbody >.line:nth-child(even),
#orders-table tbody >tr:nth-child(even){
 background-color: #ffffff; 
}

#orders-table td[data-rel="vehicle"] .messages,
#orders-table td[data-rel="vehicle"] .icon-envelope-alt{
	color:#ababab !important;
}

#orders-table td[data-rel="vehicle"].has-messages .messages,
#orders-table td[data-rel="vehicle"].has-messages .icon-envelope-alt{
	color:red !important;
}

#orders-table{
	width:100%;
	}
#orders-table.block{
	width:1300px;
	}

#orders-table tr.selected td{
	background-color:#ff9d00!important;
}

.is-link{
	color:#0d638f;
}
.is-link:hover{
	cursor:pointer;
	text-decoration:underline;
}

.ord-txt-highlight{
	cursor:pointer;
	text-decoration:underline;
	color:lilac;
}

.ord-txt-mine{
    font-size: 1.1em !important;
	font-weight: bold;
}

.ord-txt-mobile{
	color:#7243e0 !important; /*#1a6df2*/
}

#orders-table tr td{
	height:15px;
}


#orders-table .line{
	display:block;
	overflow:hidden;
}

#orders-table.block{
	overflow:hidden;
	white-space:nowrap;
}

#orders-table.block .cell{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	height:15px;
	padding:5px;
}

#orders-table.block .cell:nth-child(1){
	width:80px;
}

#orders-table.block .cell:nth-child(2){
	width:50px;
}
#orders-table.block .cell:nth-child(3){
	width:130px;
}
#orders-table.block .cell:nth-child(4){
	width:80px;
}
#orders-table.block .cell:nth-child(5){
	width:160px;
}
#orders-table.block .cell:nth-child(6){
	width:160px;
}
#orders-table.block .cell:nth-child(7){
	width:120px;
}

#orders-table.block .cell:nth-child(8){
	width:120px;
}

#orders-table.block .cell:nth-child(9){
	width:120px;
}

#orders-table.block .cell:nth-child(10){
	width:150px;
}


/*
#orders-table .cell:nth-child(1){
	width:5%;
}

#orders-table .cell:nth-child(2){
	width:5%;
}
#orders-table .cell:nth-child(3){
	width:10%;
}
#orders-table .cell:nth-child(4){
	width:5%;
}
#orders-table .cell:nth-child(5){
	width:30%;
}
#orders-table .cell:nth-child(6){
	width:15%;
}
#orders-table .cell:nth-child(7){
	width:10%;
}

#orders-table .cell:nth-child(8){
	width:5%;
}

#orders-table .cell:nth-child(9){
	width:10%;
}
	*/


/*
#orders-table .cell:nth-child(1){
	width:80px;
}

#orders-table .cell:nth-child(2){
	width:50px;
}
#orders-table .cell:nth-child(3){
	width:130px;
}
#orders-table .cell:nth-child(4){
	width:80px;
}
#orders-table .cell:nth-child(5){
	width:160px;
}
#orders-table .cell:nth-child(6){
	width:160px;
}
#orders-table .cell:nth-child(7){
	width:120px;
}

#orders-table .cell:nth-child(8){
	width:120px;
}

#orders-table .cell:nth-child(9){
	width:120px;
}
*/

#orders-table.block .cnt {
	display:inline-block;
	height:120px;
	padding-top:8px;
	margin-right:8px;
}

#orders-table.block .histories {
	width:550px;
}

#orders-table.block .histories table {
	table-layout:fixed;
	border-collapse:collapse;
}

#orders-table.block .histories table td{
	border:1px dashed silver;
	background:white!important;
}

#orders-table.block .details {
	width:650px;
	vertical-align:top;
}

#orders-table.block .line.open {
	border: 1px dashed silver;
}
#orders-table.block .line .detail{
	padding:16px;
	font-weight:normal!important;
	/*background-color: #FFD600!important;*/
}

#orders-table.block .controls {
	width:250px;
	vertical-align:top;
}

#orders-table.block .histories .inner {
	height:100%;
	white-space:nowrap;
	overflow-y:auto;
}

#orders-table.block .histories .entry{
}

#orders-table.block [data-rel=vehicle]  .msgui {
	color:#ababab ;
	width:50px !important;
}
#orders-table.block [data-rel=vehicle].has-messages  .msgui{
	color:red !important;
	width:50px !important;
}

#orders-table.block .order_num_vehicles {
	color:#2a628f;
}
#messages_topnav_menu .order-detail-link{
	display:inline!important;
	background:none!important;
}

.color-red{
	color: red !important;
}

.color-brown{
	color: brown !important;
}

.color-white{
	color: white !important;
}


.bckg-red{
	background-color: red !important;
	color: white !important;
}

.bckg-green{
	background-color: green !important;
	color: white !important ;
}

.bckg-grey{
	background-color: gray !important;
	color: white !important ;
}

.bckg-black{
	background-color: black !important;
	color: white !important ;
}

.bckg-blue{
	background-color: blue !important;
	color: white !important ;
}

.txt-xl{
	font-size: x-large;
}

.txt-l{
	font-size: large;
}

.txt-x-large{
	font-size: x-large !important;
	color: #92bdd6;
}

.txt-large{
	font-size: large !important;
	color: #92bdd6;
}

.txt-medium{
	font-size: medium !important;
	color: #92bdd6;
}

.txt-small{
	font-size: small !important;
	color: #92bdd6;
}

.color-orange{
	color: #581845 !important;
}

.color-green{
	color: green !important;
}

.calls-table-div {
	height: 300px;
	overflow-y: scroll;
}

.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
	background-color: #ffffff !important;
}

.regions-table tr td{
	height:15px !important;
	margin: 0px !important;
}

.regions-table-div{
	height: 500px;
	overflow-y: scroll;
}

#regions-table {
	height: 300px !important;
	overflow-y: scroll !important;
}

#regions-table .line{
	display:block;
	overflow:hidden;
}

#regions-table.block{
	overflow:hidden;
	white-space:nowrap;
}

#regions-table.block .cell{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	height:15px;
	padding:5px;
}

#regions-table.block .cell:nth-child(1){
	width:80px;
}

#regions-table.block .tbody >.line:nth-child(odd)>.cell,
#regions-table tbody >tr:nth-child(odd)>td{
 background-color: #E2E4FF !important;/**/
}

#regions-table.block .tbody >.line:nth-child(even),
#regions-table tbody >tr:nth-child(even){
 background-color: #ffffff !important; 
}

/* addresses-table */
.addresses-table tr td{
	height:25px !important;
	margin: 0px !important;
}

.addresses-table-div{
	height: 300px;
	overflow-y: scroll;
}

#addresses-table {
	height: 300px !important;
	overflow-y: scroll !important;
}

#addresses-table .line{
	display:block;
	overflow:hidden;
}

#addresses-table.block{
	overflow:hidden;
	white-space:nowrap;
}

#addresses-table.block .cell{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	height:15px;
	padding:5px;
}

#addresses-table.block .cell:nth-child(1){
	width:80px;
}

#addresses-table.block .tbody >.line:nth-child(odd)>.cell,
#addresses-table tbody >tr:nth-child(odd)>td{
 background-color: #E2E4FF !important;/**/
}

#addresses-table.block .tbody >.line:nth-child(even),
#addresses-table tbody >tr:nth-child(even){
 background-color: #ffffff !important; 
}


.address-table-div {
	height: 300px;
	overflow-y: scroll;
}