body {
	font-size: 12px;
	/*background-image: url(../img/bg-light.png);*/
        background-color: transparent !important;
	color: #555555;
	margin-top: 35px;
}

.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;
}

.background-color-red{
	background-color: #f56262 !important;
}

.background-color-yellow{
	background-color: #f0ff6c !important;
}

.background-color-green{
	background-color: #09f12f !important;
}

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 !important;
}

.txt_11{
    font-size: 11px !important;
}

.txt_16{
    font-size: 16px !important;
}

.txt_20{
    font-size: 20px !important;
}

@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;
}

.rowGrey td{
	background-color: #969696 !important;
	background-image: none !important;
}

.brown_colored_font{
	color: #966432;
}

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;
}

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: 10px;
    text-align: center;
}

span.notification-chat-digit{
    background-color: #7BFF00;
}

span.notification-digit{
    background-color: #A3ADFF;
}

span.notification-order-digit{
    background-color: yellow;
}

span.notification-contact-digit{
    background-color: #FF9F4C;
}

span.notification-system-digit{
    background-color: black;
    color: white;
    border: 2px solid white;
}

.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 ;
}