/* Globals*/

/* Helper classes */
.mt {margin-top: 10px !important;;} .mr {margin-right: 10px !important;;} .mb {margin-bottom: 10px !important;} .ml {margin-left: 10px !important;} .margin {margin: 10px;} .mt10 {margin-top: 10px;}
.mt2 {margin-top: 2px !important;} .mr2 {margin-right: 2px  !important; } .mb2 {margin-bottom: 2px !important;} .ml2 {margin-left: 2px !important;}
.mt3 {margin-top: 3px !important;} .mr3 {margin-right: 3px !important;} .mb3 {margin-bottom: 3px !important;} .ml3 {margin-left: 3px !important;}
.mt4 {margin-top: 4px !important;} .mr4 {margin-right: 4px !important;} .mb4 {margin-bottom: 4px !important;} .ml4 {margin-left: 4px !important;}
.mr5 {margin-right: 5px !important;} .mt5 {margin-top: 5px;} .mb5 {margin-bottom: 5px !important;} .ml5{margin-left: 5px;}
.mt13 {margin-top: 13px !important;} .mr13 {margin-right: 13px;} .mb13 {margin-bottom: 13px;} .ml13 {margin-left: 13px;} 
.mt14 {margin-top: 14px !important;} .mr14 {margin-right: 14px;} .mb14 {margin-bottom: 14px;} .ml14 {margin-left: 14px;}
.mt15 {margin-top: 15px !important;} .mr15 {margin-right: 15px;} .mb15 {margin-bottom: 15px;} .ml15 {margin-left: 15px;}
.mt20 {margin-top: 20px !important;} .mr20 {margin-right: 20px;} .mb20 {margin-bottom: 20px !important;} .ml20 {margin-left: 20px !important;} .m20 {margin: 20px;}
.mt45 {margin-top: 45px;} .ml45 {margin-left: 45px;} .mb45 {margin-bottom: 45px;} .ml110{ margin-left: 110px !important; }
.mt25 {margin-top: 25px !important;} .mr25 {margin-right: 25px;} .mb25 {margin-bottom: 25px;} .ml25 {margin-left: 25px;} 
.mt0 {margin-top: 0px !important;} .mr0 {margin-right: 0px !important;} .mb0 {margin-bottom: 0px !important;} .ml0 {margin-left: 0px !important;} .m0 {margin: 0px !important;}
.mt4 {margin-top: 4px !important;} .mr4 {margin-right: 4px;} .mb4 {margin-bottom: 4px;} .ml4 {margin-left: 4px !important;}
.mt5 {margin-top: 5px !important;} .mr5 {margin-right: 5px;} .mb5 {margin-bottom: 5px;} .ml5 {margin-left: 5px !important;}
.mt6 {margin-top: 6px !important;} .mr6 {margin-right: 6px;} .mb6 {margin-bottom: 6px;} .ml6 {margin-left: 6px !important;}
.mt8 {margin-top: 8px!important;} .mr8 {margin-right: 8px;} .mb8 {margin-bottom: 8px;} .ml8 {margin-left: 8px;}
.mt7 {margin-top: 7px!important;} .mr7 {margin-right: 7px;} .mb7 {margin-bottom: 7px;} .ml7 {margin-left: 7px;}
.mt23 { margin-top: 23px !important; }
.mt30 {margin-top: 30px!important;} .mr30 {margin-right: 30px;} .mb30 {margin-bottom: 30px !important;} .ml30 {margin-left: 30px;}
.mt40 {margin-top: 40px!important;} 
.mt50 {margin-top: 50px!important;} 
.mt60 {margin-top: 60px;}
.mt230 {margin-top: 230px;} .mr230 {margin-right: 230px;} .mb230 {margin-bottom: 230px;} .ml230 {margin-left: 230px;}

.mt-10 {margin-top: -10px !important;} .mr-10 {margin-right: -10px;} .mb-10 {margin-bottom: -10px;} .ml-10 {margin-left: -10px;}
.mt-15 {margin-top: -15px !important;} .mr-15 {margin-right: -15px;} .mb-15 {margin-bottom: -15px;} .ml-15 {margin-left: -15px;}

.no_margin {margin: 0 !important}

.p0 {padding: 0px !important;} .padding {padding: 10px}.pt {padding-top: 10px;} .pr {padding-right: 10px;} .pb {padding-bottom: 10px;} .pl {padding-left: 10px;}
.p3 {padding: 3px !important;}
.pt5 {padding-top: 5px;} .pr5 {padding-right: 5px;} .pb5 {padding-bottom: 5px;} .pl5 {padding-left: 5px;}
.p8 {padding: 8px;}.pt8 {padding-top: 8px;} .pr8 {padding-right: 8px;} .pb8 {padding-bottom: 8px;} .pl8 {padding-left: 8px;}
.pl15 {padding-left: 15px} .pt15 {padding-top: 15px;} 
.p20 {padding: 20px;}.pt20 {padding-top: 20px;} .pr20 {padding-right: 20px;} .pb20 {padding-bottom: 20px;} .pl20 {padding-left: 20px;}

.scroll200{ max-height: 200px; overflow-y: scroll; }
.scroll400{ max-height: 400px; overflow-y: scroll; }
.scroll500{ max-height: 500px; overflow-y: scroll; }

.mw190{ min-width: 190px; }
.full-width {width: 100%}
.w-100{ width: 100%;  }
.w10  { width: 10px;  }
.w50  { width: 50px;  }
.w70  { width: 70px;  }
.w87  { width: 87px;  }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w190 { width: 188px; } 
.w200 { width: 200px; }

.inline {display: inline;} .relative {position:relative !important;} .solid_bg {background: #fff; border: 1px solid #dbe2eb; border-radius: 5px; }
.fixed {position:fixed !important; z-index: 100;} .fixed-top {top: 0} .fixed-right {right: 0} .fixed-bottom {bottom: 0} .fixed-left { left: 0}
.bordered {border: 1px solid #e7e7e7} 

.font14 { font-size: 14px; }
.font18 { font-size: 18px; }
.bold { font-weight: bold; }

.bs-separator {margin: 10px -10px 10px -10px; }
hr {margin: 0; border: 0; border-top: 1px solid #d9e3eb; border-bottom: 1px solid white; }

.spanclear {clear: both !important; display: block !important; float: none !important}

.left {float: left} .right {float: right}
.collapsible_on {cursor: pointer;} [data-target]{z-index: 1000;}
.collapsible_on td {word-break: break-word;}
.MetaVariation {display: block;height:20px; line-height: 20px;} 
.addMetaVariation { font-size: 14px !important; position: relative !important; top: 5px !important; right: 2px !important; color: #333 !important;}

.toggleOn {display: block;} .toggleOff {display: none;}

/* Offest classes */
.offset-top { top: 50px; }
.offset-top-45 {position: relative; margin-top: 65px }

h1, h2, h3, h4, h5, h6 {
	margin: 8px 0;
	font-family: inherit;
	font-weight: normal;
	line-height: 20px;
	color: inherit;
    text-rendering: optimizelegibility;
}
.h15 {height: 15px !important; line-height: 15px !important; font-size: 12px !important;}
textarea.h15 {height: 15px; line-height: 15px; font-size: 12px !important;}

a.none-decoration{ text-decoration: none; }

.right-position{
    left: auto;
    right: 0;
}

textarea, input[type="text"], input[type="password"], 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"], .uneditable-input {
	border: 1px solid #bfccda;
	box-shadow: none;
	color: #324669;
	height: 36px;
	padding: 4px 10px;
	box-sizing: border-box;
}
textarea {
	height: auto;
}
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 {
	background-color: #fff;
	border: 1px solid #c3e2fc;
	color: #324669;
	box-shadow: 0 0 0 3px rgb(233 246 254);
}
.uneditable-input, .uneditable-textarea {
    background-color: #f1f4f8;
    border: 1px solid #dbe2eb;
    color: #a3b3c6;
}
select {
	height: 36px;
    border: 1px solid #bfccda;
    color: #324669;
}
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: none;
}
input::placeholder,
textarea::placeholder {
    color: #a3b3c6;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
	background-color: #f1f4f8;
}
.input-block-level {
	min-height: 36px;
}

.overflow-hidden { overflow: hidden; }

/* ------------------------------------------------------------ *\
    Full Screen
\* ------------------------------------------------------------ */

.full-screen { height: 100vh; }
.full-screen .table-dropdown-holder { z-index: 103; }
.full-screen .row-fluid-base { position: fixed; top: 0px; left: 0; bottom: 0; right: 0; height: 100vh; width: 100vw; min-height: auto; }

/* SELECT 2 */
.table-et .chosen-select {
    width: 220px;
}
.table-et .chosen-select.input-xlarge {
    width: 270px;
}
.table-et .chosen-select.input-xxlarge {
    width: 530px;
}
.table-et .input-block-level {
    width: 100%;
}
.select2-container-multi:after, .select2-container-multi:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border: solid #8b9aad;
    border-width: 0 1px 1px 0;
    position: absolute;
    top: calc(50% + 3px);
    right: 3px;
    transform: rotate(45deg) translate(calc(-50% - 3px), 0);
    z-index: 1;
}
.select2-container-multi:before {
    top: calc(50% - 1px);
    border-width: 1px 0 0 1px;
}
div.select2-container-multi ul.select2-choices, div.select2-container a.select2-choice {
	background-image: none;
    border: 1px solid #bfccda;
    min-height: 34px;
}
div.select2-container-multi.select2-container-active ul.select2-choices {
	border: 1px solid #c3e2fc;
    box-shadow: 0 0 0 3px rgb(233 246 254);
}
div.select2-container-multi ul.select2-choices li.select2-search-field input {
	background: #fff;	
	color: #a3b3c6 !important;
	font-size: 14px;
	padding: 6px 10px;
}
div.select2-container-multi ul.select2-choices li.select2-search-choice {
	border-radius: 5px;
    background-color: #f1f4f8;	
    border: none;
    box-shadow: none;
    background-image: none;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #324669;
}
ul.select2-results li.select2-no-results {
	border-radius: 5px;
}
a.select2-search-choice-close {
	background-image: url(../img/select2.png); 
	top: 6px;
	left: 5px;
}
div.select2-drop {
    box-shadow: 0px 5px 16px 0px rgb(23 42 65 / 23%);
    border-radius: 5px;
    border: none;
    margin-top: 5px;
}
div.select2-drop.select2-drop-above.select2-drop-active {
	box-shadow: 0px 5px 16px 0px rgb(23 42 65 / 23%);
	border: none;
	border-radius: 5px;
	margin-bottom: 5px;
}
ul.select2-results {
	padding-left: 8px;
	margin: 8px 8px 8px 0px;
}
ul.select2-results li {
	color: #364567;
	padding: 7px 10px;
}
ul.select2-results li.select2-highlighted {
	background: #f1f4f8;
	color: #364567;
	border-radius: 5px;
}
.search-highlight{
    background-color: #b6e0fe;
}
div.select2-container a.select2-choice {
    color: #324669 !important;
    padding: 7px 10px 7px 10px;
}
div.select2-container a.select2-choice span.select2-arrow {
    border: none;
    border-radius: 0px;
    width: 10px;
    display: flex;
    align-items: center;
}
div.select2-container a.select2-choice span.select2-arrow b {
    background: none;
    border: solid #8b9aad;
    border-width: 0 1px 1px 0;
    width: 5px;
    height: 5px;
    transform: rotate(45deg) translate(calc(-50% - 3px), 0);
}
div.select2-dropdown-open a.select2-choice {
	background-color: #fff;
	border-radius: 4px; 
}
div.select2-container.select2-container-disabled .select2-choice {
    background-color: #f1f4f8;
    background-image: none;
    border: 1px solid #bfccda;
    cursor: default;
}
div.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f1f4f8;
}
div.select2-drop div.select2-search {
	padding: 8px 8px 0px 8px;
}
div.select2-drop div.select2-search input{
	background: none;
	border-color: #dbe2eb;
	border-radius: 4px;
	color: #324669;
    min-height: 38px;
    box-shadow: none;
}
div.select2-drop div.select2-search:before {
    content: '';
    background: url(../img/select2.png) no-repeat 100% -22px;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 8px;
    top: calc(50% - 8px);
}
/************ MAIN ******************/
.loader-content {
    position: relative;
}
.loader {
    background: rgba(255, 255, 255, 0.8) url('../img/loader.gif') no-repeat center center;
    width:100%;
	height:100%;
    position: absolute;
	top:0;
	left:0;
	z-index: 1001;
}
.loader-text {
    color: #879aaf;
    text-align: center;
}
.loader-text i.icon-spinner {
    -webkit-animation: spin 4s infinite linear;
    margin-right: 5px;
}
body.system {
	background-color: #fbfcfd;
	font-size: 13px;
	color: #324669;
}

.label, .badge, #service_fields_container .label {
	background-color: #324669;
	letter-spacing: 0;
	border-radius: 5px;
	padding: 2px 4px;
}
#service_fields_container .label {
    margin: 2px 0px;
    text-align: left;
}

.red .label, .red .badge {
	background-color: #e73c30;
}
.label-blank, .badge-blank {
	border: none;
	color: #324669;
}
.label-blank i {
	font-size: 16px;
	color: #324669;
	font-weight: 900;
}
.label-large {
    font-size: 12px;
    line-height: 14px;
    padding: 4px 6px;
}
.label a { color: #ffffff; }

/* breadcrumb */
.breadcrumb {
	background: none;
	border: none;
	font-size: 14px;
	padding: 0px;
}
.breadcrumb > li, .breadcrumb > li > .divider {
	color: #687d96;
}
.breadcrumb > li i {
	color: #687d96;
    margin: 0px 8px;	
}
.breadcrumb > li a i {
	margin: 0px;
}
.breadcrumb > li a {
	font-weight: bold;
}
.breadcrumb > li a:hover {
	text-decoration: none;
	color: #33476a;
}
.breadcrumb_nomargin{
    margin-bottom: 0px;
}

/* TABLES */
.table th, .table td {
    line-height: 18px;
    height: 35px;
    padding: 5px 8px;
}
.table thead th, .table th {
	vertical-align: middle;
}
.table td.et-operations-box {
	padding: 0px 4px;
}
.table th, .table th a {
    color: #324669;
}
.table-striped tbody > tr > td, .table-striped tbody > tr > th {
    background-color: #fff; 
}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #fcfdfe;
}
.table-bordered {
	border: 1px solid #dbe2eb;
}
.table-bordered th:first-child, .table-bordered td:first-child {
    border-left: 0px;
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #f1f4f8;
}
.table-bordered th, .table-bordered td {
    border-top: 1px solid #f1f4f8;
}

.table-hover tbody tr:not(.no-hover):hover td, .table-hover tbody tr:not(.no-hover):hover th,
.table-hover tbody tr:not(.no-hover):hover > td, .table-hover tbody tr:not(.no-hover):hover > th {
    background-color: #f1f4f8;
}
.table tbody tr.success > td, .table tr td.success, .table tr th.success {
	background-color: #d1f5e3 !important;
}
.table tbody tr.error > td, .table tr td.error, .table tr th.error {
	background-color: #fae4e4 !important;
}

/* table with hover of rows and columns */
.table-responsive-hover-column .sticky-wrap-head {
    z-index: 8;
}
.table-hover-column thead th {
    overflow: hidden;
}
.table-hover-column thead th a {
    color: #0088cc;
    font-weight: normal;
}
.table-hover-column thead th a:hover {
    text-decoration: underline;
}
.table-hover-column tbody td, .table-hover-column tbody th {
    position: relative;
}
.table-hover-column tbody td input, .table-hover-column tbody td a {
    position: relative;
    z-index: 6;
}
.table-hover-column tbody tr:not(:first-child) td:not(:first-child):hover::after {
    background-color: #f1f4f8;
    content: '';
    width: 100%;
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    z-index: 5;
}

/* sticky table */
.sticky-wrap-head {
	background: #fff;
	border-bottom: 1px solid #f1f4f8;
	position: sticky;
	position: -webkit-sticky;
	overflow-x: overlay;
    overflow-y: hidden;
    z-index: 3;
    top: 49px;
}
.sticky-wrap-head::-webkit-scrollbar-thumb {
	background-color: #dbe2eb;
	border-width: 2px;
}
.sticky-wrap-body {
    scrollbar-width: none;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}
.sticky-wrap-body::-webkit-scrollbar {
    height: 0;
    width: 0;
    display: none !important;
}
.sticky-wrap-head table.table th {
    padding-bottom: 10px;
}
.sticky-wrap-body thead th, .sticky-wrap-body thead td {
    visibility: collapse;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    border-top: 0;
    border-bottom: 0;
    font-size: inherit;
}
.sticky-wrap-body thead th > * {
	display: none;
}
.sticky-wrap-body thead th > div.tablesorter-header-inner {
    visibility: hidden;
    display: block;
}
div.table-responsive-sticky {
	position: relative;
}
div.table-responsive-sticky table.table th, div.table-responsive-sticky table.table td {
    box-sizing: border-box;
}
.table-firstcolumn-sticky tr th:first-child, .table-firstcolumn-sticky tr td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    border-right: 1px solid #f1f4f8;
    z-index: 7;
}
.table-firstcolumn-sticky tr th:nth-child(2), .table-firstcolumn-sticky tr td:nth-child(2) {
    border-left: 0px;
}
.table-responsive-sticky-inner-table {
    table-layout: fixed;
}
.table-responsive-sticky-inner-table tr td:first-child {
    width: 80px;
}
/*- Card Full Screen -*/
.widget-full-screen {
   padding-bottom: 0;
}
.widget-full-screen { position: fixed; top: 0; left: 0; right: 0; width: 100%; margin: 0 !important; z-index: 102; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.widget-full-screen .widget-inner { position: relative; height: 100vh; overflow-y: scroll; }
.widget-full-screen .widgetTitle { margin-top: 48px; }

.widget-full-screen .table { margin: 0 auto; }

.table-dropdown-holder {
    position: absolute;
    display: none;
    z-index: 100;
}
.table-dropdown-holder.opened-element, .table-dropdown-holder.opened-element .dropdown-menu {
	display: block;
}
.table-dropdown-holder .dropdown-menu {
    margin-top: 8px;
}
.table-dropdown-holder .dropdown-menu:after {
    right: 10px;
    left: auto;
}
.dropdown-menu-container {
    padding: 10px;
}
/* BUTTONS */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	border: none; 
}
.btn {
	background-color: #dbe2eb;
	border: none;
	background-image: none !important;
	border-radius: 5px;
	color: #172a41;
	box-shadow: none;
	text-shadow: none;
	font-weight: 500;
	vertical-align: middle;
	padding: 8px 15px;
}
.btn:hover {
	background-color: #bfccda;
}
.btn.active, .btn:active, .btn:focus {
	background-color: #a3b3c6;
	border: none;
	box-shadow: none;
	outline: 0;
}
.btn.disabled, .btn[disabled] {
	background-color: #e7edf5;
}
.btn .caret {
	margin-left: 9px;
}
.btn-mini, .btn-small, .simple-btn.btn-mini {
	padding: 2px 6px;
}
.back-btn {
	z-index: 2;
	position: relative;
}
.btn.input-block-level {
	width: 100%;
}
.btn.pl {
    padding-left: 10px;
}
.btn.pr {
    padding-right: 10px;
}
/* primary */
.btn-primary {
	background-color: #2355a1;
	color: #fff;
}
.btn-primary:hover {
    background-color: #1c4598;
}
.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]  {
    background-color: #123478;
}


/* info */
.btn-info {
    background-color: #c3e2fc;
    color: #2355a1;
}
.btn-info:hover {
    background-color: #8dc3f5;
    color: #092156;
}
.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]  {
    background-color: #61a2ed;
    color: #092156;
}
.btn-info .caret {
	border-top-color: #2355a1;
	border-bottom-color: #2355a1;
	color: #2355a1;
}
.btn-info:focus .caret, .btn-info:hover .caret {
	border-top-color: #092156;
    border-bottom-color: #092156;
    color: #092156;
}

/* success */
.btn-success {
	background-color: #68ba96;
	color: #fff;
}
.btn-success:hover {
	background-color: #57a886;
}
.btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled]  {
	background-color: #489275;
}
.text-success {
    color: #489275 !important;
}

/* warning */
.btn-warning {
    background-color: #e6b64a;
    color: #813218;
}
.btn-warning:hover {
    background-color: #d2943b;
}
.btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled]  {
    background-color: #be7230;
}

/* danger */
.btn-danger {
    background-color: #db5a54;
    color: #fff;
}
.btn-danger:hover {
    background-color: #cd3f41;
}
.btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled]  {
    background-color: #bc2d2e;
}
.text-danger {
    color: #bc2d2e !important;
}

/* inverse */
.btn-inverse {
    background-color: #394e66;
    color: #fff;
}
.btn-inverse:hover {
    background-color: #293b51;
}
.btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]  {
    background-color: #172a41;
}

/* disabled */
.text-disabled {
    font-style: italic;
    opacity: 0.6;
}
span.disabled, table tr.disabled td{
   color: #bfccda;
}

.textarea-resize-none {
    resize: none;
}

.btn.btn-et {
	display: inline-flex;
	line-height: 14px;
    padding: 8px 10px;
}
.btn-group.open .btn.dropdown-toggle {
    background-color: #a3b3c6;	
    box-shadow: none;
}
.btn-group > .btn + .dropdown-toggle {
	box-shadow: none;
}
table tr td > .btn-group > .btn.dropdown-toggle .caret {
	margin-left: 0px;
}
.nav-tabs > li > a.btn {
    background: #dbe2eb;
    border: none;
    box-shadow: none;
    color: #172a41;
    text-shadow: none;
}
.nav-tabs > li > a.btn:hover {
	background-color: #bfccda;
}
.btn-back {
	margin-bottom: 20px;
}

