h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size:20px;
}
.dataTables_length {
    vertical-align: middle;
    margin-left: 30px;  
    display: inline-block;  
}

.dataTables_filter{
    float: left;    
    vertical-align: middle;
}

.dataTables_paginate {text-align:right;}

label input {
    margin-left: 5px;
}

.pagination {
    margin: 0px 0px 10px 0px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}

.table tbody tr.active, .table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #eeeeea;
}

#service_sel {
    float:left;
    margin-top: 10px;
    color: white;
    margin-left: 20px;
}
#service_sel select {
    background: white;
    padding: 5px;
    color: #555;
    border: 1px solid white;
}
img.profileimg { 
    border-radius: 50%; 
}

div.profileimg {
    border-radius: 50%;
    height: 38px;
    width: 38px;
    font-size: 18px;
    text-align: center;
    padding-top: 0px;
    background: #e5e5e5;
    
}

textarea {
    padding: 10px;
}

.pagination>li>a, .pagination>li>span {
	float: none !important;
}


table.table>tbody>tr>td {
	border-top: 1px solid #e7e7e7;
}

form.fullwidth input[type="text"], form.form.fullwidth input[type="password"], form.form.fullwidth input[type="date"], form.form.fullwidth input[type="datetime"], form.form.fullwidth input[type="datetime-local"], form.form.fullwidth input[type="month"], form.form.fullwidth input[type="week"], form.form.fullwidth input[type="email"], form.form.fullwidth input[type="number"], form.form.fullwidth input[type="search"], form.form.fullwidth input[type="tel"], form.form.fullwidth input[type="time"], form.form.fullwidth input[type="url"], form.form.fullwidth input[type="color"], form.form.fullwidth textarea, form.fullwidth select {
    width: 100%;
}

.content div.form-group.input {
    padding: 10px;
}
.content {
	padding: 20px 0px;
}
.content-header {
	padding-left: 30px;
}

.form-group {
	margin-bottom:0px;
}

.content div.input:not(:last-child) {
    border-bottom: 1px solid #ddd
}

.is_hidden {
    display:none;
}

.is_invisible {
    display:none !important;
}

/* employee contacts */
.contactrow {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

.contactrow input {padding: 5px 10px;}

input[type=text].clabel {
    text-align: right;
    width: 150px;
    display: inline;
    margin-right: 5px;
}
input[type=text].clabel:focus {
    border-width: 1px;
}

input[type=text].econtact, select.econtact {
    display: inline;
    min-width: 200px;
}

input[type=text].shortf, select.shortf {
    width: 100px;
}

.ui-widget {
    font-size: 0.9em !important;
}

.ui-datepicker table {
    font-size: 0.8em !important;
}
.box-header .box-title {
	padding: 15px 30px;
}
.box-body h3, .box-body h2  { 
    font-size: 1.6em;
    color: #888 !important;
    margin-bottom: 20px;
}
.row {
    padding: 10px;
}
.box-body {
    font-size: 13px;
    padding: 40px;
    color: #666;
}

@media only screen and (max-device-width: 480px) {
	.box-body {
	    padding: 0px;
	    color: #666;
	}
	.content {
		padding:40px 0px;
		margin: 0px;
	}
}


div.input {
    padding: 10px 20px; 
}

/* override css for jqte text editor */
.jqte {
    border:1px solid #ccc !important;
    border-radius: 1px !important;
    box-shadow: none !important;
}

.ui-multiselect-checkboxes li label {
    font-weight: normal;
}

.ui-multiselect-checkboxes input[type=checkbox] {
    margin-right: 5px;
}

@media(max-width: 640px) {

    .desktop {
        display:none;
    }


}

.tooltip {
    box-shadow: 0px !important;
    padding:2px;
    border-radius: 2px !important;
}

ul.ui-autocomplete {
    z-index: 5000;
}

ul.ui-autocomplete li {
    font-size: 0.9em;
    padding: 3px 5px;
    background: #eee
    
}

ul.ui-autocomplete li:not(:last-child) {
    border-bottom: 1px dashed #ccc;
}

.fa-bookmark, .fa-bookmark-o {
  color: #ffc600 !important;
}

.fa.tipso_style {
    color: #aaa;
    border-bottom: 0px;
    margin-left: 6px;
}


form.fullwidth.with_tips label {
    display: inline-block;
}

label {
    font-weight: 600
}

#fixed_footer {
    position: fixed;
    text-align: right;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background:#ddd;
}

/*AdminLTE override */
.logo {
    background-color: #0b4f70;
    
}

.navbar {
    background-color: #0075af;
}

/*.sidebar-menu>li>a {
    padding: 8px 5px 8px 15px;
}*/

.toast-top-center {
    top: 100px !important;
}

i.fa {
    margin-right: 0.6em !important;
    vertical-align: middle;
}

.error-message {
    color:red;
}
/* Message View */
#msgview .contact_name {font-weight: bold; margin-bottom: 10px;}
.thumb.active, .thumb:hover {
    color: #e3cf7a;
}

/*#msgview .rating span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}
#msgview .rating {
    unicode-bidi:bidi-override;
    direction:rtl;
    font-size:20px;
    margin-right: 20px;
    color: #888;
}

#msgview .rating span.star:hover {
    cursor:pointer
}

#msgview .rating span.star:before {
    content:"\f006";
    padding-right:5px;
    color:#777
}

#msgview .rating span.active:before, .rating span.star:hover:before,.rating span.star:hover~span.star:before {
    content:"\f005";
    color:#e3cf7a
}*/

#msgview .contact_entry {
    margin-bottom: 10px;
}

#msgview textarea {
    width: 100%;
}

#msgview textarea.alert {
    border: 1px solid red;
    border-radius: 1px;
}

#msgview #contact_history label {
    font-weight: normal;
    text-align: left;
}

#msgview #contact_history {
    font-size: 0.9em;
}

#msgview #contact_history .active {
    background: #e9e9e9;
}

#msgview .msg_row {
    border-bottom: 1px solid #e5e5e5;
    padding: 3px 5px;
}

#msgview .msg_row:hover {
    background: #e9e9e9;
}

#msgview #contact_history label {width: 120px; text-align:right; display: inline-block; margin-right: 10px; word-wrap: break-word}
#msgview #contact_history i {color: #aaa;}


#msgview .msg_row label { width: 250px;}
#msgview #forwardModal label {width: 150px;}

.tipso_style {
  cursor: pointer !important;
}

.page-help {
    color: #ccc;
    margin-left: 30px;
}

i.fa.fa-eye {
    vertical-align: baseline;
    color: #888;
    margin-left: 10px;
    
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
}