.btn-add-navbar {
    float: left;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

/* Call hub statuses */
.break {
    background-color: #ed3d3d !important;
    color: #fff;
}
.free {
    background-color: #84c380 !important;
    color: #fff;
}
.back_office {
    background-color: #222222 !important;
    color: #fff;
}
.in_call {
    background-color: #4b4bd4 !important;
    color: #fff;
}
.after_call {
    background-color: #dda045 !important;
    color: #fff;
}

/* ALERTS */
.alert {
    border: none;	
    box-shadow: 0px 5px 7px 0px rgb(212 234 227 / 50%), 0px 5px 2px 20px rgb(214 234 227 / 5%);
    padding-top: 10px;
    margin-bottom: 20px;
}
.alert strong {
	line-height: 22px;
	padding-right: 8px;
	margin-right: 10px;
}
/* error */
.alert-danger, .alert-error {
	background-color: #fff1f1;
	border: 1px solid #e6c8c9;
	color: #9b2226;
	box-shadow: 0px 5px 6px 0px rgb(240 222 223 / 50%), 0px 10px 20px 20px rgb(240 222 223 / 20%);
} 
.alert-danger .close, .alert-error .close, .helper-error {
    color: #9b2226;
}
.alert-danger strong, .alert-error strong {
    border-right: 1px solid #cd898b;
}
/* success */
.alert-success {
    background-color: #f2fcf6;
    border: 1px solid #d6e4de;
    color: #3c7b65;
    box-shadow: 0px 5px 7px 0px rgb(212 234 227 / 50%), 0px 5px 2px 20px rgb(214 234 227 / 5%);
} 
.alert-success .close {
    color: #3c7b65;
}
.alert-success strong {
    border-right: 1px solid #97bbad;
}
/* warning */
.alert-warning {
    background-color: #fffbe4;
    border: 1px solid #efdccb;
    color: #be7230;
    box-shadow: 0px 5px 7px 0px rgb(235 225 217 / 50%), 0px 5px 2px 20px rgb(235 225 217 / 7%);
} 
.alert-warning .close {
    color: #be7230;
}
.alert-warning strong {
    border-right: 1px solid #deb68a;
}
/* info */
.alert-info {
    background-color: #e9f6fe;
    color: #1c4598;
    border: 1px solid #c6d0e5;
    box-shadow: 0px 5px 15px 0px rgb(224 226 230 / 50%), 1px 5px 8px 0px rgb(224 226 230 / 50%);
} 
.alert-info .close {
	color: #1c4598;
	top: 0px;
}
.alert-info strong {
	border-right: 1px solid #829dcb;
}

.alert-debuginfo{
  background-color: #fafafa;
  border-color: #e7e7e7;
  color: #333333;
  box-shadow: 0px 5px 7px 0px rgb(214 221 235 / 50%), 0px 5px 2px 20px rgb(214 221 235 / 5%);
}
  
.btn-on{ background-color: #da4f49 !important; border-color: #da4f49 !important; color: #fff !important; }
  
table.error{ border: 1px solid #eed3d7; }
table.error tr th{ border-left: 1px solid #eed3d7; color: #b94a48; }
table.error tr td{ background-color: #f2dede; border-left: 1px solid #eed3d7; border-top: 1px solid #eed3d7;  }

.info-icon, .info-icon:hover{
	color: #536270;
	text-decoration: none;
}

.text-flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
}

/* Navigation bar */
.welcome-user {
	color: #092156; 
	font-size: 14px; 
	font-weight: bold; 
	padding: 12px 0 0 25px;
}
.welcome-user li a span {
	color: #092156; 
    font-size: 14px; 
    font-weight: bold; 
}
.welcome-user .dropdown-menu {
	margin-top: 10px;
}
.welcome-user img {max-width: 25px; max-height: 25px; overflow: hidden; vertical-align:middle; border-radius: 3px;}
.systemUpdate {position: relative; background: transparent; color: white; padding-left:10px; padding-right: 10px; line-height:35px; display: block; margin-left: 10px; font-size: 12px;}
.exclamation {position: relative; background: #AC193D; color: white; padding-left:10px; padding-right: 10px; margin-right: 5px; line-height:35px; display: block; margin-left: 10px}
.updateMessage {position: absolute;top: 35px; background:#404853; box-shadow: 0 4px 10px white; border-bottom: 3px solid #AC193D; color: #ffffff; padding:0 10px; margin-left: 10px; min-width:400px; font-size: 13px;} 
.customClose {position: absolute;color: white; top: 35px; right: -265px; overflow: visible; background: #404853; border-bottom: 3px solid #AC193D; line-height: 35px; font-weight: normal; border-left: 1px solid white; padding-left: 10px; padding-right: 10px; opacity: 1;}
.customClose:hover {opacity: 1; background: #AC193D; color: #ffffff;}
.custom_container:before {
	content: '';
	display: inline-block;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-bottom: 6px solid #FFF;
	position: absolute;
	top: -6px;
	right:12.5%;
}
.custom_container {height:auto; display:none; position:absolute; border: 1px solid #AAA; box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); border-radius:5px; background:#fff; right:0; padding:10px;}
#convertor {width: 220px;}
#convertor input {height: 14px; line-height: 18px; float: left; margin-bottom: 10px; width: auto !important;}
#convertor label {float: left; clear: both; margin-bottom: 10px; min-width: 45px; font-size: 12px;}
#convertor legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #E5E5E5;
}

/* dropdown-menu */
.dropdown-menu {
	border: none;
	box-shadow: 0px 0px 9.95px 0.05px rgba(35, 85, 161, 0.05), 0px 0px 9.995px 10px rgba(57, 105, 172, 0.05);
	padding-top: 8px;
}
.dropdown-menu::after {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
    top: -5px;
    left: 10px;
}
.dropdown-menu::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 9px;
}
ul.dropdown-menu ul.dropdown-menu::after {
	content: none;
}
.dropdown-submenu > a:after {
	border-left-color: #364666;
	margin-right: 0px;
}
.dropdown-submenu > a:hover:after, .dropdown-submenu > a:visited:after, .dropdown-submenu > a:active:after, .dropdown-submenu > a:before, .dropdown-submenu:hover > a:after {
	border-left-color: #364666;
}
.btn-group .dropdown-menu {
	margin-top: 8px;
}
.dropdown-caret {
    margin-left: 5px;
}
.dropdown-caret .dropdown-menu {
    left: -12px;
}
.btn-group .dropdown-menu:after {
	right: 10px;
	left: auto;
}
.dropdown-menu-left, .btn-group .dropdown-menu-left:after {
	right: auto;
    left: 10px;
}
.navbar .nav > li > .dropdown-menu::before {
	border: none;
}
.navbar .nav > li > .dropdown-menu::after {
	top: -5px;
}
.navbar .nav > li > .dropdown-menu-right::before, .navbar .nav > li > .dropdown-menu-right::after {
    right: 9px;
    left: auto;
}
.dropdown-menu li {
	min-width: 50px;
	padding: 0px 8px 8px 8px;
}
.dropdown-menu li.divider {
    margin-bottom: 5px;	
}
.dropdown-menu > li > a {
	padding: 7px 10px;
    color: #324669;	
}
.dropdown-menu .child {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
.dropdown-menu .child > .dropdown-menu .child a:hover .dropdown-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display: block;
    margin-top: -1px;
}
.dropdown-menu li:hover .child {
    visibility: visible;
    display: block;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .nav ul.dropdown-menu li.active > a, .nav ul.dropdown-menu li.active > a:hover, .nav ul.dropdown-menu li.active > a:focus {
	background-color: #f1f4f8;
	color: #364567;
	border-radius: 6px;
}

.navbar .child:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .child:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.dropdown-menu .level3 ul.dropdown-menu {display: none}
li.level3:hover .childOfChild {display: block;}

.dropdown-menu .caret {float: right; border-top: 4px solid #333;}

.dropdown-menu li a .caret { border-top-color:#404853 !important;}
.dropdown-menu li a:hover .caret { border-top-color:#ffffff !important;}

.dropdown-menu .spanclear{
	min-height: 0px !important;
}

.dropdown-menu .label{
	margin: 2px !important;	
}

.flag_label {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: normal;
  line-height: 12px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #536270;
  margin-top: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

ul.dropdown-menu-right, div.dropdown-menu-right {
	right: 0;
	left: auto;
}
ul.dropdown-menu-right:after {
    left: auto;
    right: 10px;
}
ul.dropdown-menu-buttonup{
	bottom: 100%;
	top: auto;
}
.bg { background: #bfccda; }
.fg { color: #fff; }
.marker-dev {
	background-color: #f0a09d;
	color: #9b2226;
	padding: 5px 10px;
} 
.header-content {
	background-color: #fff;
    width: 100%;
    position: fixed;
    box-shadow: 0px 2px 15px 0px rgb(224 226 230 / 50%), 0px 2px 8px 0px rgb(224 226 230 / 50%);
    z-index: 2030;
}
.brand_container {
  background-color: #fff;	
  line-height: 22px;
  text-align: center;
  width: 138px;
  float: left;
  padding:0;
  margin-left: 0px;
  top: 0;
  left:0;
  width: 221px;
  height: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.brand_container a, .title {
  font-family: 'RobotoThin', Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
}
.brand_container a {
  color: #2355a1;
  text-decoration: none;
  display: block;
  font-weight: normal;
  margin-left: 6px;
}

.brand_container a.top-logo {
    width: 146px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-left: 15px;
}
.brand_container a.top-logo img {
    max-width: 100%;
    max-height: 100%;
}

/*** HOLIDAY THEME HEADERS ****/
.top-logo-xmass {
    margin-top: -6px;
}
.top-logo-martenica {
    position: relative;
}
.top-logo-martenica-content {
    position: absolute;
    height: 100px;
    right: -13px;
    top: 10px;
}

.navbar .brand {
  white-space: nowrap;
  display: table-cell;
  margin-left: 0px;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  font-family: 'RobotoLight', Arial, sans-serif;
  line-height: 35px;
  float: left;
}

.brand img {max-width: 150px;}

.navbar .brand-center {
  float: none;
  display: block;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #cecece;
}
.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}
.navSizeToggle{
  position: relative;
  cursor: pointer;
  margin-left: 12px;
}
.navSizeToggle img {
	height: 12px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: static;
    width: calc(100% - 221px);
    float: right;
}

.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}

.navbar-link {
  color: #777777;
}

.navbar-link:hover,
.navbar-link:focus {
  color: #333333;
}

.navbar .divider-vertical {
  height: 30px;
  /*margin: 0 9px;*/
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}

.navbar .btn {
    margin-top: 6px !important;
}
.navbar .btn.btn-small {
    margin-top: 12px !important;
}
.navbar .btn.btn-small i {
	margin-right: 0px;
}
.navbar .dropdown-menu .btn {
	margin-top: 0px !important;
} 
.navbar .btn i {
	margin-right: 5px;
}
.navbar .btn-group .btn:nth-of-type(1) {
	border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.navbar .btn-group .btn.pull-left .caret {
	margin-left: 0px;
}

.call-answer-dropdown {
	right: 1px;
}
.call-answer-dropdown .input-small{ margin-top: 7px; }

/* Switchers */
.navbar-inner ul.switchers {
	margin-top: 7px;
}

.navbar-inner ul.switchers li a{
	color: #BABABA;
}

.navbar-inner ul.switchers li a, .navbar-inner ul.switchers li a.active, .navbar-inner ul.switchers li a:hover {
    color: #879aaf;
    font-size: 14px;
}

.navbar-inner ul.switchers li a {
    padding: 7px;	
}

.navbar-inner ul.switchers li a span.notif-badge{
	top: -1px;
	right: 0;
}

.navbar .nav > li {
    box-shadow: none;	
}

.navbar .nav > li > a, .navbar .nav > li > a:hover {
	color: #172a41;
    font-size: 14px;
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
	background: none;
	color: #172a41;
}

.navbar-theme.navbar-inverse .navbar-inner .nav li.dropdown.open > .dropdown-toggle, .navbar-theme.navbar-inverse .navbar-inner .nav li.dropdown.active > .dropdown-toggle, .navbar-theme.navbar-inverse .navbar-inner .nav li.dropdown.open.active > .dropdown-toggle {
	background: none;
	color: #172a41;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret,
.navbar-inner .nav .dropdown a .caret, .navbar-inner .nav .dropdown a:hover .caret, .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #879aaf;
	border-bottom-color: #879aaf;
}
.nav .dropdown-toggle .caret {
    border-top-color: #172a41;
    border-bottom-color: #172a41;
}
.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
    border-top-color: #2355a1;
    border-bottom-color: #2355a1;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
    background-color: #dbe2eb;
    color: #172a41;
}
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
    border-top-color: #172a41;
    border-bottom-color: #172a41;
}
.top-nav ul.nav li a span.notif-badge{ border-radius: 50%; min-width: 10px; top: -1px; text-align: center; font-size: 10px; }
.top-nav ul.nav{ margin: 9px 3px 0 0; }
.top-nav ul.nav > li > a{ padding: 5px 6px; }
.top-nav ul.nav li a i:last-child{ margin-left: 5px; }
.top-nav ul.nav li a.ui-datepicker-prev, .top-nav ul.nav li a.ui-datepicker-next{ padding: 0px; }
.top-nav ul.nav ul.dropdown-menu :not(.ui-datepicker) li a{ padding: 7px 20px; }

.attr-label{
	padding: 0px 10px 0px 10px;
}

#day-offs-search-form-button {
  display: none;
}

/* Navbar Inner */

.navbar-theme .navbar-inner {
  background: #fff;
  height: 50px;
  border: none;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	box-shadow: none;
}

.navbar-inner .delimiter {
	border-left: 1px solid #ebeff4;
	height: 50px;
	display: block;
}

.navbar-inner .nav .dropdown-menu {
	font-size: 13px;
}

.navbar-inner .nav .dropdown a i {
	color: #879aaf;
}

.navbar-inner .nav .dropdown a .caret {
	margin: 9px 0px 0px 10px;
}

a.btn-icon{
	text-decoration: none;
	cursor: pointer;
}
.top-filters .nav-tabs li a.simple-btn, .simple-btn{
	background-color: #dbe2eb;
    color: #172a41;
    border-radius: 5px;
    padding: 6px 10px;
}
a.simple-btn:hover {
  text-decoration: none;
}
.top-filters .nav-tabs li a.btn {
    padding: 7px 10px;
}

/* Flyour panes*/

#ajax-flyout {display: none}

/* Left Side */

.leftSide {
  background-color: #fff;
  box-shadow: 0px 2px 15px 0px rgb(224 226 230 / 30%), 10px 0px 20px 0px rgb(224 226 230 / 30%);
  position: fixed;
  top: 40px;
  padding-top: 10px;
  left: 0;
  width: 220px;
  display: block;
  bottom: 0;
  z-index: 10;
}

.leftSide .accordion-group {
  margin-bottom: -1px;
}

.leftSide .accordion-heading .accordion-toggle {
  display: block;
  padding: 10px;
  font-size: 12px;
}
.leftSide .accordion-inner {
  font-size: 12px;
}
.leftSide a.accordion-toggle {
  color: #6d6d6d;
  text-transform: uppercase;
  font-size: 10px !important;
  font-weight: bold;
}
.leftSide a.accordion-toggle:hover {
  border-left: 3px solid #404853;
  padding-left: 12px;
}
.leftSide a.accordion-toggle.active {
  border-left: 3px solid #404853;
  padding-left: 7px;
}
.leftSide .accordion-heading a {
  border-left: 0px solid #404853;
  -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;
  /*line-height: 18px;*/
}
.leftSide .accordion-heading a:hover {
  border-left: 3px solid #404853;
}
.leftSide .accordion-heading {
  color: #404853;
}
.leftSide .accordion-toggle i {
  font-size: 16px !important;
  color: #595959;
  padding-right: 10px;
  top: 1px;
  position: relative;
}
.leftSide a:hover.accordion-toggle {
  text-decoration: none
}

.leftSide .accordion-group {
  border-radius: 0;
  border-right: none;

}

/* TABS */
.tabbable .btn {
    position: relative;
    z-index: 2;
}
.nav-tabs {
    border-bottom: none;
    position: relative;
    z-index: 1;
    margin-left: 20px;
}
.nav-tabs > li > a {
	color: #172a41;
	padding-top: 9px;
	padding-bottom: 9px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	border: 1px solid #dbe2eb;
    color: #172a41;
	border-bottom-color: transparent;
	font-weight: bold;
	border-radius: 7px 7px 0 0;
}
.tabs-left .nav-tabs {
	margin-left: 0px;
}
.tabs-left .nav-tabs > li > a {
    border-radius: 7px 0 0 7px;
}
.tabs-left .nav-tabs > .active > a, .tabs-left .nav-tabs > .active > a:hover, .tabs-left .nav-tabs > .active > a:focus {
	border-radius: 7px 0 0 7px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background-color: #ebeff4;
	border-color: #ebeff4 #ebeff4 #dbe2eb;
}
.nav {
	margin-bottom: 0px;
}
.tab-content {
	background: #fff;
	border: 1px solid #dbe2eb;
	border-radius: 7px;
	overflow: initial;
	position: relative;
}
.tabs-left .tab-content {
	border-radius: 0 7px 7px 0; 
}
.tab-content h3 {
   margin: 20px 15px;     
}
.tab-content .widget {
    margin: 20px 15px; 	
}
.tab-content .widget form {
    padding: 0px;	
}
.tab-content-padding {
    padding: 20px 15px;     
}
.tabs-left .tab-content .tab-pane {
	overflow: auto;
}
.tab-content:not(.tab-content .tab-content):not(div.tab-information .tab-content):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    box-shadow: 0px 5px 6px 0px rgb(219 226 235 / 50%), 0px 10px 9.5px 0.5px rgb(241 244 248 / 20%);
    border-radius: 7px;
}
.tab-content > .btn {
	margin: 10px 0px 0px 15px;
}
.tab-pane-padding {
    padding: 10px;
}
.tab-content form {
	padding: 20px 15px;
	margin-bottom: 0px;
}
.tab-content form .btn {
    float: right;	
    margin-left: 3px;
    margin-right: 0px;
}
.tab-content form .btn-group .btn {
	float: left;
}
.tab-content .table .btn:not(.pull-right) {
	float: none;
	margin-left: 0px;
}
.tab-content .tab-content:not(.tab-content-bordered) {
	border: none;
}
div.tab-information {
	border: 1px solid #dbe2eb;
    background: #fff;
    border-radius: 7px;
    padding: 8px;
    margin-bottom: 10px;
}
div.profile-form .tab-pane {
	padding: 10px 10px;
}
div.tab-information .tab-pane .widget {
	margin: 0px;
}
.profile-form .tabs-left .nav-tabs {
    margin-right: 0px;
    border-right: 0px;
}
.profile-form .tab-content {
	min-height: 300px;
	margin-left: 99px;
}
.commissions-tab-content .tab-pane .widget {
	margin: 0px;
	border: none;
}
/* Notification Controls */
#notification_controls {
  position: fixed; 
  z-index: 2;
  width: 30px;
  top: 76px; 
  /*bottom: 0; */
  right: -1px;
  border-right: 1px solid #E6E6E6;
  z-index: 1000;
  width: 26px;
}
#notification_controls i {
  color: #eeeeee;
  font-size: 14px;
  margin: 5px 0 0 0;
}
#notification_controls > ul {
  width: 100%;
  margin: 0 0 10px 0;
  list-style-type: none;
}
#notification_controls > ul > li {
  text-align: center;
  line-height: 20px;
  /*border-top: 1px solid #FDFDFF;*/
  /*border-bottom: 1px solid #E0E0E0;*/
  /*box-shadow: -10px -10px 18px -2px rgba(0, 0, 0, 0.11);*/
  position: relative;
  background: #536270;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  border-radius: 3px;
}

#notification_controls > ul > li.urgent{
  text-align: center;
  line-height: 20px;
  /*border-top: 1px solid #FDFDFF;*/
  /*border-bottom: 1px solid #E0E0E0;*/
  position: relative;
   background: #D6164C;
}

li.urgent .gadget-title-right{
   background: #D6164C !important;
}

#notification_controls > ul > li.done{
  text-align: center;
  line-height: 20px;
  /*border-top: 1px solid #FDFDFF;*/
  /*border-bottom: 1px solid #E0E0E0;*/
  position: relative;
  background: #00C594;
}

li.done .gadget-title-right{
  background: #00C594 !important;
}

#notification_controls > ul > li.pending{
  text-align: center;
  line-height: 20px;
  /*border-top: 1px solid #FDFDFF;*/
  /*border-bottom: 1px solid #E0E0E0;*/
  position: relative;
  background: #55A2F0;
}

li.pending .gadget-title-right{
  background: #55A2F0 !important;
}

#notification_controls > ul > li.warning{
  text-align: center;
  line-height: 20px;
  /*border-top: 1px solid #FDFDFF;*/
  /*border-bottom: 1px solid #E0E0E0;*/
  position: relative;
  background: #FF8F32;
}

li.warning .gadget-title-right{
   background: #FF8F32 !important;
}

#notification_controls > ul > li:hover{
  margin-left: 1px;
}

#notification_controls > ul > li > a {
  font-weight: bold; color: #000;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 5px 0;
  border-radius: 5px 0 0 5px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}


#notification_controls {display: block;}
#notification_controls .on {width: 40px}
#notification_controls .off {width: 0}
#notification_controls > ul > li > a:hover {
    background: rgba(0,0,0,0.12);
}

#notification_controls > ul > li > a.active,
#notification_controls > ul > li > a.active:hover {
  background: #F9F9F9 !important;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
#notification_controls > ul > li > a.active:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: white;
    right: -1px;
    z-index: 51;
    top: 0px;
}

#notification_controls i {
  white-space: nowrap;
}

#notification_controls .urgent i {color: #fff !important}
#notification_controls .pending i {color: #fff !important}
#notification_controls .warning i {color: #fff !important}
#notification_controls .done i {color: #fff !important}
.notification-form .widget {
    margin: 0px;
}

.gadget-title-right {
  font-weight: normal; 
  display: none; 
  background-color: #404853; 
  color: #fff; 
  font-size: 14px; 
  padding: 5px 16px; 
  line-height: 30px; 
  white-space: nowrap; 
  overflow: visible; 
  position: absolute; 
  top: 0px; 
  right: 27px;
  border-radius: 3px;
}

.gadget-title-left {
  font-weight: normal; 
  display: none; 
  background-color: #536270; 
  color: #fff; 
  font-size: 14px; 
  padding: 1px 16px 0 16px; 
  height: 51px; 
  line-height: 51px; 
  white-space: nowrap; 
  overflow: visible; 
  position: absolute; 
  top: 0px; 
  left: 40px;
}

/* Side Controls */

#side_controls {
  position: fixed; z-index: 2;
  width: 40px;
  background: #536270;
  top: 35px; bottom: 0; left: 0px;
  border-right: 1px solid #E6E6E6;
  z-index: 1000;
}
#side_controls i {
  color: #eeeeee;
  font-size: 14px;
  margin: 5px 0 0 -5px;
}
#side_controls > ul {
  width: 100%;
  margin: 0 0 10px 0;
  list-style-type: none;
}
#side_controls > ul > li {
  text-align: center;
  line-height: 20px;
  /*border-top: 1px solid #FDFDFF;*/
  /*border-bottom: 1px solid #E0E0E0;*/
  box-shadow: -10px -10px 18px -2px rgba(0, 0, 0, 0.11);
  position: relative;
}
#side_controls > ul > li > a {
  font-weight: bold; color: #000;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 15px 0;
  border-radius: 5px 0 0 5px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

#side_controls {display: none;}

#side_controls .on {width: 40px}
#side_controls .off {width: 0}
.no-sidebar {left: 40px}

#side_controls > ul > li > a:hover {
    background: rgba(0,0,0,0.12);
}

#side_controls > ul > li > a.active,
#side_controls > ul > li > a.active:hover {
  background: #F9F9F9 !important;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
#side_controls > ul > li > a.active:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: white;
    right: -1px;
    z-index: 51;
    top: 0px;
}



/*Dark Left */

#leftSideDark {
  background: #536270;
}

#leftSideDark a.accordion-toggle {
  color: #f1f1f1;
  text-transform: uppercase;
  font-size: 10px !important;
  font-weight: bold;
}

#leftSideDark .accordion-toggle i {
  font-size: 16px !important;
  color: #f1f1f1;
  padding-right: 10px;
  top: 1px;
  position: relative;
}


#leftSideDark .accordion-group {
  border: 1px solid #757575;
  border-right: none;
}


#leftSideDark .level2 {
  padding: 0 !important;
  background: #4B5661;
  box-shadow: none;
  text-shadow: none;
}

#leftSideDark .level2 .accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #747373;
  border-left: 0px;
  padding-left: 14px;
}

#leftSideDark .accordion-body {
  color: #fff !important;
  background: #3F474E;
}

/* Middle navigation */

.middleNav { float: right; margin:0;  background: #F3F3F3;}
.middleNav ul {margin: 0px}
.middleNav .active {background-color: #fbfbfb; }
.middleNav .numberMiddle {background: #CACACA;}
.middleNav:hover .numberMiddle {background: #AC193D;}
.middleNav ul {margin-left: 0 }
.middleNav ul li {position: relative;}
.middleNav ul li:first-child { border-left: none; }
.middleNav ul li a:hover { /*background: #f3f3f3;*/ }
.middleNav ul li a:active { background: #efefef; }

.middleNav .inline .dropdown {padding:0;}
.middleNav ul li{border-right: 1px solid #e7e7e7;}
.middleNav ul li:last-child {border-right: none;}
.middleNav ul li a {display: block}
.middleNav ul li a i { padding: 9px; color: #5F5F5F; font-size:14px}
.middleNav ul.inline {padding: 0; border-left:none;}
/*.middleNav ul.inline > li, ol.inline > li {display: inline-block; padding: 0}*/
.middleNav ul.inline > li, ol.inline > li {display: block; float: left; padding: 0}
.middleNav ul.inline ul.dropdown-menu { top: 35px; left: -1px; right: auto; min-width: 179px; }
.middleNav ul.inline ul.dropdown-menu li a { padding:3px 20px; font-size: 12px;}
.middleNav ul.inline ul.dropdown-menu li.nav-header {padding: 3px 20px;}
.middleNav a:hover {text-decoration: none}

/************** jGrow *****************/

#jqgrowlClone { display: none; }
#jqgrowlContainer {
    position: absolute;
    width: 320px;
    border: 0;
    z-index: 2147483645 !important;
}

#jqgrowlContainer ul { 
	background-position: 40px top;
	background-repeat: no-repeat;
	border-radius: 7px;
	z-index:214748364  !important; 
	display: block; 
	position: relative; 
	margin-bottom: 10px;
    min-height: 40px;
    color: #fff;
}
#jqgrowlContainer ul li {  z-index:214748364  !important; display: block; font-size: 13px; font-family: Arial, sans-serif; }
#jqgrowlContainer ul li.jqgrowl-title {  z-index:214748364  !important;font-weight: bold; }
#jqgrowlContainer ul li.jqgrowl-icon {  z-index:214748364  !important;position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; }
#jqgrowlContainer ul li.jqgrowl-msg { z-index:214748364  !important;margin-right: 24px; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 40px; }

#jqgrowlContainer ul li.jqgrowl-close {
    line-height: 26px;
    z-index:214748364 !important;
    position: absolute;
    top: 5px; 
    right: 15px;
    cursor: pointer;
    float: right;
    font-size: 14px;
}

#jqgrowlContainer ul.fixed-error{
	background-color: #fff1f1;
    border: 1px solid #e6c8c9;
    color: #9b2226;
    box-shadow: 0px 5px 6px 0px rgb(240 222 223 / 50%), 0px 10px 20px 20px rgb(240 222 223 / 20%);
}
.fixed-error .jqgrowl-icon{
	background: url("../img/notify/error_icon.png") center center no-repeat;
}

#jqgrowlContainer ul.fixed-success{
	background-color: #f2fcf6;
    border: 1px solid #d6e4de;
    color: #48846f;
    box-shadow: 0px 5px 7px 0px rgb(212 234 227 / 50%), 0px 5px 2px 20px rgb(214 234 227 / 5%);
}

.fixed-success .jqgrowl-icon{
	background: url("../img/notify/success_icon.png") center center no-repeat;
}

#jqgrowlContainer ul.fixed-warning{
  background-color: #fffbe4;
  border: 1px solid #efdccb;
  color: #be7230;
  box-shadow: 0px 5px 7px 0px rgb(235 225 217 / 50%), 0px 5px 2px 20px rgb(235 225 217 / 7%);
}

.fixed-warning .jqgrowl-icon{
	background: url("../img/notify/warning_icon.png") center center no-repeat;
}

#jqgrowlContainer ul.fixed-info{
  background-color: #e9f6fe;
  border: 1px solid #c6d0e5;
  color: #1c4598;
  box-shadow: 0px 5px 15px 0px rgb(224 226 230 / 50%), 1px 5px 8px 0px rgb(224 226 230 / 50%);
}
.fixed-info a {
  text-decoration: underline !important;
}

.fixed-info .none-decoration {
  text-decoration: none !important;
}

.fixed-info .jqgrowl-icon{
	background: url("../img/notify/info_icon.png") center center no-repeat;
}

.fixed-debug{
	background-color: #9e9e9e;
    border-color: #9e9e9e;
}

.fixed-debug .jqgrowl-icon{
	background: url("../img/notify/warning_icon.png") center center no-repeat;
}

.required{
	color: #B94A48;
}

.well-small{
	padding: 6px 5px 3px 5px;
	margin-top: 15px;
}

/* Right Side */

.rightSide {
  top: 45px;
  right:0;
  bottom: 0;
  margin: 52px 0px 0px 220px;
  min-width: 950px;
  display: block;
  padding: 25px 25px 10px 25px;
}
.rightSide .container-fluid{
  padding-left: 0;
}
.rightSideBg{
	background-color: #ddd;
}

/* Footer vendor container */
.inner-logo-footer-container {
    background-color: #fff;
    color: #dbe0e6;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Trebuchet, "Century Gothic", "Segoe UI", sans-serif;
    padding: 3px 5px 3px 5px;
    border-radius: 5px 0 0 0;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: flex;
}
.inner-logo-footer-container a {
    display: block;
    width: 100px;
    color: #dbe0e6;
    margin-left: 5px;
}
.inner-logo-footer-container a:hover {
    color: #324669;
    text-decoration: none;
}
.inner-logo-footer-container a img {
    width: 100%;
    opacity: 0.3;
}

/* Webkit custom scrollbar */
::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #fff;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
    background: #c9c9c9;
    cursor: pointer;
}
::-webkit-scrollbar-thumb {
  border-radius: 12px;
  border: 4px solid rgba(255, 255, 255, 0);
  background-clip: content-box;
  background-color: #dbe2eb;
}

.on {width: 220px}
.off {width: 0}
.no-sidebar { left: 0;}

/* Widgets */

.widget {
	background-color: #fff;
	border: 1px solid #dbe2eb; 
	margin-bottom: 20px; 
	border-radius: 5px;
	box-shadow: 0px 2px 15px 0px rgb(224 226 230 / 50%), 0px 2px 8px 0px rgb(224 226 230 / 50%);
}
div.widget-no-shadow { box-shadow: none; }
.widget > * {
    border-radius: inherit;
}
.widget_body {padding: 0px;}

.widget.tableData {border-left: none}
.dashboard .widget {border: 0px solid #cdcdcd; padding: 0; margin-bottom: 10px; }
.widget.copy {border: 0px solid #cdcdcd; padding: 0; margin-bottom: 10px; }
.widgetBody.st_tabs {border-left: none; border-right: none; }
.widgetTitle { 
	background: #f8f9fb; 
	border-bottom: 1px solid #dbe2eb; 
	height: 44px; 
    font-size: 16px;
    border-radius: 5px 5px 0 0;
}
.widgetTitle .btn { 
    float: right;
    margin: 4px 15px 0px 0px;
}
.inverse{background-color:  #536270; color: #fff;}
.inverse i, .inverse .badge-icon{color: #fff !important;}
.widgetBody form { margin-bottom: 0; }
.widgetBody table {padding: 0; margin-bottom: 0;}
.widgetBody table tr:last-child td:first-child { border-radius: 0 0 0 5px; }
.widgetBody table tr:last-child td:last-child { border-radius: 0 0 5px 0; }
.widgetBody.padding { padding: 15px 20px; }
.border_bottom {border-bottom: 1px  solid #E7E7E7;}
.widgetIcon {
	line-height: 44px; 
}
.widgetIcon i {  
	padding: 14px 12px; 
}

.widget .label {
	border-radius: 10.5px;
	font-size: 12px;
	font-weight: normal; 
	padding: 5px 8px; 
}
.widget table .label {margin: 9px 5px 4px 5px;font-weight: normal; padding: 2px 5px; background:none; min-width: 50px; color: #ffffff !important; text-align: center;}
.separator {border-bottom: 1px solid #e7e7e7; margin-bottom:0; padding: 10px 0;}
.separator:last-child {border-bottom: none; }
.widget label i {float: left; font-size: 12px !important; line-height: 23px;} .section {padding: 5px 10px; }
.widget .section input {margin-bottom: 0;}
font {font-family: Arial; font-size:10px;}
.section-borders{ border-bottom: 1px  solid #E7E7E7; border-left: 1px  solid #E7E7E7; border-right: 1px  solid #E7E7E7; }
.section-border-top{ border-top: 1px  solid #E7E7E7; }

.wysiwyg {padding: 10px} .copy .widget {border-left: none; position: relative !important;}
.copy .widget .nav li a  {color: #595959}
.copy .nav .dropdown-toggle .caret {margin-top: 9px;border-top-color: #333;border-bottom-color: #333;}

.copy .widget .nav li a:hover {background: #eeeeee; color: #333333 !important}
.copy #metaTabs {margin-top: -1px; margin-left: -1px; margin-right:0px; margin-bottom: 0;}
.copy .numberMiddle { margin: 0; position: absolute; top:0; right:0; font-size: 11px; display: none; cursor: pointer;}
.copy .st_tab li:hover .numberMiddle { margin: 0; position: absolute; top:0; right:0; font-size: 11px; display: block;}
#metaTabs li {position: relative;}
#metaTabs li:hover .numberMiddle {display: block !important; z-index: 100; cursor: pointer;}

.widget-dropdown-menu { position: absolute; top: 30px !important; left: auto; top: 100%; left: 0; z-index: 1000;  display: none;  float: left;  min-width: 190px;  padding: 0;  margin: 2px 0 0;  list-style: none;  background-color: white;  border: 1px solid #CCC;  border: 1px solid rgba(0, 0, 0, 0.2);}
.widget-dropdown-menu li { line-height: 20px; color: #333333;}

.widget-dropdown-menu li + li{ border-top:1px solid #cdcdcd;}
.widget-dropdown-menu li a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap;}

.widgetIcon[data-trigger]:not([data-trigger=""]), .widgetTitle[data-trigger]:not([data-trigger=""]){ cursor: pointer; } 
.widgetIcon[data-trigger]:not([data-trigger=""]):hover, .widgetIcon[data-trigger]:not([data-trigger=""]) i:hover{ color: #3597D3; }

.fix-topwidget{ height: 30px; }

.widgetBody table tr td select, .widgetBody table tr textarea, .widgetBody table tr td input {
    margin-bottom: 0px;
}

.row-content {
    padding: 15px 15px 24px 15px;
}
.row-content-section {
    border-bottom: 1px solid #dbe2eb;
    padding: 15px 15px 24px 15px;
}
.row-content-section:last-child {
    border-bottom: 0px;
}
.row-content-section-title {
    margin-bottom: 10px;
}

/* WidgetFooter */
.widgetFooter {
	border-top: 1px solid #dbe2eb;
    padding: 0px 5px 0px 10px;
}
.widget-footer-btns {
	padding: 6px 0px;
}
.widget-footer-btns .btn {
    margin-bottom: 0px;	
}
.widgetFooter .footer-link {
	padding: 10px;
}
.widgetFooter .pagination {
	margin: 15px 0px;
}
.pagination ul {
    box-shadow: none;	
}
.pagination ul li {
	margin-right: 1px;
}
.pagination ul > li > a, .pagination ul > li > span {
	color: #324669;
	border: none;
	margin-right: 5px;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
	border: none;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus {
	border: 1px solid #dbe2eb;
	background: none;
	border-radius: 7px;
	padding: 3px 11px;
}
.pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > li.active > a:hover, .pagination ul > li.active > a:focus {
	background-color: #324669;
	color: #fff;
	font-weight: bold;
	border-radius: 7px;
	border: none;
	padding: 4px 12px;
}
.pagination ul > li.pagination-arrow > a, .pagination ul > li.pagination-arrow > a:hover, .pagination ul > li.pagination-arrow > a:focus {
	background-color: #dbe2eb;
	border-radius: 7px;
}

/* Widgets TABLES */
.widgetBody .table-bordered {
	border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

.tab-content .table.table-tabs {
    border: 0px;
    padding-top: 4px;
    margin-bottom: 0px;
}

/* Task table widget */

td.taskDraft, td.taskApproved, td.taskLive, td.taskPending, td.taskDefault { text-align: left; padding-left:10px; background-position: 12px 14px; background-repeat: no-repeat;} 

tr.total-row {font-weight: bold; background-color: #f9f9f9;}

tr.taskDraft, td.taskDraft { color: #2980b9; margin: 0 10px 0 -20px; border-left: 2px solid #2980b9;} 
tr.taskDraft td:first-child {border-left: 2px solid #2980b9;}

tr.taskApproved, td.taskApproved { color: #8EBB20; margin: 0 10px 0 -20px; border-left: 2px solid #8EBB20;} 
tr.taskApproved td:first-child {border-left: 2px solid #8EBB20;}

tr.taskLive, td.taskLive { color: #AC193D; margin: 0 10px 0 -20px; border-left: 2px solid #AC193D; }
tr.taskLive td:first-child {border-left: 2px solid #AC193D;}
tr.taskLive a, td.taskLive a { color: #AC193D; }

tr.taskPending, td.taskPending  { color: #F9A01A; margin: 0 10px 0 -20px; border-left: 2px solid #F9A01A;}
tr.taskPending td:first-child {border-left: 2px solid #F9A01A;}
tr.taskPending a, td.taskPending a { color: #F9A01A; }

tr.taskDefault, td.taskDefault  { color: #444444; margin: 0 10px 0 -20px; border-left: 2px solid #444444;}
tr.taskDefault td:first-child {border-left: 2px solid #444444;}
tr.taskDefault a, td.taskDefault a { color: #444444; }

td.size10 {width: 10% }td.size15 {width: 15% }td.size20 {width: 20% }td.size25 {width: 25% }td.size30 {width: 30% }td.size35 {width: 35% }td.size40 {width: 40% }td.size45 {width: 45% }td.size50 {width: 50% }td.size55 {width: 55% }td.size60 {width: 60% }td.size65 {width: 65% }td.size70 {width: 70% }td.size80 {width: 80% }td.size90 {width: 90% }td.size100 {width: 100% }
.size10 {width: 10% }.size15 {width: 15% }.size20 {width: 20% }.size25 {width: 25% }.size30 {width: 30% }.size35 {width: 35% }.size40 {width: 40% }.size45 {width: 45% }.size50 {width: 50% }.size55 {width: 55% }.size60 {width: 60% }.size65 {width: 65% }.size70 {width: 70% }.size80 {width: 80% !important} .size88 {width: 88% }.size90 {width: 90% }.size100 {width: 100%}
.sixe105px{ width: 105px !important; }

.table-striped tbody > tr.taskYellow td{ background-color: yellow; font-weight: bold;}

.deleted-record { color: #aaa; }

/* New updates widget */
.approvedBg span{ background-color: #8EBB20; }
.liveBg span{ background-color: #AC193D; }
.pendingBg span{ background-color: #F9A01A; }

.updates { padding-left: 0px; border: 1px solid #E7E7E7; border-top: none; margin-top: -1px;}
.updates .uDate { float: right; width: 30px; text-align: center; color: #bbbbbb; margin: -35px -2px 0 0; }
.updates .uDate .uDay { font-size: 20px; font-weight: bold; display: block; margin-bottom: -4px; }

.uDone, .uAlert, .uNotice { padding-left: 22px; max-width: 76%; }

.uDone i { color:#8ebb20; font-size: 14px; margin: 0 10px 0 -20px;}
.uAlert i {color:#AC193D; font-size: 14px; margin: 0 10px 0 -20px;}
.uNotice i { color: #2AA4CF; font-size: 14px; margin: 0 10px 0 -20px;}

.newUpdate { border-top: 1px solid #e7e7e7; padding: 5px 12px; font-size: 85%}
.newUpdate:last-child {border-bottom:none;}
.newUpdate span { display: block; }

.toggle { background: #ffffff; border: 1px solid #cdcdcd; margin-top:10px; clear: both; border-bottom: none; }
.toggle .title { height: 36px; background: #ffffff; border-bottom: 1px solid #cdcdcd; cursor: pointer; }
.toggle .title h6 { float: left; font-size: 12px; font-weight: bold; padding: 9px 12px 8px 12px; display: block; } 
.toggle .titleIcon { float: left; padding: 11px 11px; border-right: 1px solid #D5D5D5; }
.toggle .body, .toggle .menu_body { padding: 10px 0 5px 0; border-bottom: 1px solid #cdcdcd; }

input.open-input{
	width: 120px; 
	font-size: 12px; 
	border-top-style: none; 
	border-bottom-style: none; 
	border-right-style: none; 
	height: 27px; 
}

/* TYPEAHEAD */
.typeahead-container {
    position: relative;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #f1f4f8;
    background-image: none;
    border-radius: 6px;
    color: #364567;
}

/* ICONS COLORS */
.icon-orange {	color: #F9C21A!important;}
.icon-green {	color: #8EBB20!important;}
.icon-blue {	color: #A2A2A2!important;}
.icon-red { color: #AC193D!important;}
.icon-grey {	color: #949494!important;}
.icon-light-grey {	color: #CCCCCC!important;}

.grey {	background-color: #536270!important;}

/* Helper Classes */

.form-horizontal .control-label {
	padding-top: 10px;
}
input.input-50 {
	padding: 4px 6px;
}

/* Panes */

.side_panes  {z-index: 1000;}
.side_panes .page-header{ margin: 0px 0px 30px; }
.page-header {
	border-bottom: none;
}

[data-position="absoluteleft"] {
  padding: 10px;
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  display: none; 
  overflow: hidden;
  overflow-y:scroll;
  box-shadow: -5px 0 15px rgba(205, 205, 205, 0.5);
  border-right: 1px solid #cdcdcd !important;
  background: #ffffff;
}

[data-position="absoluteleft"] a.close{
  margin: 0 0 0 0;
}

[data-target="getCCWidget"] a.close{
	margin: 0 0 10px 0;
}

[data-position="absoluteright"] {
  padding: 10px;
  position: fixed;
  top: 50px;
  bottom: 0;
  right: 0;
  display: none; 
  overflow: hidden;
  overflow-y:scroll;
  box-shadow: -5px 0 15px rgba(219, 226, 235, 0.5);
  background: #ffffff;
}

[data-position="absoluteright"] a.close, [data-position="absolutebottom"] a.close{
    margin: 6px 10px 0 0;
}

[data-position="absolutebottom"] {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y:scroll;
  box-shadow: 10px -3px 15px rgba(219, 226, 235, 0.5);
  background: #ffffff;
}
[data-position="absolutebottom"] .pane_body {
    padding: 10px;
}
[data-position="absolutetop"] {
  padding: 10px;
  position: fixed;
  display: none;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y:scroll;
  border-bottom: 1px solid #cdcdcd !important;
  box-shadow: 10px 5px 15px #e7e7e7;
  background: #ffffff;
}

[data-position="absolutetop"] a.close{
  margin: 0 0 0 0;
}
[data-width="200px"] {
  width: 200px !important;
}
[data-width="300px"] {
  width: 300px !important;
}
[data-width="400px"] {
  width: 400px !important;
}
[data-width="450px"] {
  width: 450px !important;
}
[data-width="500px"] {
  width: 500px !important;
}
[data-width="100"] {
  width: 100% !important;
}
[data-width="90"] {
  width: 90% !important;
}
[data-width="80"] {
  width: 80% !important;
}
[data-width="70"] {
  width: 70% !important;
}
[data-width="60"] {
  width: 60% !important;
}
[data-width="50"] {
  width: 50% !important;
}
[data-width="40"] {
  width: 40% !important;
}
[data-width="30"] {
  width: 30% !important;
}
[data-width="20"] {
  width: 20% !important;
}
[data-width="15"] {
  width: 15% !important;
}
[data-width="10"] {
  width: 10% !important;
}

[data-height="90"] {
  height: 90% !important;
}
[data-height="80"] {
  height: 80% !important;
}
[data-height="70"] {
  height: 70% !important;
}
[data-height="60"] {
  height: 60% !important;
}
[data-height="50"] {
  height: 50% !important;
}
[data-height="40"] {
  height: 40% !important;
}
[data-height="30"] {
  height: 30% !important;
}
[data-height="20"] {
  height: 20% !important;
}
[data-height="10"] {
  height: 10% !important;
}

[data-height="450px"] {
  height: 450px !important;
}
[data-height="600px"] {
  height: 600px !important;
}

[data-index="1010"] {
  z-index: 1010;
}
a.close {
  float: right;
  font-weight: bold;
  font-size: 18px;
  color: #5b6b87;
}

/* Accordion level 2 */

.level2 .accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
  border-left: 8px solid rgba(64, 72, 83, 0.14);
  padding-left: 10px;
}
.accordion-inner.level2 {
  border-top: none;
}
.leftSide .accordion-inner i {
  padding-right: 10px;
}

.leftSide .level2 .accordion {
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
	.ofs-table{ width: 350px !important; }
	.ofs-related{ width:  200px !important; }
	.address-cont { width: 200px !important; }
    .top-nav.visible-desktop .switchers, .switchers.visible-desktop { display: none !important; }
    .switchers.visible-phone { display: block !important; }
}
@media (max-width: 1280px) {
    .no-visible-smallscreen { display: none; }
}
@media (max-width: 1400px) {
    .widget-title-actions { 
        height: auto; 
        min-height: 44px;
    }
}
.et-operations-box{
	width: 1%;
	white-space: nowrap;
}

.comment-tag{
	font-size: inherit;
}
.comment-tag a.badge-blank{
	cursor: pointer;
	padding-top: 5px;
}
.comments-tags{
	min-width: 150px;
	padding: 5px 10px;	
}
.comments-tags form{
	margin-bottom: 0px;	
}

.comments-container{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	height: 228px;
    overflow: auto;
}
.comments-container .table, .comments-container div#et-comment{
	margin-bottom: 0px;
}

/*************** sidebarContent *****************/
.sidebarContent{
	overflow-x: auto; 
	overflow-y: auto;
	height: 100%;
	position: relative;
	padding-top: 10px;
}

.sidebarContent i.arrow {
	color: #879aaf;
	font-size: 12px !important;
	float: right;
}
.sidebarContent a:hover, .sidebarContent a:focus {
	text-decoration: none;
}

/* first level */
.sidebarContent ul{
	height: auto !important;
    overflow: visible !important;
	margin: 0px 0px 20px 0px;
}
.sidebarContent ul li{
	position: relative;
	list-style-type: none;
}
.sidebarContent ul li a{
	color: #172a41;
    font-size: 13px;
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: capitalize;
	border-left: 0 solid #404853;
    transition: all 0.1s linear 0s;
	display: block;
	padding: 12px;
}
.sidebarContent ul li a i{
	color: #61a2ed;
    font-size: 14px !important;
    padding-right: 10px;
    position: relative;
    top: 1px;
}
.sidebarContent ul li a:hover{
	border-left: 3px solid #61a2ed;
	padding-left: 12px;	
	text-decoration: none;
}
.sidebarContent ul li.active a{
	border-left: 3px solid #61a2ed;
}
/* second level */ 
.sidebarContent ul li ul{
	background-color: #f1f4f8;
	background-image: linear-gradient(to bottom, #ecf0f5, #f1f4f8);
    background-size: 100% 6px;
    background-repeat: no-repeat;
	display: none;
	margin-bottom: 0px;
}
.sidebarContent ul li.active ul{
	display: block;
}
.sidebarContent ul li ul li{
	
    padding: 0 !important;
}
.sidebarContent ul li.active li a, .sidebarContent ul li.active ul li.active ul li a{
	border-left: none;
    margin-left: 0px;
}
.sidebarContent ul li li a {
	font-weight: 500;
}
.sidebarContent ul li li a, .sidebarContent ul li li a:hover {
    padding-left: 40px;
}
.sidebarContent ul li li a i {
	display: none;
}
.sidebarContent ul li li a i.arrow {
    display: block;	
}
.sidebarContent ul li.active ul li.active a {
	border-left: 3px solid #61a2ed;
}
/* third level */
.sidebarContent ul li ul li ul, .sidebarContent ul li.active ul li ul{
	
	background-color: #e5eaf0;
    background-image: linear-gradient(to bottom, #dfe5ec, #e5eaf0);
    background-size: 100% 6px;
    background-repeat: no-repeat;
	
	display: none;
}
.sidebarContent ul li.active ul li.active ul{
	display: block;
}
.sidebarContent ul li ul li ul li{
	line-height: 15px;
    padding: 5px 15px 5px 10px;
}
.sidebarContent ul li ul li ul li a{
	color: #092156;
    text-decoration: none;
	text-transform: none;
	font-weight: normal;
}
.sidebarContent ul li ul li ul li a i{
	display: none;
	padding-right: 0px;
	font-size: 14px !important;
	margin-top: 0px;
}
.sidebarContent ul li ul li ul li a:hover{
	color: #092156;
	border-left: none;
	padding-left: 40px;	
	margin-left: 0px;
}
.sidebarContent ul li.active ul li.active ul li.active a{
	font-weight: bold;	
}

/************** accordion *****************/
div.accordion-content .ui-accordion-header{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 5px 5px 5px 2.2em;
}
div.accordion-content .ui-accordion-content{
    overflow: auto;
    max-height: 300px;
    padding: 3px 5px;
}
div.accordion-content ul{
	margin-bottom: 0px;
}
.accordion-content .ui-state-default, .accordion-content .ui-widget-content .ui-state-default, .accordion-content .ui-widget-header .ui-state-default{
    background: none;   
}
.accordion-content .ui-state-active, .accordion-content .ui-widget-content .ui-state-active, .accordion-content .ui-widget-header .ui-state-active, .accordion-content .ui-accordion-content-active, .accordion-content .ui-state-hover{
    border: 1px solid #bfccda;
}
.accordion-content .ui-state-active a, .accordion-content .ui-state-active a:link, .accordion-content .ui-state-active a:visited{
    color: #333;
}
h2.ui-state-hover a, h2.ui-state-hover a:hover, h2.ui-state-hover a:link, h2.ui-state-hover a:visited {
    color: #172a41;
}
h2.ui-state-hover .ui-icon {
    background-image: url(../../../data/img/ui/ui-icons_888888_256x240.png);
}
div.accordion-content ul li{
	font-size: 12px;
	padding-bottom: 3px;
}

/***************** avatar ******************/

.avatarImage{
	position: relative;
}

.avatarImage .popover{
	left: 72px;
	top: -70px;
}

.avatar-link{
	color: #333333;
	margin-top: 5px;
}

/********* access users ****************/

.user-type tr td:first-child{
	width: 80px;
}

.userAccess{
	width: 100%;
}

.userAccess ul li{
	list-style-type: none;
	display: block;
	clear: left;
	line-height: 23px !important;
}

.userAccess ul li label{
	width: auto !important;
}

.userAccess ul li ul li{
	width: 98%;
}

.table-padding10 tr td{
	padding: 10px;
}

.userAccess ul li label{
  min-height: 20px;
}

.userAccess ul li label input{
	margin-right: 10px;
	float: left;	
}

.userAccess ul.select2-choices li.select2-search-choice{
	width: auto !important;
	clear: none !important;
	line-height: normal !important;
}

.flagsContainer{
	position: relative;
	padding-left: 20px;
	margin: 15px 0px;
	border: 1px solid #ddd;
}

.contentLabel{
	background-color: #F9F9F9;
	color: #333333;
	position: absolute;
	left: 15px;
	top: -10px;
	display: block;
	padding: 0px 10px;
}

span#flagsContent{
	padding: 15px 0px 10px 0px;
  	margin: 0px;
}

span#flagsContent ul{
	margin: 0px 0px 0px 5px;
}

span#flagsContent ul li{
	width: auto;
}

/* checks */
.switcher{
	width: auto;
	vertical-align: middle;	
	display: block;
	cursor: pointer;
	float: left;
	margin-right: 10px !important;
}

.switcher i{
	background: url("../img/checkbox_3s.png") left top no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	margin: 3px 10px 0px 0px;
}

.switcher i.active{
	background-position: left -16px;
}

.switcher i.disabled{
	background-position: left bottom;
}

.et-sortable {
    white-space: nowrap;
}
.et-sortable i {
	 padding-left: 10px; 
}

.et-sortable:not(.et-asortable):after { content: "\f0dc";}
.et-sortable-desc:not(.et-asortable):after{content:"\f0dd"}
.et-sortable-asc:not(.et-asortable):after{content:"\f0de"}
.et-sortable:not(.et-asortable):after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}
.et-sortable:not(.et-asortable):after {
    margin-left: 5px;
}

/********* widgetActions ****************/
.widgetActions {
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 15px;
}
.widgetActions > a {
    margin: 0px 5px 0px 5px !important;
}
.widgetActions > a:hover, .widgetActions > a:focus {
	text-decoration: none;
}
.widgetActions .search, .widgetActions .field-content {
	margin: 0px 10px 0px 10px !important;
}
.widgetActions .selector span {
	background: url(../img/forms/sortDown.png) no-repeat 50px 15px;
	padding: 4px 6px 4px 10px;
	width: 55px;
	height: 27px;
	line-height: 27px;
}
.widgetActions .selector select {
	background-color: transparent;
	border: none;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	margin-right: 15px;
}
.widgetActions .search {
	align-content: center;
	display: flex;
	flex-direction: row-reverse;
}
.widgetActions a.search span.label-blank, .widgetActions a.search span.label-blank i, .widgetActions a.search {
	border: none;
	line-height: normal;
	margin: 0px !important;
}
.widgetActions a.search span.label-blank {
    display: inline-flex;
    align-items: center;
}
.widgetActions .search input {
	border-radius: 0px;
	border: none;	
	border: 1px solid #dbe2eb;
	box-shadow: none;
	padding: 3px 6px;
	margin-bottom: 0px;
}
.widgetActions select {
	width:  auto;
	color: #324669;
	margin: 2px;
}
.field-content {
	font-size: 13px;
	font-weight: bold;
	position: relative;
}
.field-content a, .downloadDropdown a {
	cursor: pointer;
	color: #324669;
	line-height: 25px;
	display: block;
}
.field-content a i{
    font-size: 16px;
    font-weight: bold;
}
.downloadDropdown{
    position: relative;
}
.downloadDropdown a{
	height: auto;
}

.field-content a:hover, .downloadDropdown a:hover{
	text-decoration: none;
}

.field-content i{
	margin-left: 10px;
}

.field-content ul, .downloadDropdown ul {
	background-color: #fff;
	border: none;
    box-shadow: 0px 0px 9.95px 0.05px rgb(35 85 161 / 5%), 0px 0px 9.995px 10px rgb(57 105 172 / 5%);
    border-radius: 6px;
	min-width: 95px;
	display: none;
	top: 30px;
	right: 0;
	z-index: 100;
	position: absolute;
}
.field-content ul:after, .downloadDropdown ul:after {
	content: '';
    display: inline-block;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    top: -5px;
    left: 10px;
}
.field-content ul.pull-right, .downloadDropdown ul.pull-right, .downloadDropdown ul.pull-right:after {
	right: 0;
    left: auto;
}
.downloadDropdown ul.pull-right:after, .field-content ul.pull-right:after {
    right: 10px;
    left: auto;
}
.field-content ul li, .downloadDropdown ul li{
	height: 19px;
    line-height: 25px;
	list-style-type: none;	
	padding: 3px 10px;
}

.downloadDropdown ul li{
	padding: 7px 10px;
}

.field-content ul li label{
	white-space: nowrap;
}

.field-content ul li label input{
	margin: -3px 5px 0 0;	
}

.fieldset-delimiter{
	font-weight: bold;
	text-align: center !important;	
}

/************************** shortcuts ***************/
.shortcuts{
	background: none repeat scroll 0 center #324669;
	border-radius: 10px 10px 10px 10px;
    opacity: 0.85;
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-weight: bold;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 80px;
    left: 4%;
    width: 92%;
    z-index: 1002;
    padding: 10px 15px 10px 0px;
}

.shortcuts a.close{
	color: #fff;
	opacity: 1;
}

.shortcut-content{
	max-height: 400px;
	overflow-y: auto;
}

.shortcut-content table{
	float: left;
	margin-left: 20px;
}

.shortcut-content table tr th, .shortcut-content table tr td{
	font-weight: normal;	
	padding: 5px;
}

.shortcut-content table tr th{
	color: #76aeef;
}

.shortcut-content table tr td.head-shortcut{
	font-weight: bold;
	text-transform: capitalize;
}

.shortcut-content table tr td a.icon{
	color: #fff;
	display: block;
	margin: 0px 5px 0px 0px;
}

.shortcut-content table tr td a.icon:hover{
	text-decoration: none;
}

.userAccess ul li{
	position: relative;
}

.linkIcon{
	color: #333333;
	display: block; 
	position: absolute;
	left: -20px;
}

.linkIcon:hover{
	color: #333333;
	text-decoration: none;	
}

.red span{
	background-color: #D6164C;
}
.green span{
	background-color: green !important;
}
.blue span{
	background-color: #0088CC !important;
}

.pro_badge span {
        background-color: #0066cc;
}

/****************** TABS USER PREFERENCES ****************/
.tab-checks{
	padding: 10px;
}

.tab-checks-sub{
	padding-left: 20px; 	
}

.timefield{ width: 65px; }
.datefield{ width: 75px; }
.service-preferences {
	padding-bottom: 15px;
}

/****************** ORDER SCRIPTS ****************/
.scripts-content{
	margin-left: 0px !important;
}

.predefined-content{
	padding: 0px;
}

.predefined-content .nav{
	padding: 0px 5px;
}

.predefined-content .nav-header{
	text-transform: none;
	font-size: 14px;
}

.predefined-content .nav-list > li > a{
 	margin: 0px;
}

.editor-content{
	width: 100%;
}

.comment-tab ul li{
	list-style-type: none;
}

/****************** SCHEDULE ******************/
.schedule-default{
	background: none repeat scroll 0 0 #dbe2eb;
	color: #394e66;
}

.schedule-note{
	font-size: 12px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding-left: 5px;
    white-space: nowrap;
}

.schedule-container{
	position: relative;
	margin-bottom: 40px;
}
.schedule-left{
	width: 171px;
    display: block;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 8;
    padding-top: 40px;
}
.schedule-date{
	background-color: #fbfcfd;
	width: 156px;
	height: 33px;
	color: #172a41;
    font-size: 14px;
	top: 0;
	text-align: center;
	position: absolute;
	z-index: 10;
	padding-top: 2px;
	padding-right: 15px;
}
.schedule-date .btn{
	color: #172a41;
	font-size: 14px;
	padding: 5px 8px;
}
.schedule-availability{
	width: 235px;
}
.schedule-availability .schedule-date{
	background: none;
	width: 214px;
}
.schedule-availability .label{
	margin-top: 0px;
	color: #fff;
	font-size: 11px;
}
div.schedule-availability-data{
	margin-left: 235px;
}
.schedule-date .date-time{
	margin: 2px 0px 0px 8px;
}

.sh-cal-icon{
	margin-left: 7px;
}

.day-letters{
	margin: 0px 2px 0px 5px;
}

.overlap-icon, .overlap-icon:hover, .expand-icon, .expand-icon:hover{
	color: #ac193d;
	text-decoration: none;
	z-index: 100;
	margin-right: 3px;
}

.expand-icon, .expand-icon:hover{
	color: #777;
}
.team-line-content {
	border-top: 1px solid #dbe2eb;
    border-left: 1px solid #dbe2eb;
    border-bottom: 1px solid #dbe2eb;
    border-radius: 5px 0 0 5px;
    margin-bottom: 4px;
    box-sizing: border-box;
}

.team-line-content div:first-child {
	border-top-left-radius: 5px;
}

.team-content{
	position: relative;
	box-sizing: border-box;
	border-bottom-left-radius: 5px;
    padding: 2px 5px;
    box-shadow: 8px 0px 7px -5px rgba(224 226 230 / 50%);
}
.team-title, .team-content span{
	font-size: 12px;
    font-weight: bold;
	color: #777;
}
.team-title{
	max-width: 130px;
	max-height: 20px;
	display: block;
    float: left;
    overflow: hidden;
}

.contractor-title {
    font-weight: normal;
    color: #999;
}
.team-content a:hover{
	text-decoration: none;	
}
.schedule-row{
	height: 40px;
}
.schedule-line-container {
	border-top: 1px solid #dbe2eb;
	border-bottom: 1px solid #dbe2eb;
	border-right: 1px solid #dbe2eb;
	margin-bottom: 4px;
    border-radius: 0 5px 5px 0;
    box-sizing: border-box;
}
.schedule-line-container > .schedule-note {
	border-radius: 0 5px 0 0;
}
.schedule-line-container > .schedule-note ~ .schedule-note {
    border-radius: 0;
}
.schedule-line{
	border-top: 2px solid #e73c30;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.grey-border{
	border-top: 2px solid #DDD;
}
.team-icons{
	width: 100%;
	height: 20px;
	display: block;
	position: relative;
	padding-bottom: 5px;
}
.icons-content{
	background-color: #f1f4f8;
    color: #364567;
    border-radius: 5px;
	display: none;
	position: absolute;
	right: 0; 
	z-index: 9;
	padding: 2px 3px 2px 8px;
    margin: 2px;
}
.icons-content a {
	color: #364567;
}
.icons-content .btn-group .dropdown-menu:after {
	left: 10px;
	right: auto;
}
.icons-content .dropdown-icons a.dropdown-toggle {
	margin-top: 3px;
}
.schedule{
	position: relative;
    display: block;
    margin: 0px 0 0 171px;
}
.mini-schedule-timeline{
	background-color: #fff;
}
.schedule-timeline{
    border-radius: 5px;
	color: #879aaf;
	width: 100%; 
	position: absolute; 
	height: 35px;
	left: 0;
	top: 0;
	z-index: 7;
}
.schedule-timeline ul{
	margin: 0px;
}
.schedule-timeline ul li {
/*	background-color: #fff;*/
    font-size: 13px;
    color: #879aaf;
	text-align: left;
	display: block;
	float: left;
	height: 25px;
	padding: 5px 0px 5px 2px;
}
.schedule-line-day:nth-child(2n){
	background-color: #f1f4f8;
}
.schedule-line-day {
    float: left;
    position: relative;
    padding: 0px 2px;
}
.schedule-line-day-jobs {
    padding: 2px 0px;
}
.schedule-week-day {
    border-radius: 5px 0px 0px 5px;
    background-color: #e73c30;
    color: #fff;
    text-align: right;
    font-size: 11px;
    line-height: 12px;
    height: 12px;
    padding: 3px 5px 3px 0px;
    margin-bottom: 4px;
}
.schedule-week-day-container {
    border-radius: 0px 5px 5px 0px;
}
.schedule-content{
	position: relative;
	margin-top: 40px;
}
.schedule-task, .day-off{
	background-color: #efca60;
	color: #172a41;
	display: block;
	cursor: pointer;
	position: absolute !important;
    line-height: 16px;
	padding: 1px 4px 1px 3px;
	z-index: 2;
	border-radius: 5px;
}
.schedule-task {
    font-size: 12px;
    margin-top: 3px;
}
.current-time-content {
    position: absolute;
    overflow: hidden;
    height: calc(100% - 4px);
    z-index: 5;
}
.current-time-timer {
    background-color: #b3261e;
    width: 34px;
    color: #fff;
    position: absolute;
    border-radius: 7px;
    padding: 3px 5px;
    margin-top: 26px;
    line-height: 11px;
    font-size: 11px;
}
.current-time {
    border-left: 2px solid #b3261e;
    height: 100%;
}
.schedule-availability-content .day-off{
	padding-top: 2px !important;
}
.schedule-availability-content .schedule-line .schedule-task-mini {
    box-sizing: border-box;
}
.schedule-task-mini {
    border-radius: 5px;
}
.schedule-task .label {
	margin-right: 1px;
}
.schedule-task:hover{
	z-index: 100 !important;
    border-radius: 0px 5px 5px 0px;
}
.schedule-task:hover .task-border {
    opacity: 0;
}
.schedule-line-day-jobs .schedule-task:hover {
    border-radius: 5px;
    text-decoration: none;
}


.schedule-task-default{
	color: #7f3118;
	display: block;
	
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}
.schedule-task-default > span.pull-left {
    padding-top: 2px;
}
.schedule-task:hover .schedule-task-default{
	text-decoration: none;
	color: #7f3118;
}
.schedule-task.expand:hover .schedule-task-default{
	width: auto !important;
}
.schedule-task:hover .task-options{
	display: block;
	color: #fefbec;
}
.task-options {
	background-color: #813218;
    color: #fefbec;
    height: 33px;
    top: 0px;
    left: -15px;
    padding: 2px 3px;
    position: absolute;
    width: 15px;
    z-index: 12;
    display: none;
    border-radius: 5px 0 0 5px; 
}
.task-options a{
	text-decoration: none;
	margin-top: 2px 0px;
}
.task-options a i{
	color: #fefbec;
}
.task-options a.schedule-popup{
	padding-left: 1px;
}
.week-schedule .task-options {
    height: auto;
    padding: 1px 3px;
}
.task-border {
    width: 3px;
    height: 30px;
    display: block;
    float: left;
    border-radius: 5px;
    opacity: 0.5;
    margin-top: 3px;
    margin-right: 3px;
}
.week-schedule .task-border {
    height: 11px;
}
/*
.schedule-task-content{
	display: none;
}
.schedule-task:hover .schedule-task-default{
	display: none;
}
.schedule-task:hover .schedule-task-content{
	display: block;
	padding-right: 10px;
}
.schedule-task-title{
	border-bottom: 1px solid #DDDDDD;	
}
.schedule-task-content{
	background: #fff;	
}
.schedule-task-content .label-count{
	margin-left: 2px;
}
*/
.schedule-task-mini{
	white-space: nowrap;
	overflow: hidden;
	z-index: 1;
	padding: 1px 4px;
}
.schedule-task-mini .task-row{
	width: 100%;
	height: 22px;
	display: block;
}
.schedule-task-mini .task-row .label-count.pull-left{
	float: none;	
}
.day-off{
	background-color: #879aaf;
	height: 100%;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	z-index: 0;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: middle;
	line-height: 43px;
    /*cursor: auto;*/
}
.day-off:hover{
	color: #333333;
	text-decoration: none;
}
.week-schedule .day-off {
    line-height: 25px;
}
.work-time{
	border-top: 2px dashed #fff;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	display: block;
}
.status-legend{
	list-style-type: square;
}

.nonesize-schedule .top-filters{
	display: none;	
}
.nonesize-schedule .schedule-timeline ul li{
	height: auto;
	padding-top: 10px;	
}
.nonesize-schedule .schedule-date span{
 	padding-top: 2px;
}
.nonesize-schedule .team-content a{
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
	line-height: 15px;
}
.nonesize-schedule .team-content .team-title{ max-width: none; }
.nonesize-schedule .schedule-line a{
    border: none;
	background-color: #fff;
	display: block;
	position: absolute;
	color: #172a41;
}
.nonesize-schedule .schedule-line a:hover{
	text-decoration: none;
}
div.nonesize-schedule div.schedule-line a.day-off{
	background-color: #879aaf;
	border: none;
	padding-top: 2px !important;
	font-size: 12px;
}
.nonesize-schedule .mini-schedule-timeline, .nonesize-schedule .schedule-line-container .schedule-line,
.phone-schedule .schedule-timeline, .phone-schedule .schedule-line-container .schedule-line {
    background-image: repeating-linear-gradient(to right, #EFF3F8 0px 58px, #fff 58px 116px);
}
div.phone-schedule .schedule-left{
	width: 140px;
}
div.phone-schedule .schedule{
	margin: 0px 0 0 141px;	
}
div.phone-schedule .day-letters{
	display: none;
}
div.phone-schedule .schedule-date{
	width: auto;
	padding: 3px 14px 2px;
}

/* Schedule profiles fix */
div.schedule-line > a.day-off{
  background-image: linear-gradient(
    135deg,
    #e3e6eb 25%,
    #f1f3f6 25%,
    #f1f3f6 50%,
    #e3e6eb 50%,
    #e3e6eb 75%,
    #f1f3f6 75%,
    #f1f3f6 100%
  );
  background-size: 40px 40px;
  border: none;
  padding-top: 0px;
  font-size: 12px;
}
.schedule-line > a{
	background-color: #fff;
	border: none;
	display: block;
	position: absolute;
	color: #333333;
    text-decoration: none;
}


.schedule-box-content{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding: 5px 10px;
	z-index: 10000;
}
.schedule-box-content .page-header{
	padding-right: 50px;
	margin: 5px 0px 10px;
}
.schedule-box-content .simple-btn{
	font-size: 14px;
	font-weight: normal;
	margin-left: 5px; 
}
.schedule-box-content .simple-btn:hover{
	text-decoration: none;
}
.list-cleaners li span{
	color: #999999;
	font-size: 12px;
	margin-left: 5px;
}
span.label-services{
	background-color: #EF4836!important;
	margin: 5px 5px 5px 0px;
}
span.label-services-recommended{
	background-color: #ff8f32!important;
	margin: 5px 5px 5px 0px;
}
span.label-services-negative{
	background-color: #536270!important;
	margin: 5px 5px 5px 0px;
}
span.label-services-active{
	background-color: #5BB75B!important;
    color: #FFFFFF;
}
span.label-services-active.label-services-recommended{
	background-color: #3a87ad!important;
    color: #FFFFFF;	
}
#shCalendar{
	position: relative; 
	z-index: 100000;
}
.time-counter{
	position: absolute;
	top: -15px;
	right: -10px;
}

.regular-checks label{
	margin-left: 6px;
}

.regular-checks .well-small label{
	margin-left: 0px;
}	

.freez-content{
	background-color: #f1f4f8;
	width: 100%; 
	padding: 1px 0px;
	display: none; 
	position: absolute; 
	margin-top: 35px;
	z-index: 9;	
}

.freez-content .team-content{
	background-color: #e0e0e0;
	z-index: 8;
}

.freez-content .close{
	font-size: 20px;
    position: absolute;
    top: 0;
    left: 150px;
    padding: 0;
    z-index: 10000;
}

.freeze-row{
	width: 100%;
	clear: both;
}
#iconsContent a:hover{
	text-decoration: none;
}

.set-team{
	overflow: visible;
}
.tab-content.set-team {
	border-top: 1px solid #dbe2eb;
	border-radius: 0; 
}
span.distance-contents{
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 2px;
	margin-top: 3px;
	margin-right: 2px;
}
.top-filters .nav-tabs li a.del-distances, a.del-distances{
	background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #7c7c7c;
    margin: 5px 3px 0 5px;
    padding: 1px 4px;
}

.dropdown-icons a.dropdown-toggle{
	display: block;
	padding: 5px;
}

.dropdown-icons a.dropdown-toggle span.caret{
	border-top-color: #364567;
	display: block;
}
.dropdown-icons.btn-group.open .dropdown-toggle{
	box-shadow: none;
}

/***************** PRO CONTENT ****************/
.pro-content{
	max-width: none;
}
.pro-image-content{
	width: 190px; 
	height: 130px; 
	float: left; 
	margin: 0px 10px 5px 0px;	
}
.pro-content .nav-tabs > li > a{
	padding-top: 2px;
	padding-bottom: 2px;
}
.stars-content{
	margin: 2px 0px;
}
.pro-partdata{
	width: 140px;
}

.btn-pro-jobs, .btn-pro-jobs:hover, .btn-pro-jobs:focus, .btn-pro-jobs:active, 
.btn-pro-jobs.active, .btn-pro-jobs.disabled, .btn-pro-jobs[disabled]{
	background: #cf453f;
	border: 1px solid #cf453f;
	color: #fff;
	box-shadow: none;
	padding: 5px 13px;
	font-family: 'Roboto';
	width: 100%; 
	font-weight: normal; 
	font-size: 18px; 
	border-radius: 4px;	
	 box-sizing: border-box;
}
/*** FILTERS ***/
.top-filters {
    padding-bottom: 10px;
}
.top-filters .nav-tabs {
	margin-left: 0px;
}
.top-filters .nav-tabs li{
    padding-right: 10px;
}
.top-filters .nav-tabs li span.label {
	margin-top: 10px;
}
.top-filters .labeled:hover {
	background: none;
	border-color: transparent;
}
.top-filters .nav-tabs li a:not(.btn):not(.simple-btn):focus {
	background-color: #fff;
	border-color: #dbe2eb; 
	border-bottom-color: transparent;
	font-weight: bold;
}
.top-filters .tab-content.closed:after {
	box-shadow: none;
}
.one-field {
	width: 174px;
    padding-right: 14px;
}
.one-field-small {
    width: 76px;
    padding-right: 0px;
}
.one-field > .input-mini {
	margin-right: 10px;
}
/*  legend menu */
.status-content {
	padding: 20px 15px;
}
.top-filters .legend-menu{
    margin-left: 0px;   
}
.top-filters .legend-menu li{
    width: 130px;
    float: left;
    display: block;
    margin-right: 10px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    overflow: hidden;
}
.top-filters .legend-menu li:before {
    content:  "■";
    font-family:"Arial Black";
    font-size: 26px;
    padding-right: 3px;
}
.top-filters .legend-menu li span{
    color: #333333;
}
.top-filters .legend-menu li a{
    cursor: pointer;
}
.top-filters .legend-menu-icons li::before{
    content: none;
}
.top-filters .legend-menu-icons li span.label{
    color: #fff;
    border-radius: 0px;
    width: 15px;
    height: 15px;
    display: block;
    line-height: 15px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    float: left;
}

/***************** REGULAR ***********************************/
.regular-screen-form {
    padding: 20px 15px;
}

ul.team-tabs{
	margin-bottom: 0px;
}

.team-tabs > li > a{
	padding-left: 7px;
	padding-right: 7px;
}

div.list-pros{
	padding-top: 10px;
	position: relative;
}
p.team-postcode{
	position: absolute;
	top: 0;
	right: 8px;
}
.weeks-separator{
	border-top: 2px solid;
	margin-bottom: 4px;
}

.periods-form { height: 100%; margin: 0px; padding-top: 5px; }
.periods-form label{ margin: 8px 5px 0px 10px; }
.periods-form input{ margin: 2px 5px 0px 0px; }
.periods-form input.btn { margin-top: 6px; }
.filters-message { 
	background-color: #f1f4f8; 
    color: #172a41; 
	border-radius: 5px; 
	padding: 5px 18px 3px 18px; 
    margin-top: 10px;
}
.filters-message span {
	margin-top: 3px;
}

.pro-btn-content{ text-align: center; }
.btn-pro-jobs{ line-height: 35px; }
/****************** REASON PANEL ******************/
.aligncenter-text{
	display: inline-block;
	margin-top: 8px;
	margin-left: 10px;
}

/****************** AREA CONTENT ******************/
#areas_container {
	margin-top:20px;
	margin-left:0px;
	font-size: 18px;
	list-style-type: none;
	padding:0px;
}
#areas_container li {
	padding-top:20px;
	clear: left;
}
#areas_container .txt_container, #areas_container .move_up, 
#areas_container .move_down, #areas_container .move_left, 
#areas_container .move_right, #areas_container .delete_area, #areas_container .active_area, #areas_container .add_postcodes {
	float:left;
	margin-right:5px;
}
#areas_container .active_area {
	margin-top:4px;
}
#areas_container a{
	font-size: 12px;
}
.areas-widget {
    position: relative;
}
.areas-content {
    overflow-y: auto;
}
#areas_tree {
    width: 100%;
}
#areas_tree > ul {
    margin: 0px;
}
#areas_tree ul{
 border-left: 1px solid #E5E5E5;
 float: left;
}
#areas_tree ul li{
 /*width: 100%;*/
 list-style-type: none;
 clear: both;
 display: block;
}
#areas_tree ul li:last-child {
    border-bottom: 1px solid #E5E5E5;
}
#areas_tree ul li span {
    min-width: 120px;
    display: flex;
    float: left;
    padding: 10px;
    white-space: nowrap;
}
#areas_tree ul li span .dropdown {
    position: static;
}
#areas_tree ul li span a{
	margin-left: 5px;
}
#areas_tree ul li span a:focus {
    text-decoration: none;
}
#areas_tree ul li span a i {
    font-size: 18px;
}
#areas_tree ul li span a:hover{
	text-decoration: none;	
}
#areas_tree ul li{
 border-bottom: 1px solid #E5E5E5;
}
#areas_tree ul ul li:last-child{
 border-bottom: none;
}

.area-form-edit {
    width: 235px;
    white-space: normal;
    padding: 20px 15px 15px 15px;
}
.area-form-edit .btn-success {
    margin-bottom: 20px;
}

/****************** WYSIWYG EDITOR ******************/
#editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 4px; 
	box-sizing: content-box; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
.editor-content .btn{
	padding: 4px 8px;
}

/********************* NOTIFICATIONS ******************/
.notif-label{
	position: relative;	
	cursor: pointer;
	float: left !important;
	padding: 3px 5px !important;
	margin: 0px 7px 0px 3px !important;
}
.notif-topline{
	margin-top: 8px !important;
}
a.notif-label i{
	margin-right: 2px;
}
.notif-badge{
	background: none repeat scroll 0 0 #da4f49;
	background-color: #da4f49 !important;
    border-radius: 3px;
	top: -7px;
	right: -7px;
	position: absolute;
	z-index: 10;
	padding: 2px 3px;
}

.attachment_td div{
	display: inline-block;
	margin-top: 5px;
}

.attachment_td div:last-child{
	float: right;
}

.attachment_link{
	width: 100%;
	word-break: break-all;
}

.attachment-info{
	margin: -9px -14px -9px;
}

/*.attachment-info div:first-child{
	padding-left: 10px;
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
}*/

/*.attachment-info div:last-child{
	padding: 5px;
}*/
/********************* LEFT BOX PANE ****************************/
.box-content{ background-color: #f2f4f8; border: 1px solid #dce2ea; border-radius: 5px; padding: 10px 20px; }
.box-content a{ color: #333333; text-decoration: none; }

/*********************  REARRANGE ORDER SCREEN  ******************/
.serv-title{
	margin-bottom: 15px;
}
.static-pane {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 2px 5px;
  margin-bottom: 20px;
}

.static-pane ul {
  min-height: 20px;
  list-style: none;	
  margin: 0px;
}

.static-pane ul li {
	border-bottom: 1px solid #E7E7E7;
	padding: 2px 0px;	
}

.static-pane ul li:last-child {
	border-bottom: 0px;
}

.static-pane ul li a {
	text-decoration: none;
	color: #333333;	
}
.datetext-content {
	float: left;
	padding: 6px 0 0 0px;
}
.btnsAM {
	width: 11px;
	line-height: 14px;
}
.btnsAM a {
	color: #8b9aad;
	font-size: 12px;
	cursor: pointer;
}
.btnsAM a:hover {
	text-decoration: none;
}
.date-time{
	margin: 5px 0px;
}
.date-time h5{
	margin: 3px 10px 3px 0px;
}
.el-active{
	background-color: #536270;
    color: #FFFFFF;
	border-radius: 5px;
    margin: 0px 0px 10px 0px;
   padding: 8px;
}
.el-active a{
	color: #fff;	
	cursor: pointer;
	margin-left: 10px;
}
.el-active a:hover{
	text-decoration: none;	
}
.booking-info{
	background-color: #fff;
	border-right: 1px solid #dbe2eb;
	width: 329px;
	position: fixed;
	top: 155px;
	left: 200;
	bottom: 0;
  	display: block;	
  	z-index: 10;
	padding: 0px 10px;
	border-radius: 5px 0 0 0; 
}
.booking-info-form{
	height: 100%;
    overflow: auto;
    position: relative;
}
.booking-info-form form{
	height: auto !important;
    overflow: visible !important;
}
.booking-content{
	margin-left: 350px;
}
.booking-content .alert {
	margin: 15px 20px;
}
.booking-info-right{
	border-left: 1px solid #E7E7E7;
	background-color: #fff;
    width: 330px;
    position: fixed;
    top: 80px;
    right: 0px;
    bottom: 0;
    display: block; 
    z-index: 10;
    padding: 0px 10px;
}
.booking-content-right{
	margin-right: 350px;
}

.question-comment {
	font-size: 85%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 20px;
}

.input-small-height {
	border-radius: 3px !important;
	font-size: 10.5px !important;
	padding: 0 4px !important;
	margin: 2px !important;
}

.label-normal {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
}

.ofc-section-icon {
	cursor: pointer;
	font-size: smaller;
}

#select_credit_card.error {
    border-color: #953b39 !important;
    color: #953b39 !important;
}

#set_used_credit {
    margin-top: -5px;
}

#set_used_credit .explain-cont {
    bottom : 30px;
    right: 0px;
}

#set_used_credit .explain a:hover div.explain-cont {
	display: block;
    visibility: visible;
    opacity: 1;
}

#set_used_credit .explain-text > * {
    color: #333333 !important;
    background-color: transparent !important;
    font-size: 14px !important;
}

/****************** CLIENTS **********************************/
.client-profile-tabs .tab-content{
	overflow: visible;
	margin-left: 150px;
}
div.client-profile-tabs div.tab-content:not(.tab-content .tab-content):after{
    box-shadow: none;
    height: 0;
    border-radius: 0; 	
}
.client-profile-tabs .tab-content .widget form {
	overflow: visible;
}
.client-profile-tabs .tab-content select{
	margin-bottom: 0px;
}

.client-profile-tabs .box-info, .box-info-section{
	background-color: #f8f9fb;
	border: 1px solid #dbe2eb;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}

.row-fluid-h10 [class*="span"] {
	min-height: 10px !important;
}

.client-profile-tabs .search-content #searchForm .clearfix:before, .client-profile-tabs .search-content #searchForm .clearfix:after{
	content: none;	
}

.client-profile-tabs .box-info a{
	color: #fff;	
}

.client-nav{
	width: 150px;
}
.client-nav .nav-tabs{
	width: 100%;
}
.box-info .dl-horizontal dt{
	width: 100px;	
	font-weight: normal;
}
.box-info .dl-horizontal dd{
	margin-left: 110px;	
}
.box-info{
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	-webkit-background-clip: padding-box;
  	-moz-background-clip: padding;
  	background-clip: padding-box;
  	padding: 2px 5px;
}
.box-info a{
	color: #333333;
	text-decoration: none;	
}
.no-border{
	border: none;
	padding: 0px;
}
.borderless td, .borderless th {
    border: none;
}
.hover-popup:hover ul{
	display: block;
}
.hover-popup:hover ul li{
	padding: 5px 10px;
}
.hover-popup:hover ul li ul li{
	padding: 0px;
}

.select-no-margin{
	margin: 0px;
}
.select-status{
	float: left !important;
}
#tabClientFeed .table, #tabClientFeed .widget{
	margin-bottom: 0px;
}
#tabClientFeed .commentAddForm form {
    padding: 10px 20px;
}
#tabClientFeed .widget {
    margin: 0px;
    border: 0px;
}
#tabClientFeed .widget .widget {
    box-shadow: none;
}
#tabClientFeed .widgetTitle, #tabClientFeed .widgetIcon {
    border-radius: 0px;
}
#tabClientFeed .widget:first-of-type, #tabClientFeed .widget:first-of-type .widgetTitle, #tabClientFeed .widget:first-of-type .widgetIcon {
    border-radius: 0 7px 0 0;
}
#tabClientFeed .widgetBody table tr:last-child td:first-child {
    border-radius: 0px;
}
#tabClientFeed{
	min-height: 500px;
}
#tabClientFeed .clearfix{
    height: 1px;
}
#tabClientFeed .commentAddForm {
    height: 220px;
}
#addressesWidget .addr-operations {
    vertical-align : top;
    width: 1%; 
}

#addressesWidget .addr-operations > * {
    display: inline-block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

#addressesWidget .order-color.error {
    color: #f00 !important;
    font-weight: bold !important;
}

#addressList .table-et tr td {
    word-break: break-word;
}

/*
#tabContacts .row-fluid{
	height: 50px;
}
*/

/****************** TEMPLATES **********************************/
div.template-content ul{
    height: 100vh;
	min-height: 200px;
}
div.template-content ul li{
	border-bottom: none;
	padding: 0px;
}
ul.blocksContent li span.label, div.template-content ul li span.label{
	background-color: #DADFE1 !important;
	cursor: pointer;
	color: #333333 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
	padding: 5px 10px;
	margin-bottom: 0px;
}
.list-templates {
	border-left: 0px;
	margin-left: 0px;
}
.list-templates li a {
	color: #172a41;	
}
.list-templates.nav-tabs.nav-stacked > li > a {
	border-left: none;
}
.pane_body .list-templates.nav-tabs.nav-stacked > li > a {
	border-left: 1px solid #dbe2eb;
}
.template-container {
	overflow: auto;
	height: 630px;
}

#attachments_form .attachment-row {
	
}

.section-templates{
	padding: 0px;
}
.section-templates .nav-tabs.nav-stacked > li:first-child > a{
	border-top: 0px;
}
.section-templates .nav-tabs.nav-stacked > li:first-child > a, .section-templates .nav-tabs.nav-stacked > li:last-child > a{
	border-radius: 0px;
}

.sms-textarea{
	width: 100%;
	height: 120px;
}

.schedule-time-container label{
	float: left;
	font-weight: bold;
	margin: 8px 20px 0 20px;
}

.schedule-time-container select{
	margin: 5px 0 0;
}

#sendSmsForm label{
	cursor: auto;
}

#sms_history .edit-message{
	cursor: pointer;
}

tr.sms-success td:first-child {
	border-left: 2px solid #8EBB20;
}

tr.sms-failure td:first-child {
	border-left: 2px solid #AC193D;
}

tr.sms-queued td:first-child {
	border-left: 2px solid #F9A01A;
}

tr.sms-blocked td:first-child {
	border-left: 2px solid #000000;
}

.set-postcode{
	font-weight: bold;
}
.sms-table-header .sms-columns {
	margin-top: 13px;
}
div.sms-table-header i.btn.refresh-sms-btn {
	margin-top: 6px !important;
}

.notify-content {
    margin-top: 15px;
}

/****************** INVOICE **********************************/
.invoice-form .control-group label{
	width: 100px;
}
.invoice-form .controls{
	margin-left: 110px;
}
.invoice-form .second-group label{
	width: 140px;
}
.invoice-form .second-group .controls{
    margin-left: 150px;	
}
.template-preview{
	width: 720px;
	margin: 20px auto;
}
.invoice_row .mce-panel{
	max-height: 95px;
}
.invoice_row iframe{
	max-height: 62px;
}
.invoice_row .mce-btn{
	max-height: 25px;
}
.invoice_row .alert{
	margin: 2px 0;
	padding: 2px;
	text-align: left;
}
.invoice_row .alert ul{
	list-style-type: none;
	margin: 0 15px;
}
.invoice_row .alert{
	line-height: 15px;
}
.invoice_row .payments-box{
	text-align: left;
}
.invoice_row .user-input{
	font-weight: bold;
}
.invoice_row ul span{
	padding-left: 15px;
}
.booking-info-container{
	padding-left: 5px;
	text-align: left;
}
#invoice_bookings_table td{
	padding: 2px;
	text-align: center;
}
#invoice_bookings_table th{
	padding: 5px 0;
	text-align: center;
}
#invoice_bookings_table input{
	margin: 0;
}
.order_row td{
	background-color: #f1f4f8 !important;
}
.invoice-booking-row {
    position: relative;
}
.previous-invoice-company{
	font-weight: bold;
}
.default-invoice-company{
	font-weight: bold;
	color: #C09853;
}
.doc-company-select{
	min-width: 320px;
}

/****************** Tinymce **********************************/
.tinymce-reload-btn {
    background: #f0f0f0;
    border: 1px solid #b1b1b1;
    position: absolute;
    z-index: 10;
    right: 6px;
    top: 7px;
}
.tinymce-reload-btn:hover, .tinymce-reload-btn:active, .tinymce-reload-btn:focus {
    background-color: #d6d6d6;
    border: 1px solid #b1b1b1;
}

/****************** DOCUMENT **********************************/
div.booking-desc{
	text-align: left;
}

div.booking-payments{
	padding: 5px;
	/*border-top: 1px solid #DDDDDD;*/
	text-align: left;
}
div.booking-payments ul{
	padding: 10px 10px 0 20px;
}

/****************** COLOR SCHEME **********************************/
.colors-table{ margin-bottom: 0px; }
.tags-tabs{ margin-bottom: 0px; }
.tags-tab-content{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;  }
.tags-tab-content table{ border: none; border-bottom: 1px solid #ddd; }

/***************** FILTER FORM ************************************/
.filter-content {
	padding: 0px 15px 24px 15px;
}
.filter-filter-content {
	padding: 24px 15px 10px 15px;
}
.search-content .filter-block{
	padding: 0px 5px 5px 0px;
}
.filter-content div.span3, .filter-content div.span6, .search-content div.span6, #searchForm div.span3,  #searchForm div.span6{
	position: relative;
}
.filter-content label {
    cursor: default;
}
.input-icon {
    position: absolute; 
    right: 10px;
    top: 10px;  
}
.filter-content .select2-container {
    margin-bottom: 10px;
}
/***************** FEEDBACK FORM ************************************/
#feedbackForm h2{
	font-weight: bold;
}

#feedbackForm p, .form-content{
	margin-left: 20px;
}

.form-content .question-header{
	font-weight: bold;
	margin-left: -20px;
}

.form-element object, form-element img{
	display: none;
}

.question-header sup{
	color: #da4f49;
}

#saveForm{
	margin-top: 50px;
}

/***************** EMAIL CLIENT  ***********************************/
.mails-conversation, .tasks-lists{
    border-top: 1px solid #E5E5E5;
}
.mails-conversation .accordion-group, .tasks-lists .accordion-group{
	border-radius: 0px;
	margin-bottom: 0px;
	border-top: none;
}
.mails-conversation .accordion-heading{
    position: relative;
	background-color: #dbe2eb;
}
.mails-conversation .accordion-heading .widgetIcon{
	margin-top: 4px;
}
.mails-conversation .accordion-heading .accordion-toggle, .tasks-lists .accordion-heading .accordion-toggle{
	padding: 5px 8px;
}
.mails-conversation .accordion-heading a.accordion-toggle, .tasks-lists .accordion-heading a.accordion-toggle{
	color: #333333;
}
.mails-conversation .accordion-heading a.accordion-toggle:hover, .tasks-lists .accordion-heading a.accordion-toggle:focus{
	text-decoration: none;
}
.alias-options{
	display: block;
	margin-bottom: 3px;
	text-align: justify;
}

.alias-options.selected{
	border:1px solid blue;
}

.tasks-lists .accordion-inner{
	padding: 0px 0px 15px 0px;
}
.mails-conversation .accordion-inner .table, .tasks-lists .accordion-inner .table{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;	
}
.emailclient-form .row-fluid{
	padding: 5px 0px 0px 0px;
}

.emailclient-form .row-fluid label{
	width: 60px;
    margin: 5px 5px 0px 0px;	
}

.red{
	color: #AC193D;
}

.upload-failed{
	border: 1px solid #D31040 !important;
}

.attachment-size-warning{
	background-color: #FCEFA1;
}

.reply-btn .dropdown-menu{
	left: -50px;
}

.reply-btn .dropdown-menu li a{
	padding: 5px 20px;
}

.view_mail {
	cursor: pointer;
}

.box-link {
	cursor: pointer;
}

.box-link:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/*.view-mails .row-fluid{
	padding: 5px;
}*/

.list-attachments { padding: 9px 15px; }

#alias_text_priview {
	margin: 10px 0 10px;
	height: 300px;
	overflow: auto;
	
}

#add_spam, #remove_spam { width: 90px;}


#email_loading, .email-loading {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('../../../data/img/loader.gif') no-repeat center center;
}

#error_popover {
	text-align: center;
	background-color: #F2DEDE;
	
}
#error_popover .popover-content {
	padding:0;
}

#error_popover .arrow:after {
	border-bottom-color: #F2DEDE;
}

.accordion-heading .headers-container {
    overflow: hidden;
}

/*.sender-container {
	font-weight: bold;
	margin-top: 5px;
	margin-left: -50px;
}*/

.updated-message { 
	border: 1px solid red !important;
}

#data_container .replying_user{
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	color: #AC193d;
}

a.replying_user{
	color: #AC193d;	
}

.assigned_me{
	color: #009933;	
}

.assigned_other{
	color: #CC3300;	
}

#writeMailPanel .replying_user {
	display: inline !important;
	margin-left: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #AC193d;
}

#writeMailPanel .page-header {
	margin-top: 0 !important;
}

.draft-box{
	position: fixed; 
	bottom: 0; 
	left: 10px; 
	z-index: 100; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; 
	margin-bottom: 0px;
}

.draft-box:hover{
	text-decoration: none;
}

.search-client-link{	
	font-weight: bold;
	color: #3b5998 !important;
}
#writeMailPanel{
	height: 90%;
	height: calc(100% - 70px);
}
#writeMailPanel .page-header{
	margin:5px;
}

#uploads_container{
	position: fixed; 
	bottom: 0;
	margin-bottom: 10px;
	width: 99%;
}

#attachment_size_container{
	margin-left: 10px;
	line-height: 2.8;
}

#attachment_size_container.warning-red{
	color: #FF3300;
	font-weight: bold;
}

#attachment_size_container.warning-yellow{
	color: #FFAA00;
	font-weight: bold;
}

.emailclient-form .qq-upload-list{
	min-width: 82%;
	overflow: auto;
}

.emailclient-form .qq-upload-list li{
	display: block;
	margin: 2px !important;
}

.emailclient-form .qq-upload-button{
	float:left !important;
}

.emailclient-form .delete_attachments{
	margin-left: 5px !important;
}

#et-email #filters_emailElem{
	min-width: 300px;
}

#et-email #filters_emailElem div{
	min-width:100%;
}

.headers-text{
	position: absolute;
	top: 5px;
	left: 60px;
	padding-right: 50px
}

#mailsContent .accordion-heading{
    padding: 5px;
	position: relative;
} 

.email-assign-results span {
	margin-bottom: -10px;
}

.email-header-title {
	width: 40px;
}
/***************** UPLOADER  ***********************************/

#emailList .assigned_emails .label{
	background-color: #009933;
}

#emailList .assigned_emails {
	border-left: 1px solid #e7e7e7;
	padding: 0 10px;
	cursor: pointer;
}

#upload {
	width: auto;
}

.send-btns{
	position: relative;
	padding-right: 55px;
}

.send-btns .btn{
	position: absolute;
	right: 0;
	bottom: 0;
}

.upload-list li{
	display: inline-block;
}

.upload-list .upload-size{
	font-size: 10px;
	color: #777777;
}
.qq-upload-list-container{
	min-width: 248px;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}
.qq-upload-list, .upload-list{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 5px;
}

.qq-upload-list li, .upload-list li{
	background-color: #f1f4f8;
    border: 1px solid #dbe2eb;
    border-radius: 3px;
    line-height: 15px;
    padding: 4px 6px;
    margin: 2px 0px;
}

.qq-upload-list li .delete_attachments, .upload-list li .delete_attachments{
	color: #959595;
	font-size: 12px;
	float: right;
}

.qq-upload-size{
	color: #777777;
	font-size: 10px;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .upload-file, upload-size{
    margin-right: 8px;
	font-size: 12px;
}

.qq-upload-cancel {
    color: #0088cc !important;
    text-decoration: none !important;
}

.qq-upload-cancel:hover, .qq-upload-cancel:focus {
    color: #005580 !important;
    text-decoration: underline !important;
}

.qq-upload-finished {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}

.qq-upload-button{
	float: right;
	margin-top: 5px;
}

.mail-header-search{
	color: #0088cc;
    text-decoration: none;
}

.mail-header-search:hover{
	text-decoration: underline;
}

.gmail_quote{
	margin: 0 0 0 .8ex;
	border-left: 1px #ccc solid;
	padding-left: 1ex;
}

/***************** SMS INBOX  ***********************************/

.search_assign_btns{
	min-width: 95px;
}

#assign_results ul{
	margin-top: 10px;
}
#assign_results .btn {
	padding: 4px 12px;
}
#assign_results .page-header, #search_results .page-header{
	margin: 0 0 10px;
	font-weight: bold;
}
.accordion-group {
    border: 1px solid #dbe2eb;
}
#assign_results .accordion-toggle, #search_results .accordion-toggle{
	padding: 5px;
	background-color: #edf0f5;
}

#assign_results .accordion-toggle:hover, #assign_results .accordion-toggle:link, #search_results .accordion-toggle:visited, #search_results .accordion-toggle:hover, #search_results .accordion-toggle:link, #search_results .accordion-toggle:visited{
	color: #61a2ed;
	text-decoration: none;
}

#assign_results .open-order-booking, #search_results .open-order-booking{
	margin-left: 10px;
}

#assign_results .open-order-booking:hover, #search_results .open-profile:hover{
	color: #61a2ed;
	text-decoration: underline;
}

#assign_results .results-container {
	padding: 20px 15px;
}

#assign_results .tab-results, #search_results .tab-results {
	font-weight: bold;
}

#assign_results .btn-group{
	min-height: 30px;
	border: 1px solid #dbe2eb;
	background-color:  #edf0f5;
	padding: 2px;
}

#assign_results .accordion-inner .btn-group {
	background-color:  white;
	border: none;
}

#assign_results .accordion-inner .assing-message {
	margin: 0 !important;
}

#assign_results .accordion-toggle{
	min-height: 30px;
	padding: 2px;
}

#assign_results .accordion-group{
	border-left: none;
	border-radius: 0;
}

#assign_results .accordion-heading{
	line-height: 2;
}

#assign_results .accordion-inner{
	border: 1px solid #dbe2eb;
	border-top: 0;
}

#assign_results .dropdown-header{
	padding: 3px 5px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #dbe2eb;
}


#assign_results .accordion-inner, #search_results .accordion-inner{
	padding: 0;
}

#assign_results .accordion-inner .assing-message, #search_results .accordion-inner .set-sender{
	margin: 2px 10px 2px 10px;
}

#assign_results .message-date, #search_results .detail-type{
	padding-left: 2px;
	font-weight: bold;
}

#assign_results .message-date span{
	font-weight: normal;
	font-style: italic;
}

.assignment-info{
	padding: 5px;
	font-weight: bold;
}

.assign-sms .page-header{
	margin: 0px;
}

#assign_results .message-sender{
	margin-bottom: 5px;
	padding-left: 10px;
	line-height: 17px;
	font-size: small;
}

#assign_results .message-text{
	border-top: 1px solid #dbe2eb;
}

#assign_results .message-text, #search_results .detail-text{
	padding:  0 5px;
	text-align: justify;
}

#assign_results .tab-content{
	/*height: 450px;*/
	overflow: visible;
}

.widgetTitle .toggle-hidden-columns{
	margin: 0 10px;
}

#SMSList .dropdown-toggle {
	padding-left: 8px;
    padding-right: 8px;
	margin-top: -1px;
	margin-left: -5px;
}

/***************** TASK MANAGER  ***********************************/
.fixed-top-pane {
    background-color: #fff;
    border: 1px solid #dbe2eb;
    border-radius: 0px 0px 5px 5px;
    position: fixed;
    top: 50px;
    right: 25px;
    left: 245px;
    z-index: 100;
    padding: 14px 10px 13px 10px;
    margin-bottom: 7px;
}
.task-info{
	background: #F0F0F0;
	padding: 5px 15px;
} 

.task-title{
	font-weight: bold;
	padding-top: 8px;
}

.task-info, .task-title{
	margin-bottom: 10px;
}

.tasks-lists .accordion-heading a.tasks-list-head{
	padding-top: 0px;
	padding-right: 0px;
}

.tasks-lists .accordion-inner{
	padding: 0px;
}

.tasks-lists .accordion-inner table{
	border-bottom: 0;
	margin-bottom: 0px;
}

#overlay_container {
	background:url('../../../data/img/loader.gif') no-repeat center center rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left: 0;
	z-index:9999;
}

.blanket, .blanket-popover{
	background: none repeat scroll 0 0 #ffffff;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;	
}
tr.list-notes td{
	border-top: none;
	border-left: none;
	padding: 0px;
}

tr.list-notes td table.table tr td{
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	padding: 8px;
}
.comment-holder {
	height:auto!important;
	overflow:auto!important;
	margin-bottom:10px;
	cursor: pointer;
}

.comment-holder-click {
	cursor: pointer;
	overflow:hidden;
	height:50px;
}

.label-tabs{
	margin-top: 0px; 
	vertical-align: middle;
}

.close_status {background: rgba(243, 243, 243, 0.6);}

#TaskManagerPanel .page-header{
	margin-bottom: 0;
}
.task-manager-filter {
	margin-bottom: 20px;
}
#tm_filters_form{
	overflow: hidden;
}

#tm_filters_form input.typeahead{
	width: 100% !important;
}

#tm_filters_form input.datepicker{
	height: 32px !important;
}
.task-form {
	padding-top: 20px;
}
.task-form .controls{
	padding-top: 10px;
}

.task-form .controls input, .task-form .controls select, .task-form .controls textarea, .task-form .controls div.chosen-select {
    margin-top: -5px;	
}

table.list-tasks td:nth-last-child(2), table.list-tasks th:nth-last-child(2) {
    display: none;
}

.task-tags {
	padding: 1px 5px;
}

.task-mobile-el {
	margin: 2px 0px;
}

.task-content {
	border-top: 1px solid #ebebeb;
	padding: 3px 0px 5px 0px;
	margin-top: 5px;
}
.btn-top-tm {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
	.list-tasks table td:nth-last-child(2), .list-tasks table th:nth-last-child(2), table.list-tasks td, table.list-tasks th, table.list-tasks thead, #et-tm_tasks .widgetTitle {
	    display: none;
	}
	table.list-tasks td:nth-last-child(2) {
	    display: block;
        height: auto;
	}
    .sticky-wrap-head {
        top: 0px;
    }
    #tm_tasks_form .sticky-wrap-head {
        border-bottom: none;
    }
    .fixed-top-pane {
        top: 40px;
        left: 25px;
        padding: 7px 10px;
    }
    div.conversions-content{
        padding-right: 0px;
    }
    div.template-panel {
        right: 10px;
    }
    div.dialog-message-content {
        padding: 15px 0px;
    }
    div.conversion-profile {
        width: auto;
        left: 0;
        right: 0;
    }
    a.client-profile-close {
        position: absolute;
        right: 25px;
        top: 10px;
    }
}

@media (max-width: 480px) {
  #TaskManagerPanel[data-width="500px"] {
      width: 80% !important;
  }
}
/***************** ALL CALLS  ***********************************/
.results-row {
	overflow: hidden;
	margin: 5px;
	padding: 2px;
	border: 1px solid #E7E7E7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 4px;
	background-color: #F0F0F0;
	line-height: 30px;
}

/***************** NOTIFICATIONS  ***********************************/
#add_edit_form select{
	margin-top: 10px;
}

/******************** POPUP BOX ********************/
.popupbox{
	background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 1px;
    position: fixed;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1010;
	top: 20%;
	left: 40%;
	position: fixed;
}
.popupcontent{
	padding: 20px 40px;
	margin: 0px auto;
}

.phones-list{
	margin-left: 5px;
}

.phones-list ul{
	margin-left: 10px;
}

.popover{
	border: none;
	z-index: 2030;
}
.popover .arrow {
    border: none;	
}
.popover-title .close{
	font-size: 16px;
	font-weight: bold;
}

div.popover-content {
	color: #364567;
}

div.popover-content div.row-fluid [class*="span"]{
	 min-height: 15px !important;
}

div.popover-content div.span3{
    width: 220px;
}

div.popover-content .label {
	margin: 15px 1px 0 0;
}

a.label.popup-icon-btns {
	background-color: #dbe2eb;
	color: #364567;
	font-size: 14px;
	border-radius: 6px;
	padding: 5px 7px;
	margin: 8px 0 0 0;
}
a.popup-icon-btns:hover, a.popup-icon-btns:focus {
    color: #364567;	
}

/******************** SEARCH FILTERS ********************/
.filter-title{
	height: auto;
	line-height: auto;
}
.filter-btns{
	margin-left: 5px;
}
/******************** EXPLAIN ********************/
.explain{
	position: relative;
}
.explain-popup {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: .3s;
}
.explain-popup.opened-element, .explain-popup.opened-element .explain-cont {
    visibility: visible;
    opacity: 1;
}
.explain-cont {
	background-color: #fff;
	box-shadow: 0px 0px 9.95px 0.05px rgb(35 85 161 / 5%), 0px 0px 9.995px 10px rgb(57 105 172 / 5%);
    border-radius: 6px;
    line-height: 20px;
    padding: 8px 15px;
    position: absolute;
	max-width: 300px;
	width: 300px;
    visibility: hidden;
	display: block;
    opacity: 0;
	z-index: 1043;
}
.explain-cont::before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    bottom: -7px;
    right: 10px;
}

.explain-cont.bottom::before {
    border-bottom: 7px solid #fff;
    border-top: none;
    top: -6px;
    bottom: auto;
    left: 10px;
    right: auto;
}

span.explain-text a.label{
	width: auto !important;
	min-width: initial!important;
}

span.explain-text a.label div.explain-cont.top, span.explain-text a.label div.explain-cont.left{
	white-space: normal;
	font-size: 13px;
	color: #333333;
	text-align: left;
    bottom: 25px;
    right: -10px;
}

span.explain-text a.label div.explain-cont.bottom {
    top: 25px;
    left: -10px;
    bottom: auto;
}

.no-label-gray a{
  margin: 0 !important;
}

#config_container .explain a:hover div.explain-cont {
    visibility: visible;
    opacity: 1;
}

/**** proscreen send sms ***/
.messagesContent{
  /*	overflow: auto;
      height: 100%;
      max-height: 600px;*/
  padding: 10px 30px;
}
.messagesContent ul{
  margin: 0px;
}
.messagesContent li{
  border-bottom: 1px solid #e5e5e5;
  list-style-type: none;
  cursor: pointer;
  padding: 15px 10px;
}
.messagesContent li:last-child { border-bottom: 0px; }
.messagesContent li:hover{ background-color: #f0f8ff; }
.messagesContent li a{
  font-size: 16px;
  color: #54626f;
  font-family: 'Roboto';
}
.messagesContent li a:hover{
  text-decoration: none;
}
.messagesContent label{
  width: 200px;
}

.messagesContentNoPadding {
  padding: 0px;
}

.messagesContentNoPadding li {
  padding: 0px;
}

.messagesContentNoPadding li a{
  padding: 12px 10px;
  display: block;
}

/************** simplemodal *************/

.simplemodal-overlay { background: #fff; }
.simplemodal-container { background: #fff; border: 1px solid #dbe2eb; box-shadow: 0px 5px 5px 1px rgb(241 244 248), 0px 5px 1px 20px rgb(219 226 235 / 5%); max-width: 1000px; border-radius: 7px; }
.simplemodal-close { background: url(../img/close-modal.png) no-repeat center center transparent; width: 10px; height: 10px; position: absolute; top: 24px; right: 20px; cursor: pointer; }
.simplemodal { padding: 8px; }
.simplemodal table, .simplemodal .widget, .simplemodal form { margin-bottom: 0; }

.popup-comments .simplemodal-close {
	background-color: #fff;
    padding: 4px;
    border-radius: 7px;
	top: 10px; 
	right: 10px; 
	z-index: 1;
}

.simplemodal {
  border-radius: 7px;
  overflow: hidden;
  padding: 0px;
}
.simplemodal_title {
    background-color: #f8f9fb;
    border-bottom: 1px solid #dbe2eb;
    min-height: 30px;
    padding: 10px 30px;
}
.simplemodal_footer {
    border-top: 1px solid #dbe2eb;
    min-height: 30px;
    padding: 20px 30px;
}
.simplemodal-cancellation-fee-title {
    background-color: #f2dfdf !important;
    border-bottom: none !important;
}
.simplemodal-cancellation-fee-title h1 {
    color: #c50101 !important;
}
.simplemodal_title{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.simplemodal_title h1{
  color: #324669;
  font-size: 16px;
  font-weight: 500;
}
.simplemodal_footer{
    border-top: 1px solid #d1e6e1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 20px;
}
.simplemodal .row-fluid {
	width: auto;
    min-width: 300px;
    padding: 20px 40px 20px 30px;
}
.simplemodal_footer .row-fluid {
	padding: 0px;
}
.simple-modal-success{
  text-align: center;
  line-height: 37px;
  padding: 20px 0px;
}
.simple-modal-success .btn{
  margin: 0px auto;
}
.simplemodal-container::-webkit-scrollbar {
    border-radius: 7px;
}
.simplemodal.alert-success, .simplemodal.alert-warning, .simplemodal.alert-error {
    border: none;
    box-shadow: none;
}
ul.dropdown-phones li{
	color: #333333;	
	padding: 4px 10px;
}
ul.dropdown-phones li strong{
	color: #888888;	
}
ul.dropdown-phones li a{
	display: inline;
	line-height: normal;
	padding: 2px 3px 2px 4px;
	margin: 0px 3px;
}
.btn-set-team{
	margin: 0px 0px 5px 0px;
}

.icon-automobile:before,
.icon-car:before {
  content: "\f1b9";
}

.panel-buttons {
  margin-right: 40px;
  float: left;
  clear: left;
  line-height: 30px
}
.panel-buttons .simple-btn {
	margin-right: 5px;
}
/*chase screen css*/
.chase-panel div.tab-content {
    overflow: visible;
}
.chase-panel div.tab-content .tab-pane {
	padding: 20px 15px;
}
.chase-panel div.tab-content .tab-pane .widget {
    margin: 0px;
}
.chase-panel div.tab-content .tab-pane #tasksContent .widget {
    margin-bottom: 20px;
}
.chase-panel .dropdown-menu > li > a {
    padding: 4px 15px;
}
.tab-content form a.btn-save-statuses {
    float: left;
    margin: 27px 0 0 10px;
}
/*end chase*/
/* app_content */
.app-content-text {
    width: 98%;
    min-height: 60px;
}
/* end app_content */
/* comment template tags filter */
.comment-tag-filter {
    margin-top: 10px !important;
    border: 1px solid #E7E7E7;
}
.comment-tag-filter a {
    line-height: 36px;
}

.comment-tag-filter ul.dropdown-menu {
    left: 0;
    right: auto;
}
/* end filter */
.criteria_values{
	width: 300px;
}
.criteria_values .span3{
	width: 100% !important;
}

/* colour boxes */
.box-special-yellow {
    background-color: #FFFFED !important;
}
.box-special-green {
    background-color: #dff0d8 !important;
}
.box-special-purple{
	background-color: #F9EFFF !important;
}

/* seasons */
.timeslot-dates {
    margin-left: 0px;
}

.timeslot-dates label {
    display: inline;
}

.timeslot-dates li {
    line-height: 30px;
}

.timeslot-dates li ul li ul li:last-child {
  line-height: 1px;
}

.timeslot-dates ul {
    overflow-x: auto;
    overflow-y: auto;
    line-height: 30px;
}

.seasons-table {
    border-collapse:separate;
    border-spacing: 0 10px;
}

.seasons-table td {
    padding-right: 10px;
}

.seasons-ul {
  display: none;
}

.seasons-ul ul{
    display: none;
}

.season-div {
  display: none;
}

.calendar-table {
    table-layout: fixed;
}

.calendar-table td {
    padding: 4px !important;
    text-align: center!important;
    border: 1px solid #dddddd;
}

.calendar-table td.calendar-day-allow {
    background: #99C68E !important;
}

.calendar-table td.calendar-day-deny {
    background: #C24641 !important;
}

.calendar-table td {
    width: 15%;
}

.form-label-text{
  line-height: 30px;
  text-align: right;
}

/* CONFIRM */
.confirm-dropdown{ margin-bottom: 0px; }
.confirm-dropdown .btn-group a span.caret{ border-top-color: #333333; border-bottom-color: #333333; }


/*start user profile popup*/
.user-profile-popup-height{
  height: 85px;
}
.user-profile-popup-avatar{
  height: 85px;
  width:85px;
  float:left;
}
.user-profile-popup-info{
  height: 85px;
  float:left;
}
.user-profile-popup-info-row{
  word-wrap: break-word;
  width: 160px;
}
.user-profile-popup-info-row-size{
  font-size: 12px;
  line-height: 15px;
}
.user-profile-popup-actions{
  text-align: right;
  font-size: 17px;
}

.user-profile-popup-actions a:hover{
  text-decoration: none;
}

.table tbody tr.transaction_row > td {
  background-color: #FAFFEB;
}
.table-hover tbody tr.transaction_row:hover > td {
  background-color: #EBF5DC;
}
/*end user profile popup*/

/* REQUIRED */
.req-opt-row td:nth-child(1){
	border-bottom: 1px solid #dddddd;
	border-left: 0px;
}
.req-opt-row:last-child td{
	border-bottom: none;
}
/* END REQUIRED */

@media (max-width: 768px) {
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .nav switchers{ display: none; }
  .navbar-fixed-top, .navbar-fixed-bottom{
  	width: auto;
  	min-width: initial;
  }
  ul.breadcrumb{
  	width: 100%;
  	min-width: auto;
  	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .leftSide.on { z-index: 1000; }
  
    .filter-filter-content .span3 {
        width: 100%;
    }

  div.pro-phone{
    border-radius: 0px;
  	border-left: 0px;
  	border-right: 0px;
  	text-align: center;
  	top: 55px;
  	left: 0;
  	right: 0;
    position: absolute;
  	padding: 35px 20px;
  }
  
  div.pro-phone span{ font-size: 12px; }
  div.pro-phone p{ font-size: 16px; }
  div.pro-phone input.field{ width: 80%; }
  div.pro-phone .btn{ float: none; margin: 0px auto; }
  div.verifycode-content input.field{ width: 100%; }
  div.verifycode-content .resend-btn{ float: none; }
  
  .call-subjects{
  	margin-top: 17px;
  }

  .dropdown-toggle {
    overflow: hidden;
    height: 16px;
  }
  .btn-group .dropdown-toggle {
    height: auto;
  }

  #commentsContent table {
    table-layout: fixed;
  }

  div.summery-job {
    display: block;
  }

  div.summery-job div.span4, div.summery-job div.span2 {
    border-right: 0px;
  }

  div.confirm-jobs .tab-pane {
    width: 100%;
    margin-top: 35px;
  }

  .contact-btns {
	padding-top: 10px;	
  }

  div.job-btns .btn span.visible-desktop {
    display: none !important;
  }

  .row-fluid .visible-tablet-fullwidth {
    width: 100%;
  }

  .search {
    position: relative;
  }
  .et-search-content {
    position: absolute;
    top: -4px;
    left: 30px;
    z-index: 10;
  }
}
/* search form hidden elements */
input.additional-hidden, .row-fluid div.additional-hidden, div.additional-hidden {
  display: none;
}

/***************** APP BANNER **************************/
.app-banner{
	background-color: #0091ff;	
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-family: 'RobotoRegular';
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	padding: 35px 20px;
}
div.app-banner a.btn, div.app-banner a.btn:visited{
	background-image: none;
	background-color: #4db2ff;
	border: 2px solid #fff;
	color: #fff;
	width: 80%;
	font-weight: normal;
	font-size: 20px;
	border-radius: 6px;
	text-shadow: 0px 0px 0px;
	padding: 15px 20px;
	margin-top: 25px;
}
div.app-banner label, div.app-banner .btn{
	font-size: 24px;	
}
a.close-app-banner{
	position: absolute;
	right: 15px;
	top: 10px;
	color: #fff;
}
.ui-page-theme-a a.close-app-banner:visited, 
html .ui-bar-a a.close-app-banner:visited, 
html .ui-body-a a.close-app-banner:visited, 
html body .ui-group-theme-a a.close-app-banner:visited,div.app-banner a.close-app-banner:visited,
.ui-page-theme-a a.close-app-banner, html .ui-bar-a a.close-app-banner, html .ui-body-a a.close-app-banner, html body .ui-group-theme-a a.close-app-banner{
	color: #fff;
}

.close-app-banner:hover{
	color: #fff;
	text-decoration: none;	
}

/***************** Set Pro Default phone **************************/
.pro-phone{
	background-color: #f0fcf6;
    border: 1px solid #68ba96;
	border-radius: 4px;
	color: #3b4050;
	font-size: 18px;
	font-family: 'RobotoRegular';
	padding: 50px 60px;
    margin-bottom: 20px;
}
div.pro-phone label{
	font-size: 21px;
	margin: 9px 6px 0px 0px;
}
.pro-phone .btn, .pro-phone .btn:visited {
	margin: 0px 0px 0px 5px;
}
.pro-phone input.field{
	font-size: 18px;
	padding: 7px;
	margin-top: 2px;
}
.pro-phone p{
	font-size: 18px;
}
.pro-phone span{
	font-size: 14px;
}
.pro-phone .btn{
	border: none;
	font-weight: normal;
	padding: 8px 15px;
	margin-top: 1px;
}
.resend-btn{
	font-size: 16px;
	color: #3b4050;
	text-decoration: underline;
	margin: 8px 0px 0px 15px;
}
.resend-btn:hover{
	text-decoration: none;
}	
/************** intro one *************/
.introOne .introjs-helperNumberLayer{
	display: none;
}

.introOne .introjs-tooltipbuttons{
	display: none;
}
.call-ownership {
    font-weight: bold;
    color: #55AC55;
}
.tr-card-error {
    font-weight: bold;
    color: #da4f49;
}
.table-font-size-12 td {
  font-size:12px !important;
}

/************** order questions *************/
.fields-btns{ padding: 15px 20px; margin-left: 0px; }
.fields-btns li{ width: 120px; margin-bottom: 5px; }
.attr-content form{ width: 95%; }

table.table-questions{ margin-bottom: 0px; }
table.table-questions tr td{ white-space:nowrap; padding: 0px; }
table.table-questions tr td:first-child{ width: 1px; border-left: 0px; border-right: 1px solid #dddddd; }

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

table.table-questions table.table-questions:not(:last-child){ border-bottom: 1px solid #dddddd; }

.questions-content{ position: relative; padding: 8px; }
.delete-row{
	color: #b94a48;
    font-weight: bold;
    position: absolute;
    right: 3px;
    top: -5px; 
}
.delete-row:hover, .delete-row:focus{
	text-decoration: none;
	color: #b94a48;
}

.question-eq{ position: relative; padding-right: 15px; padding-bottom: 10px; }
.question-eq .delete-row{ top: -10px; }

.script-pane{
	position: relative;
}
.script-pane-title{
	border-bottom: 1px solid #dddddd;
	color: #6d6d6d;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px;
}
ul.list-questions{ margin-bottom: 0px; }
.list-questions li{
	border-bottom: 1px solid #dddddd;
	padding: 2px 4px;
}
.list-questions-btns{
	padding: 5px 10px;
}
ul.list-questions li a{
	border-bottom: none;
	font-weight: normal;
	text-transform: none;
	padding: 0px;
}
ul.list-questions li a:hover, ul.list-questions li a:focus{
	border-left: none;
	padding-left: 0px;
	margin-left: 0px;
}
.list-questions-btns{
	position: absolute;
}
.questions-expand{
	color: #6d6d6d;
}
.questions-expand:hover{
	text-decoration: none;	
}

.script-pane a:visited, .script-pane a:focus{
	text-decoration: none;
	outline: 0;
}
/* XRM FAVORITES */
.bookmark-add input {
	padding: 15px 5px;
    margin-top: 5px;
}
.bookmark-add input[name=bookmarkName] {
    width: 153px;
    float: left;
    margin-right: 4px;
}
.bookmark-colorpicker {
	position: relative;
	float: left;
}
.bookmark-colorpicker i {
	position: absolute;
	top: 13px;
	left: 5px;
}
.bookmark-colorpicker input {
	padding-left: 5px;
}
.navbar .dropdown-menu div.bookmark-add button.btn {
	margin-top: 3px !important;
}
.xrm-favorites-select {
	padding: 0px 10px;
}
.xrm-favorites-search {
    line-height: 14px !important;
}

.xrm-favorites-block, .favorites-no-outside {
    max-width: 270px;
    min-width: 250px;
}
.xrm-favorites-last, .xrm-favorites-bookmarks, .xrm-favorites-search-content {
	padding: 10px;
}
div.xrm-favorites-block div.favorites-no-outside a {
	color: #2e67cb;
	font-size: 14px;
	font-weight: 500;
    display: block;
    padding: 5px 10px;
}
div.xrm-favorites-block div.favorites-no-outside a:hover {
	background-color: #f1f4f8;
    color: #364567;
    border-radius: 6px;
    text-decoration: none;	
}
div.xrm-favorites-last span {
	text-transform: uppercase;
	color: #9aa2b3;
	font-size: 12px;
	font-weight: 500;
	padding: 0px 10px;
}
.favorites-no-outside, .div-word-wrap div {
    word-wrap: break-word;
}
.bookmark-add-btn {
	color: #172a41;
	font-weight: 500;
    padding: 8px 15px 8px 10px;
    margin-left: 10px;
}
.navbar-inner .nav .dropdown a.bookmark-add-btn i {
	color: #172a41;
}
.bookmark-height-21 a {
	max-width: 200px;
	float: left;
}
div.favorites-no-outside div.bookmark-height-21 a:hover {
	background: none;
}

#bookmarks-list {
    max-height: 126px;
    overflow: auto;
}
.xrm-favorites-search-content {
	border-top: 1px solid #e0e4ea; 
}
.xrm-favorites-search-content span {
    color: #a3b3c6;
}
a.bookmark-delete {
	float: right;
}
div.xrm-favorites-bookmarks div.favorites-no-outside a.bookmark-delete i {
	color: #324669;
}
/* END XRM FAVORITES */
.field-content-dropdown ul {
    min-width: 95px;
}

.field-content-dropdown {
    padding: 0;
}

.field-content-dropdown a, .field-content-dropdown a.icon-download-alt{
    height: 25px;
    border: none !important;
    line-height: 25px;
}
.field-content-dropdown ul li {
     padding: 10px;
}
.field-content-dropdown ul a {
	font-size: 14px;
	font-weight: normal;
    text-decoration: none;
    margin-top: 0px;
}

.quote-call-time-select {
    margin-bottom: 5px;
}

.quote-call-time-select-error {
    border-color: #b94a48;
}

.call-subjects{
	right: 0;
}

.call-subjects a.close-call-subject{
	color: #333;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	top: 5px;
	right: 10px;
}
/**************** CALL ANSWER ***************/
.quotes-content h2{
	margin: 20px 0px 5px 0px;
}
.quote-data{
	background-color: #DFF0D8;
	padding: 10px 20px;
	border-bottom: 1px solid #468847;
}
.quote-data label{
	width: 80px;	
	font-weight: bold;
}

.header-title-color {
	color: #3f729b !important;
}
/**************** Day off screen ***************/
.dayoffs-titles h2 {
    margin-bottom: 20px;
}
.dayoffs-btn-content .btn {
    margin-bottom: 15px;
}
/***************** COMPLAINT CASES ***********************************/
#case_complaint_screen {
    margin: -10px; 
	padding: 10px;
}

#case_location {
	height: 85px;
}

.panel-section .toggle-panel {
	cursor: pointer;
}
.complaint_tabs.nav-tabs li:not(:last-child) {
	min-width: 135px;
}
.add_complaint_btn {
	font-size: 20px;
}
.access_btn i{
	font-size: 17px !important;
}

.complaint_container {
	background-color: #fff;
	box-shadow: 0 0 10px #E0E0E0;
	border-radius: 4px;
	margin-bottom: 5px;
}

.complaint_content select {
	margin-bottom: 5x;
}

.complaint_content .field-desc {
	margin-left: 10px;
	font-size: smaller;
}

.complaint_content .field-title sup {
	margin-left: 5px;
	font-weight: bold;
	color: #da4f49;
}

.complaint_content .complaint_form hr {
	margin-bottom: 10px;
}

.complaint_content .complaint_form .row-fluid {
	margin-bottom: 10px;
}

.complaint_content > div {
	padding: 8px 8px 0px 8px;
}

.complaint_content .conclusion_form {
	margin-bottom: 0px;
	box-shadow: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 8px;
}


.complaint_tab .error {
	color: #b94a48 !important;
	font-weight: bold;
    border: none !important;
}

#case_complaint_form .error {
	border: 1px solid #CF2E2B;
	border-radius: 4px;
}

#case_complaint_form label.error {
	color: #b94a48 !important;
	font-weight: bold;
	border: none;
	border-radius: 0;
}

#complaint_messages .qq-upload-button {
    float: left;
}

#complaint_messages .qq-upload-list-container {
    width: 100%;
}

#complaint_messages .qq-upload-list, #complaint_messages .qq-upload-button {
    margin: 0px !important;
}

#complaint_messages .qq-upload-list li {
    float: left;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}

#phone_panel .booking_phones {
	text-align: center;
	margin: 30px;
}

.panel_controls {
	text-align: right;
}

.panel_controls i {
	color: #000000;
	opacity: 0.5;
	text-shadow: 0 1px 0 #ffffff;
	text-decoration: none;
	font-size: 18px;
	margin-left: 2px;
	margin-right: 5px;
	cursor: pointer; 
	cursor: hand;
}

.input-append input {
	width: calc(100% - 28px);
}

div.ofc-section.conclusion_form {
	background-color: #f2fcf6 !important;
    border: 1px solid #d1f5e3; 
    color: #204c41;
}
div.ofc-section.conclusion_form h4.header-title-color {
	font-weight: bold;
	color: #204c41 !important;
}

.save_container {
	margin: 3px 0px 5px 3px;
}

.pro_activity_request {
  background-color: #f9f9f9 !important;
}

.pro_activity_viewed {
  background-color: #f1f1f1 !important;
}

.pro_activity_checkin {
  background-color: #4da7db !important;
  color: #ffffff !important;
}

.pro_activity_checkout {
  background-color: #3F729B !important;
  color: #ffffff !important;
}

.pro_activity_confirmed {
  background-color: #9ae59a !important;
}

.pro_activity_declined {
  background-color: #da4f49 !important;
  color: #ffffff !important;
}

.pro_activity_change_payment {
  background-color: #EFFF5E !important;
}

#service_info .ofc-section {
	font-size: 18px;
	font-weight: normal !important;
	padding: 0px;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}

#booking_info, #service_info {
	padding : 0;
}

#service_info th {
	padding: 0;
}

#booking_info > :first-child, #service_info > :first-child{ 
    padding: 2px;
}

.booking-elements .ofc-section td {
    word-wrap: break-word;
    word-break: break-word;
}

#attachments_container .open-file-link, #case_ref_num_txt {
	color: #0088cc !important;
    text-decoration: none !important;
}

#attachment_box .upload-save-btn {
	color: #172a41 !important;
	font-weight: normal !important;
    float: right;
    margin: 5px 0px 0px 10px;
}
#attachment_box .qq-uploader-buttons {
    margin-bottom: 10px;
}
#attachment_box .qq-upload-button {
    float: left;
}

#attachment_box .info-container {
	max-height: 400px;
	overflow: auto;
}

#attachments_container .open-file-link:hover, #attachments_container .open-file-link:focus, #case_ref_num_txt:hover,  #case_ref_num_txt:focus {
    color: #005580 !important;
    text-decoration: underline !important;
}

#attachments_container .attachment-row td {
    padding: 5px;
}

.edit-attachment-container .upload-attachment {
	margin-bottom: 9px;
}

/* Order Form Timeslots */
.timeslot-btns .btn, .timeslot-btns select  {
	margin-right: 5px;
}
.timeslot-btns label {
	margin-top: 7px;
}
.timeslot-table-content {
    max-width: 100%;
    display: inline-block;
}
.timeslot-table-content .sticky-wrap-head{
    top: 0px;
}
.timeslotTable .schedule-date {
	background: none;
}
.timeslotTable tr:not(:first-child) {
  line-height: 20px;
  border-top: 1px solid #f0f3f6;
}
.timeslotTable tr td {
  padding: 3px;
  text-align: center;
}
.timeslotTable .day-letters, .timeslotTable .day-numbers {
	margin-top: 7px;
}
.title_tr th {
	color: #879aaf;
	font-size: 12px;
	font-weight: bold;
}
.title_tr th:nth-child(even) {
	background-color: #f8f9fb;
}
.timeslotTable .sh-cal-icon {
    margin-left: 0px;
}
.timeslotTable.table {
    margin-bottom: 0px;
}
.timeslotTable.table tr th {
    padding-top: 0px;
    padding-bottom: 0px;
}
.sticky-wrap-head .timeslotTable.table tr th {
    padding-top: 5px;
    padding-bottom: 8px;
}
.timeslotTable tr th:first-child, .timeslotTable tr td:first-child {
    background-color: #fff;
    position:sticky;
	left:0;
    z-index: 1;
}
.timeslotTable tr td:first-child {
    text-align: left;
    padding-left: 20px;
}
.timeslotTable tr.normal_tr:hover, .timeslotTable tr.normal_tr:hover td:first-child {
    background-color: #d7dbdf;
    border-top-color: transparent;
}
.timeslotTable  tr.special_tr, .timeslotTable tr.special_tr td:first-child {
  background-color: #f0f3f6;
  border-top: none;
}
.special_tr td:first-child {
    border-radius: 7px 0 0 7px; 	
}
.special_tr td:last-child {
    border-radius: 0px 7px 7px 0px;     
}
.special_tr:hover {
	background-color: #f0f3f6;
}

.timeslotTable td:first-child,
.timeslotTable th:first-child {
  border-radius: 7px 0 0 7px;
}
.timeslotTable td:last-child,
.timeslotTable th:last-child {
  border-radius: 0 7px 7px 0;
}

.timeslotTable td.month {
	background-color: #f0f3f6;
	text-transform: uppercase;
	font-weight: bold;
	color: #172a41;
	border-radius: 7px; 
}

.timeslotbox-content {
    position: relative;
}
.timeslotbox-options {
    background-color: #489275;
    border-radius: 5px 0px 0px 5px;
    height: 30px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: -14px;
    z-index: 2;
    padding: 4px 2px;
    display: none;
}
.timeslotbox-content:hover .timeslotbox-options {
    display: block;
}
.timeslotbox-options a {
    color: #fff;
}
.timeslotbox-options a:hover {
    text-decoration: none;
}
.timeslotBox {
  background-color: #fff;
  border: 1px solid #dbe2eb;
  width: 65px;
  height: 36px;
  cursor: pointer;
  float: left;
  position: relative;
  border-radius: 5px;
}

.timeslotBoxInactive {
  	opacity: 0.4;
  	cursor: default !important;
	position: relative;
}

/* .timeslotBoxInactive:after {
	content: '';
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
} */

.timeslotBoxInactive > .timeslotBoxBottom {
  background-color: #dbe2eb !important;
  border-top: 1px solid #dbe2eb !important;
  color: #fff;
}

.timeslotBoxTop {
  width: 100%;
  min-height: 18px;
  position: relative;
  float: left;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
}
.timeslot-price {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    margin-right: 3px;
    margin-top: 2px;
}
.timeslot-availability {
    border-radius: 0px 5px 0px 5px;
    margin-top: -1px;
    line-height: 12px;
    height: 12px;
    font-size: 10px;
}

.available .timeslotBox {
    border-color: #489275;
}
.available .timeslotbox-options, .available .timeslot-availability {
    background-color: #489275;
}
.filter-available .timeslotBox {
    border-color: #61a2ed;
}
.filter-available .timeslotbox-options, .filter-available .timeslot-availability {
    background-color: #61a2ed;
}
.not-available .timeslotBox {
    border-color: #cd3f41;
}
.not-available .timeslotbox-options, .not-available .timeslot-availability {
    background-color: #cd3f41;
}

.timeslot-tags {
    display: flex;
    justify-content: flex-start;
}
.timeslot-tags .label {
    font-size: 8px;
    line-height: 8px;
    margin-left: 2px;
}
.timeslotBoxTopLeft {
  color: #59695a;
  float: left;
  font-weight: bold;
  position: relative;
  width: 57px;
  font-size: 12px;
}

.timeslotBoxTopRight {
  position: relative;
  float: right;
  font-size: 10px;
  text-align: right;
  padding-right: 3px;
}

.timeslotBoxTopRight > div.tooltip {
  min-width: 150px;
  max-width: 100%;
}

.timeslotBoxBottomTooltip {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.timeslotBoxBottom {
  background-color: #d1f5e3;
  color: #489275;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  position: relative;
  width: 100%;
  text-align: left;
  border-radius: 0 0 5px 5px;
}
.timeslotBoxBottom > div {
    border-top: 1px solid #dbe2eb;
    text-align: left;
    padding: 3px 5px;
}
.timeslotBoxBottom > div:last-child {
    border-radius: 0 0 5px 5px;
}
.timeslotBoxBottomBlue {
  background-color: #e9f6fe;
  border-top: 1px solid #dbe2eb;
  border-radius: 0 0 5px 5px;
  color: #4486e4;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  position: relative;
  width: 100%;
  text-align: left;
}
.timeslotBoxBottomGreen {
	background-color: #E9F7EE;
	color: #18662F;
}
.timeslot-icon {
    width: 11px;
}
/* time slot popup */
.timeslot-popup-content {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.timeslot-popup-line {
    margin: 5px 0px;
}
a.timeslotpopup-close {
    font-size: 11px;
    position: absolute;
    right: 6px;
    top: 0px;
}
/*
#panel-blank-bottom .panel-content {
  overflow-x: auto;
}
*/

/* End Order Form Timeslots */

.image-item{
	margin: 10px 10px 0px 0px;
}
.image-item a{
	width: 100px;
	height: 100px;	
	display: block;
}
.image-item img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
	vertical-align: middle;
}
/*
  XRM Journal
*/

.xrm-journal {
    padding: 10px;
}

.xrm-journal > div {
    margin-bottom: 12px;
}

.xrm-journal .header, .xrm-journal .header > div {
    min-height: 17px;
}

.xrm-journal .journal-record input {
    margin-top: 5px;
    line-height: 20px !important;
    height: 20px !important;
}

.xrm-journal input[name=journal_comment] {
    width: 168px;
}

.xrm-journal input[name=journal_task_id] {
  width: 72px;
}

/* Attachments form */

span.span-left {
	text-align: left; 
	min-height: 15px !important;
}

span.span-center {
	text-align: left; 
	min-height: 15px !important;
}

span.span-right {
	text-align: left; 
	min-height: 15px !important;
}

.pending-color {
    background-color: #fdffc2 !important;
}

.seen-color {
    background-color: #d4f9ff !important;
}

.accept-color {
    background-color: #a2d4a3 !important;
}

.decline-color {
    background-color: #f5e4e1 !important;
}

.pro-blacklist .clearfix{
	height: 40px;
}

/***************** RECONCILE IMPORTS ***********************************/

#reconcile_blank_panel .panel-content {
	height: 500px;
	overflow-y: auto;
}

.import-summary span {
	min-height: 20px !important;
}

.import-summary-header {
	font-weight: bold;
}

.import-summary-records span:not(:first-child) {
	padding-left: 25px;
}
 
#et-reconcile_import_record ul.typeahead {
	text-align: left;
}

.service-card .section-top-service > h4 {
    margin-bottom: 5px;
}

.service-card .section-top-service h6 {
    color: #687d96;
    margin: 1px;
    line-height: 12px;
}

.service-card #section-bottom div.row,
.service-card #section-top div.row {
    margin: 0px;
}

.service-card #section-bottom h5 {
	font-size: 12px;
    margin: 7px 0px;
}

.service-card .section-bottom-price {
    display: table;
}
.service-card .section-bottom-price h5 {
	font-weight: bold;
}
/***************** PROFILE CLASSES ***********************************/
ul.nav.top-profile-nav > li > a {
	padding: 0px;
}
ul.nav.top-profile-nav > li > a span.top-profile-nav-name {
	padding: 2px 0px 0px 12px;
}
ul.nav.top-profile-nav > li > a span.top-profile-nav-name i {
	margin: 4px 0px 0px 6px;
}
.profile-image {
	width: 100px;
}

.left-column {
	font-weight: bold;
	text-align: right;
}

.right-column {
	text-align: left;
}

.block-information {
	overflow: hidden;
}

.block-information .dropdown-menu {
	position: fixed !important;
	top: 100px;
}

.block-details.nav-tabs li {
	min-width: 95px !important;
}

.contractor-decline-content {
  width: 400px;
  max-width: 800px;
}

.removed-unit-event {
    color: #da4f49 !important;
}
/************************** CUSTOM TOOLTIP **************************/
.tooltip-inner {
	background-color: #172a41;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #172a41;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #172a41;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #172a41;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #172a41;
}

.tooltiphover {
	cursor: pointer;
    display: inline-block;
    position: relative;
}

.tooltiptext {
	background-color: #000;
    width: 400px;
    color: #fff;
	padding: 5px;
    border-radius: 6px;
    position: absolute;
    top: 18px;
    z-index: 1;
    left: -100%;
    display: none;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
}

.tooltiphover:hover .tooltiptext {
    display: block;
}

/************************** Multi Lang **************************/
.multi-lang{
	float: left;
	margin-top: 5px;
}

.multi-lang a:hover {
	text-decoration: none;
}

.multi-lang a.active-lang:not(.with-image) {
	background-color: #3f729b;
	border-radius: 3px;
	display: inline-block;
    padding: 2px 4px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 12px;
    color: #ffffff;
    vertical-align: baseline;
    white-space: nowrap;
    margin-top: 2px;
    text-decoration: none;
}

.multi-lang a img {
	max-width: 20px;
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.multi-lang a.active-lang img {
    opacity: 1;
    filter: alpha(opacity=100);
}

/************************** Grey box **************************/
.grey-box {
    background-color: #f1f4f8;
	border: 1px solid #dbe2eb;
	padding: 10px;
}

.grey-box h3 {
    margin: 0px auto;
}

.grey-box a{
    color: #324669;
}

.grey-box a:hover{
    text-decoration: none;
}

.grey-box-active {
	background-color: #e9f6fe;
    border: 1px solid #c3e2fc;
}


/* TABLE RESPONSIVE */
@media screen and (max-width: 768px) {
  .visible-phone {
    display: inherit !important;
  }
  div.widgetTitle{
    height: auto;
    min-height: 44px;
  }

  #day-offs-search-form-button {
    display: block;
    margin-bottom: 15px;
  }

  #day-offs-search-form {
    display: none;
  }
  
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }

  .brand_container, .navbar-theme .navbar-inner {
    height: 45px;
  }
 
 .leftSide {
    top: 35px;
 }
 
 .rightSide {
    top: 40px;
    margin-top: 40px;
 }
 
 .brand_container {
    width: auto;
 }
 .brand_container a.top-logo-martenica {
    padding-right: 10px;
 }
.top-logo-martenica-content {
    top: 7px;
    right: -4px;
}
 .navSizeToggle span i, .navbar-fixed-top .nav li a i{
    font-size: 14px;
 }

i.navSizeToggle {
    font-size: 9px;
}
 
 ul.nav.top-profile-nav > li > a span.top-profile-nav-name {
    padding: 3px 0 0 0;
 }
 
 .navbar .btn {
    margin-top: 4px !important;
 }
 
 .navbar .nav-collapse .nav.top-profile-nav > li > a {
    padding: 7px 6px 10px;
  }
 
  .navbar .nav-collapse .nav > li > a {
    padding: 14px 6px;
  }
 
  .navbar .nav-collapse ul.nav.top-profile-nav > li > a {
    padding-top: 5px;
    display: block;
    height: auto;
  }
 
  .navbar .nav-collapse .visible-phone {
    margin-top: 0px !important;
  }
 
  .welcome-user {
    padding-top: 4px;
    padding-left: 0px;
  }
  
  .welcome-user .dropdown-menu {
    margin-top: 0px;
  }
  
  .welcome-user .nav > li > a {
    padding: 7px 0px 0px;
  }
  
  .navbar-inner .delimiter {
    display: none;
  }
  
  .navbar .nav ul li span.label-count {
    display: none !important;
  }
  .navbar .nav ul.dropdown-menu {
    right: 0px;
    left: auto;
    
  }
  .navbar .nav > li > .dropdown-menu:before {
    right: 9px;
    left: auto;
  }
  .navbar .nav > li > .dropdown-menu:after {
    left: auto;
    right: 10px;
  }
  .navbar .nav ul.dropdown-menu li a {
    font-size: 14px;
    padding: 7px 10px;
  }
  .navbar-inner ul.switchers li ul.dropdown-menu > li > a {
    color: #333333;
  }

    div.confirm-jobs div.tab-content {
        background: none;
        border: none;
    }

    /********** onboarding ***************/
    .onboarding-content h1 {
        line-height: 30px;
    }
    .onboarding-content .image-content {
        text-align: center;
    }
    .onboarding-content .image-content .first-image {
        width: auto;
        max-width: 100%;
    }
    .onboarding-content .image-content .second-image {
        width: auto;
        max-width: 100%;
        max-height: 200px;
        top: 60px;
        left: 230px;
    }
}

.table tr td.debug-td {
    background-color: #B7B8B6 !important;
    border: 1px solid #868785 !important;
}

/* call hub - timelines styles */
.timeline-table-wrapper {
    width: 100%;
    transform: translate(0);
}
.timeline-table {
    overflow-x: scroll;
}

.timeline-table .timeline-table-titles {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: fixed;
    top: 3;
    left: 0;
    z-index: 1;
    background-color: #FFFFFF;
    padding-left: 3px;

}
.timeline-table .timeline-table-row {
    border-bottom: 1px dashed #ccc;
    margin-top: 3px;
    padding-bottom: 3px;
    position: relative;
    height: 20px;
}

.wizard-bar {
    width:auto; 
    padding:10px; 
    text-align:center; 
    border-radius: 5px;
    color: #879aaf;
    font-size: 16px;
    font-weight: 500;
}

.selected-step {
    color: #2353af;
}
.wizard-bar-separator {
	border: 1px solid #879aaf;
	min-width: 50px;
	margin-top: 18px;
}
.national-phone-number {
    position: relative;
}
.national-phone-number input {
    padding-left: 20px;
    margin-bottom: 5px;
}
.national-phone-number i {
    position: absolute;
    left: 5px;
    top: 12px;
}
/***************** Sales Deals ****************/
.sales-deals .btn {
	padding-left: 13px;
    padding-right: 14px;
}

/***************** STATUS COLORS ***************/
.pending {
    color: #be7230;
    background-color: #fffbe4 !important;
}
.approved {
    color: #548c78;
    background: #f2fcf6 !important;
}
.rejected {
    color: #9b2226;
    background: #fff1f1 !important;
}
.not-submitted {
    color: #172a41;
    background: #dbe2eb !important;
}

/**************** SOFTPHONE **********************/
.softphone-content {
    position: absolute;
    top: 35px;
    right: 0px;
    width: 260px;
    display: none;
}
.softphone-content button.btn {
	margin-top: 0px !important;
}
.softphone-tab-content {
    padding-bottom: 30px;
}
.phone-keyboard .btn {
    box-shadow: 0px 5px 4.75px 0.25px rgba(219, 226, 235, 0.5), 0px 1px 0.99px 0.01px rgba(149, 165, 185, 1);
}
.softphone-content-btns {
	margin-top: 20px;
}
.call-options {
    padding-bottom: 20px;
}
.call-options .btn {
	width: 20px;
	color: #172a41;
	padding: 6px 10px;
}
div.softphone-content-btns div.call-options a.btn i {
    color: #172a41;
    margin: 0px;
}
div.softphone-content-btns div.call-options a.btn.softphone-btn-off i {
	color:#bc2d2e;
}
.call-type-content {
	width: 10px;
	font-size: 18px;
	text-align: center;
}
.call-type-content .answered {
	color: #68ba96;
}
.call-type-content .outgoing {
    color: #2e67cb;
}
.call-type-content .missed {
    color: #ed7067;
}
.call-time {
    white-space: normal !important;
}
.btn-numbers {
    width: 55px;
}
#softphoneButton div.dropdown-menu div.softphone-tab-content.tab-content {
    border: none;
}
.navbar .nav > li > div.softphone-content.dropdown-menu-right::before, .navbar .nav > li > div.softphone-content.dropdown-menu-right::after {
    right: 9px;
    left: auto;
}
.call-from-number {
    max-width: 180px; 
    overflow: hidden;
}
.navbar .nav > li > div.softphone-content .softphone-content-btns #btnTransferHangUp {
	margin-top: 5px !important;
    float: right;
    margin-right: 36px;
}

/************************ On boarding ************/
.onboarding-content h1 {
    text-align: center;
    margin-bottom: 30px;
}
.onboarding-content h2 {
    margin-bottom: 20px;
}
.onboarding-content .filter-content {
    margin-top: 20px;
}
.form-elements{
    margin-bottom: 10px;
}
.onboarding-content .image-content {
    width: fit-content;
    position: relative;
    margin: 0px auto;
}
.onboarding-content  .first-image {
    max-width: 900px;
}
.onboarding-content  .second-image {
    max-width: 290px;
    top: 130px;
    left: 630px;
    position: absolute;
}
.pallet {
    margin: 0px;
}
.pallet-color span {
    display: block;
    width: 40px;
    height: 20px;
    float: left;
}
.theme-picker {
    width: 120px;
    float: left;
    display: flex;
    border: 1px solid #dbdbdb;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 5px;
    margin-bottom: 8px;
    margin-right: 5px;
}
.theme-picker:hover {
    border-color: #989898;
}
.theme-picker.selected {
    border-color: #071032;
}
.theme-picker .color {
    width: auto;
    height: 25px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin-right: 12px;
}
.theme-picker .color span {
    width: 12px;
    height: 100%;
    display: inline-block;
    float: left;
}
pre.prettyprint {
    background-color: #e9f6fe;
    border: 1px solid #c3e2fc;
	color: #172a41;
    position: relative;
}
pre.prettyprint .btn-copy {
    background-color: #c3e2fc;
    position:absolute;
    top:4px;
    right:4px;
}

/********** Success page *************/
.success-page-content {
    margin: 50px 0px 0px 0px;
}
.success-page-content h1{
    font-size: 60px;
    line-height: 60px;
    margin: 70px 0px 30px 0px;
}
.success-page-content .btn{
    margin-top: 30px;
}

/**************** Chat dialog *****************/
.sidebarContent .inquiry-sidebar ul li li a span.channel-icon i {
    display: inline-block;
    font-size: 20px !important;
}
.sidebarContent .inquiry-sidebar ul li li a span.channel-icon.whatsapp i, .sidebarContent .inquiry-sidebar ul li li a span.channel-icon.whatsapp-square i {
    color: #25d366;
}
.conversions-content {
    background-color: #fff;
    box-shadow: 0px -10px 20px 7px rgb(241 244 248);
    border-radius: 5px;
    position: relative;
    height: calc(100vh - 100px);
    overflow: hidden;
    padding-right: 600px;
    display: flex;
    flex-direction: column;
}
.conversion-actions {
    background-color: #fff;
    box-shadow: 0px -10px 20px 7px rgb(241 244 248);
    border-radius: 5px;
    border-bottom: 1px solid #dbe2eb;
    width: auto;
    min-height: 47px;
    z-index: 11;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.conversions-content-chat {
    background-color: #fff;
    flex-grow: 1;
    overflow-y: auto;
    padding: 5px 0px 5px 10px;
}
.messages-container {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column-reverse;
}
.messages {
    display: flex;
    flex-direction: column;
}
.conversions-content-chat-form {
    background-color: #f0f4f8;
    border-top: 1px solid #dbe2eb;
    padding: 10px 10px 0px 10px;
}

.conversion-profile {
    background-color: #fbfcfd;
    top: 67px;
    width: 584px;
    padding-right: 25px;
}
.conversion-profile-info {
    background-color: #fff;
    box-shadow: 0px -10px 20px 7px rgb(241 244 248);
    border-radius: 5px;
    overflow-x: scroll;
    height: 100%;
    padding: 10px;
}
.conversion-profile-info .icons a {
    color: #324669;
}
.conversion-profile-info .icons a:hover {
    text-decoration: none;
    color: #0088cc;
}
.conversion-profile-info .list-icons {
    text-wrap: nowrap;
}
.conversion-profile-info-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.chat-form {
    margin-bottom: 0px;
}
.chat-form textarea {
    flex: 1;
}
.chat-buttons-content .qq-upload-button {
    float: left;
    margin-top: 0px;
}
.channel-icon {
   font-size: 20px;
}
.template-panel {
  background-color: #fff;
  border: 1px solid #dbe2eb;
  border-radius: 10px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 610px;
  width: auto;
  z-index: 10;
  padding: 5px 10px;
}
.btn-container-tags {
    position: relative;
}
.tags-container {
    margin-left: 10px;
}
.list-tags-content {
    overflow: auto;
    max-height: 200px;
}
.conversation-history {
    text-align: center;
    margin: 5px 0px;
}

.assign-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dialog-input {
    padding-top: 10px;
    display: flex;
    align-items: center;
}

.dialog-input input {
    flex: 1;
}

.dialog-input button {
    margin-bottom: 10px;
    margin-left: 5px;
}

.dialog-message-content {
    position: relative;
    padding: 10px 0px 5px 0px;
    margin-top: 5px;
}

.dialog-message-marker-container {
    border-top: 1px solid #dbe2eb;
    height: 10px;
    position: relative;
    clear: both;
    margin-top: 11px;
    padding-top: 3px;
}
.dialog-message-marker {
    background-color: #fff;
    color: #dbe2eb;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px 10px;
}

.dialog-content {
    width: 100%;
    height: 300px;
    padding: 10px;
    overflow-y: scroll;
}

.dialog-element {
    width: auto;
    float: left;
    padding: 7px;
    border-radius: 7px;
    margin-bottom: 4px;
    clear: both;
    text-align: left;
}
.dialog-element.alert-error {
    box-shadow: none;
}
.dialog-client {
    background-color: #edf2f8;
}

.dialog-operator {
    background-color: #c3e2fc;
    float: right;
}
.dialog-note {
    background-color: #fcefc7;
    float: right;
}

.dialog-helper {
    float: right;
    display: block;
    padding-left: 10px;
    font-size: 10px;
}
.dialog-helper-hours {
    font-size: 9px;
    color: #324669;
    opacity: 0.5;
    font-style: italic;
}

.message-sent {
    opacity: 0.1;
}
.message-delivered {
    opacity: 0.5;
}
.message-read {
    opacity: 1;
}

.profile-image-container {
    display: flex;
    vertical-align: middle;
    flex-direction: row;
    align-items: center;
}
.profile-image-container .profile-image {
    max-width: 25px;
    max-height: 25px;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 3px;
}

ul.icons label.badge {
    text-indent: 0;
}

.chat-container .loader-content {
    margin-top: 60px;
}
.chat-input {
    field-sizing: content;
    max-height: 100px;
}
.simple-table .widget {
    box-shadow: none;
    border: none;
}
.simple-table .widgetFooter, .simple-table .table, .simple-table .table tr td {
    border: none;
}
.simple-table table.table tr:last-child td:first-child {
    border-radius: 0;
}

.table-hover tbody tr:hover td.show_chat, .table-hover tbody tr td.show_chat {
    background-color: #fff;
}

.template-header {
    font-weight: bold;
}

.template-footer {
    font-size: 12px;
    color: #627d98;
}
/*** left nav box ***/
.left-nav-box {
    padding: 5px 10px;
}
.left-nav-box:hover, .left-nav-box.active {
    background-color: #61a2ed;
    color: #fff;
    cursor: pointer;
}
.left-nav-box i {
    font-size: 20px;
    margin-right: 10px;
    margin-top: 8px;
    vertical-align: middle;
}
.left-nav-box p {
    margin-bottom: 0px;
}
.left-nav-box-title {
    width: 170px;
}
.left-nav-box-title h5 {
    margin: 0px;
}
.left-nav-box-time {
    color: #e4e5e6;
}
/************ Appearance page ***************/
.appearance-form .form-elements {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.appearance-form .form-elements label {
    white-space: nowrap;
}
.appearance-form .btn-regenerate {
    margin-bottom: 5px;
}
.appearance-form .thumbnail {
    width: 248px;
    padding: 15px;
    position: relative;
}
.appearance-form .thumbnail a.delete {
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 2px;
    font-size: 14px;
    color: #324669;
    font-weight: bold;
    padding: 0px 4px;
    border-radius: 6px;
}
.appearance-form .thumbnail a.delete:hover {
    text-decoration: none;
}

@media print {
    .sticky-wrap-head {
        display: none;
    }
    .sticky-wrap-body .table-et {
        width: 100% !important;
    }
    .sticky-wrap-body thead th, .sticky-wrap-body thead td {
        width: unset !important;
        visibility: visible;
        height: auto;
        line-height: 18px;
        font-size: 13px;
        padding: 3px 8px;
        display: table-cell;
    }
    .sticky-wrap-body tr td a[href]:after {
        content: none !important;
    }

    .tab-content > .tab-pane.print_area{ display: block; }
    thead, table th {
        display: table-cell;
    }

    .ofc-section table{ border-radius: 0; } 
    .ofc-section table  tr:first-child th{ border-radius: 0; }
    .ofc-section table  tr:last-child td:first-child{ border-radius: 0; }
    .ofc-section table  tr:last-child td:last-child{ border-radius: 0; } 
}

/***************** DAILY REPORT SCREEN **************************/
.summery-jobs-row {
    margin-top: 30px;
}
.summery-jobs-row [class*="span"] {
    margin-left: 0px;
}
.summery-job {
	display: flex;
}
.summery-job div.span4, .summery-job div.span2 {
	border-right: 1px solid #d9e3eb;
	padding: 10px 20px;
}
.summery-job-centered {
	padding-top: 25px;
}
.summery-job div:last-child {
	border-right: 0px;	
}
.summery-job h1.title-colored {
	margin-bottom: 20px;
}
.uppercase-text {
    text-transform: uppercase;
}
.send-summery-popup {
	max-width: 800px;
	display: none;
	text-align: center;
	padding: 20px 50px; 
}
.send-summery-popup h1 {
	line-height: 28px;
	margin: 0px 0 20px 0;
}
.date-separator {
	background-color: #c3e2fc;
    color: #2355a1;
    border-radius: 5px 0 0 0;
	font-size: 16px;
	padding: 10px 30px;
}

/***************** popups pro screen **************************************/
.blanket{
	background-color: #000;
	opacity: 0.8;
	z-index: 1040;
	display: none;
}
.popup-loading-content{
	height: 100%;
	box-sizing: border-box;
	position: fixed;
	top: 30%;
	left: 0;
	right: 0;
	z-index: 1041;
	display: none;
}
.loading-popup{
	background-color: #fff;
	width: 70%;
	display: block;
	text-align: center;
	padding: 20px 25px;
	margin: 0px auto;
}
.loading-popup p{
	font-size: 18px;
	margin-bottom: 20px;
}
.loading-popup .btn{
	min-width: 30%;
}

/***************** PRO CONFIRM SCREEN **************************/
.confirm-jobs .tabs-left .nav-tabs {
    margin-right: -1px;
}
div.confirm-jobs .nav-tabs li a {
    background-color: #f1f4f8;
    border-color: #dbe2eb;
    padding-top: 13px;
    padding-bottom: 13px;
}
div.confirm-jobs .nav-tabs li.active a {
    background-color: #fff;
}
div.confirm-jobs .nav-tabs li a span{
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
div.confirm-jobs .nav-tabs li a span.title-colored, .job-title span.title-colored{
	font-size: 28px;
	font-weight: lighter;
}
div.confirm-jobs .nav-tabs li a span.title-service, .job-title span.title-service{
	font-size: 14px;
}
div.confirm-jobs .nav-tabs li.active a span.title-colored, div.confirm-jobs .nav-tabs li a:hover span.title-colored, .job-title span.title-colored,
.mobile-dropdown .title-colored
{
	color: #36bf9f;
}
div.confirm-jobs div.tab-content {
    overflow: auto;
    padding: 15px 30px;
}
.jobs-list-data label{
	color: #4e6880;
	cursor: auto;
	margin-bottom: 15px;
}
.jobs-list-data label b{
	color: #2a3845;	
}
.jobs-list-data label b i{
	margin-right: 10px;
}

.price-desc{ font-family: 'RobotoLight'; font-size: 24px; color: #4e6880; }
.decline-content{ width: 550px; padding: 30px 20px; }

.send-summery-popup{
	max-width: 800px;
	display: none;
	text-align: center;
	padding: 20px 50px; 
}
.send-summery-popup h1{
	line-height: 28px;
	margin: 0px 0 20px 0;
}

.pro-title{
	font-family: 'RobotoBold';
	color: #2a3845;
}
.pro-icons{
	width: 30px;
	display: block;
	float: left;
}
.content-bottom-border{
	border-bottom: 1px solid #e7eaec;
	padding: 15px 0px;
}
.content-bottom-border .ofc-section h4 {
    padding: 15px 8px;
}
.contact-btns{
	position: relative;	
}
.contact-btns .btn{
	margin-right: 2px;
}
.job-btns .btn span.visible-desktop {
    display: inline !important;
}
.contact-btns .btn.btn-success{
	color: #fff !important; 
}
.dropdown-popup{
	background-color: #f0f8ff;
	width: 350px;
	box-sizing: border-box;
	position: absolute;
	padding: 20px;
	top: 35px;
	display: none;
}
.dropdown-popup .title-colored{
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
.dropdown-popup ul li{
	list-style-type: none;
	padding: 5px 0px;
}
.dropdown-popup ul li a{
	font-size: 16px;
	color: #000 !important;
}
.delimiter{
	border-bottom: 1px solid #e5e5e5;
	height: 1px;
	display: block;
	margin: 0px auto;
}

.varsContent{
	display: none;
}

.job-btns-content {
    padding: 10px 0px;
}

.job-btns-content .btn i{
	margin-right: 0px;
}
div.confirm-jobs a.btn.btn-inbox{
	line-height: 20px;
	padding: 0px;
}
a.btn-inbox span{
	border-left: 1px solid #324669;
	padding: 5px 13px;
}
a.btn-inbox i{
	padding: 8px 13px;
	margin-right: 0px;
}

/*** job description pro ***/
.simple-description .ofc-section{ padding: 0px; }

/*** job comments ***/
.comment-content{
	padding-bottom: 15px;
}
.comment-content label{
	font-style: italic;
	cursor: auto;
}
.comment-content label span{
	color: #2980b9;
	font-weight: bold;
}
.comment-data{
	background: #f0f8ff;
	border: 1px solid #d3e0e7;
	border-radius: 6px;
	position: relative;
	padding: 20px;
}

.comment-data .arrow{
	width: 10px;
	height: 10px;
	position: absolute;
	top: -16px;
	left: 10px;
}

.comment-data .arrow:after, .comment-data .arrow:before {
	border: solid transparent;
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
}
.comment-data .arrow:after{
	border-bottom-color: #f0f8ff;
	border-width: 5px;
	top: 6px;
	left: 4px;
}
.comment-data .arrow:before{
	border-width: 6px;
	border-bottom-color: #d3e0e7;
	top: 4px;
	left: 3px;
}

.sms-list li{
	border-bottom: 0px;
	padding: 0px 0px 20px 0px;
}
.sms-list li:hover{
	background: none;
}
.sms-content{
	width: 80%;
	background-color: #f0f4f7;
	border: 1px solid #e5e5eb;
	padding: 10px 20px;
	float: left;
}
.sms-content-sender{
	background-color: #f7fffd;
	border: 1px solid #d1e6e1;
	float: right;
}
.sms-type{
	color: #888888;
	font-size: 14px;
	margin-top: 10px;
}

#search_media_library_form > div.typeahead-container > ul.dropdown-menu {
    width: 100% !important;
    text-align: justify;
}

span.typeahead-title {
    font-size: 16px !important;
}

.typeahead-description {
    font-size: 11px !important;
    white-space: pre-line;
}

/* Table availability */
.table-availability table.table tr th:not(:first-child) {
    font-size: 11px;
    text-align: center;
    min-width: 36px !important;
    width: 36px !important;
}

.table-availability .sticky-wrap-head table.table tr th {
    line-height: 12px;
    height: 20px;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table-availability td {
    font-size: 11px;
    white-space: nowrap;
    height: 20px;
    line-height: 12px;
}

.table-availability tbody tr:hover td:not(:first-child) {
    opacity: 0.8;
}

.table-availability-legend ul.legend-menu li {
    width: auto;
}

.available {
    background-color: #68ba96 !important;
}
.available-text {
    color: #68ba96 !important;
}
.partially-available {
    background-color: #e6b64a !important;
}
.partially-available-text {
    color: #e6b64a !important;
}
.not-available {
    background-color: #db5a54 !important;
    color: white;
}
.not-available-text {
    color: #db5a54 !important;
}