rt.display-block {display: block;}

.tooltip {position: fixed;}
.color-white {color: #fff !important;}

.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-5ths {width: 20%;float: left;}

@media (min-width: 768px) {
.col-sm-5ths {width: 20%;float: left;}
}

@media (min-width: 992px) {
.col-md-5ths {width: 20%;float: left;}
}

@media (min-width: 1200px) {
.col-lg-5ths {width: 20%;float: left;}
}

label, .control-label {font-weight: 400; font-size: 13px; color: #4a4a4a;}

[dir="rtl"] .mright5 { margin-right: 0px; margin-left: 5px;}
[dir="rtl"] .mright10 { margin-right: 0px; margin-left: 10px;}
[dir="rtl"] .mleft5 { margin-left: 0px; margin-right: 5px;}
[dir="rtl"] .mleft10 {margin-left: 0px; margin-right: 10px;}
[dir="rtl"] .input-group-addon:last-child { border-left: 1px solid #ccc;}
[dir="rtl"] .colorpicker.colorpicker-visible.dropdown-menu {left: 0px !important; right: auto; padding-left: 3px; margin-left: 45px;
}

.border-right {border-right: 1px solid #f0f0f0;}

.line-throught {text-decoration: line-through}
.full-width {width: 100%;}

.no-margin { margin: 0px !important;}
.no-mtop {margin-top: 0px !important;}

.no-p-left {padding-left: 0px !important;}
.no-p-right { padding-right: 0px;}

.relative {position: relative;}
.font-medium {font-size: 15px;}

.inline-block {display: inline-block;}
.alert-validation {margin-top: 5px;}

.table-image {height: 75px; width: 250px; margin: 15px 0px;}

.announcement small {font-size: 12px; color: #333;}
.announcement {font-size: 14px;}

.bgwhite{background: white; border: 1px solid #e4e5e7;}
.warning-bg{background: #FF6F00 !important; color: #fff !important; border: 1px solid #FF6F00 !important;}

.success-bg {background: #84c529 !important; color: #fff !important; border: 1px solid #84c529 !important;}

.primary-bg{background: #28B8DA;color: #fff !important;border: 1px solid #28B8DA;}
.info-bg{background: #03A9F4 !important;color: #fff !important;border: 1px solid #03A9F4 !important;}
.danger-bg {background: #FC2D42 !important;color: #fff !important;border: 1px solid #FC2D42 !important;}

select.form-control,textarea.form-control,input[type="text"],input[type="file"],
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,input[type="color"]{border: 1px solid #bfcbd9;-webkit-box-shadow: none;box-shadow: none;color: #494949;font-size: 14px;-webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);transition: border-color .2s cubic-bezier(.645, .045, .355, 1);line-height: 1; height: 36px;
}

textarea.form-control{height: initial; padding-top: 10px;}
select.form-control:focus,textarea.form-control:focus, input[type="file"]: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,input[type="color"]:focus {border-color: #03a9f4;-webkit-box-shadow: none;box-shadow: none;outline: 0 none;
}

select.form-control {padding-top: 6px;}

.form-control[disabled],.form-control[readonly], fieldset[disabled] .form-control {background-color:#eef1f6;border-color:#d1dbe5;color:#8babcc;cursor: not-allowed;
}

.input-group-addon {border: 1px solid #bfcbd9;background-color: #fbfdff; color: #97a8be;}
.form-control::-webkit-input-placeholder { color: #a1b4cc; font-size: 14px;}

.form-control:-moz-placeholder{color:#a1b4cc;font-size:14px;}
.form-control::-moz-placeholder{color:#a1b4cc;font-size:14px;}
.form-control:-ms-input-placeholder{color:#a1b4cc;font-size:14px;}

.submenu{display:inline-block;float:right;margin-bottom:25px;}
.submenu li{display:inline-block;margin-right:15px;}
.submenu li:last-child { margin-right: 0px;}
.submenu li a { font-size: 15px; color: #616161}
.submenu li a:hover, .submenu li a:active, .submenu li a:focus {color: #2f2f2f}

.dt-table {width: 100% !important;}
.tickets table tr.text-danger a {color: #fc2d42;}

.dt-loader:not(:required){-webkit-animation:loader 2000ms 300ms infinite ease-out;animation:loader 2000ms 300ms infinite ease-out; background: #dde2e7; text-indent: -9999px; width: 0.9em; height: 1.5em; margin: 0 auto; display: block; text-align: center; position: absolute; top: 50%; left: 50%; z-index: 999999999999999;
}

.dt-loader:not(:required):before,.dt-loader:not(:required):after {background: #dde2e7; content: '\x200B'; display: inline-block; width: 0.9em; height: 1.5em; position: absolute; top: 0;
}
.dt-loader:not(:required):before {-webkit-animation: loader 2000ms 150ms infinite ease-out; animation: loader 2000ms 150ms infinite ease-out; left: -1.6em;
}
.dt-loader:not(:required):after { -webkit-animation: loader 2000ms 450ms infinite ease-out; animation: loader 2000ms 450ms infinite ease-out; right: -1.6em;
}

.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}

.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}

@-webkit-keyframes fadeOut {
from {opacity: 1;}
to {opacity: 0;}
}

@keyframes fadeOut {
from {opacity: 1;}
to {opacity: 0;}
}

.fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;}

@-webkit-keyframes fadeInRight {
from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
to {opacity: 1; -webkit-transform: none; transform: none;}
 }

@keyframes fadeInRight {
from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
to {opacity: 1; -webkit-transform: none; transform: none;}
}

.fadeInRight{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}

@-webkit-keyframes fadeInLeft {
from{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
to{opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInLeft {
from{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}
}

.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}

@-webkit-keyframes fadeOutLeft {
from{opacity: 1;}
to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}

@keyframes fadeOutLeft {
from {opacity: 1;}
to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}

.fadeOutLeft {-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}

@-webkit-keyframes fadeOutRight {
from {opacity: 1;}
to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
}

@keyframes fadeOutRight {
from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
}

.fadeOutRight {-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}
.text-white{color: #fff !important;}

body {font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #314e73; background: #fff; margin: 0; padding: 0; height: 100%;
}

#wrapper{min-height: 100%; position: relative;}
#content{padding-bottom: 80px;}

h1,h2,h3,h4 {font-weight: 400;}
h1,h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}

.h4,h4,.h3,h3 {font-weight: 400;}

a:hover,a:focus,a:active, a:visited {text-decoration: none;}

.navbar {background-color: transparent; border: none !important; background-color: transparent;background-image: none; border: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067); filter: progid: DXImageTransform.Microsoft.gradient(enabled false); padding: 0px; min-height: 60px; border-radius: 0px;
}

.navbar-default {background: #415165;
/* Old browsers */ /* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#415165), color-stop(26%, #51647c), color-stop(73%, #51647c), to(#4f5d7a));
background: linear-gradient(to right, #415165 0%, #51647c 26%, #51647c 73%, #4f5d7a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#415165', endColorstr='#4f5d7a', GradientType=1);
/* IE6-9 */
}
.navbar-default .navbar-nav>li>a {color: #fff; line-height: 62px; font-size: 15px;}

@media (min-width: 768px) {
.navbar-nav>li>a {padding: 15px 10px;}
}

.nav.navbar-nav.navbar-right .dropdown-menu li>a { font-size: 15px;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
background: transparent; color: #fff;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav li a.active{background: transparent; border-radius: 30px; color: #ff9800;
}

.navbar a.navbar-brand{padding: 23px 0px 25px 0px; height: auto; margin-right: 10px;margin-top: 7px;}
.navbar a.navbar-brand img { width: auto; height: 34px;}
.navbar-default .navbar-nav>li.customers-nav-item-login>a {background: rgba(255, 255, 255, 1); color: #000; display: inline; border-radius: 4px; line-height: 90px; padding: 8px 18px;
}

.navbar-default .navbar-nav>li.customers-nav-item-login>a:hover,.navbar-default .navbar-nav>li.customers-nav-item-login>a:active {background: rgba(255, 255, 255, 0.9);}

.nav-tabs>li {border: 0px;}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {border: 0px; border-radius: 0px; border-bottom: 2px solid #02a9f4; background: transparent; color: #008ece;
}
.nav-tabs{padding-bottom: 0px; margin-bottom: 25px; background: transparent; border-radius: 1px; padding-left: 0px; padding-right: 0px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
}

.nav-tabs>li>a{border: 0px; border-bottom: 2px solid transparent; background: transparent; color: #333; padding: 12px 13px 12px 13px; font-weight: 400;
}

.nav-tabs-flat{border-bottom: 0px; border-color: #e0e0e0;}
.nav-tabs-flat li a{font-weight: 500; border-bottom-color: transparent !important; font-size: 14px;}
.nav-tabs-flat li:first-child a{padding-left: 0px;}

@media(max-width:767px) {
.nav-tabs-flat li:first-child a{padding-left: 13px;}
.nav-tabs-flat+.tab-content .tab-pane{padding-left: 15px;}
.customers-nav-item-languages{display: none;}

}

.btn.btn-input-group{padding: 7px 16px; border: 1px transparent;}
.btn-icon{padding: 2px 6px 2px 6px !important;}

.original-button {margin-top: 22px; padding: 6px 12px;}

.panel_s>.panel-heading {color: inherit;font-weight: 500;padding: 10px;-webkit-transition: all .3s;transition: all .3s;font-size: 15px; border: 1px solid #e4e5e7;
}
.panel_s .panel-body{background: #fff;border: 1px solid #e4e5e7;border-radius: 4px;padding: 20px;position: relative;
}
.panel_s>.panel-footer {background: #f7f9fa;border: 1px solid #e4e5e7;border-top: none;color: inherit;font-size: 90%;padding: 7px 15px;
}
.panel_s {background-color: none;margin-bottom: 25px;}
.panel_s>.panel-heading+.panel-body{border-top-left-radius:0px;border-top-right-radius:0px;border-top:0px;}
.panel_s{border: none;-webkit-box-shadow: 0px 1px 15px 1px rgba(90, 90, 90, 0.08);box-shadow: 0px 1px 15px 1px rgba(90, 90, 90, 0.08);
}

#client-home-chart{max-width: 100%;}
.client-reply {background: #FFFFE6 !important;color: #333;}

body.viewinvoice .alert{margin-top: 10px; margin-bottom: -7px; border-radius: 1px;}

label {font-weight: 400;}
.label {font-size: 13px; font-weight: 500; padding: .3em .9em .3em;}

footer {background: #fff; padding: 15px; width: 100%; height: 50px;border-top: 1px solid #e4e5e7;}

.navbar-default .navbar-brand.logo-text{font-size:24px;margin-top:13px;display:inline-block;color:#fff;}
.logo-text:hover,.logo-text:focus,.logo-text:active {color:#ff9800;}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
.navbar a.navbar-brand img {margin-left: 15px;}
.navbar-default .navbar-brand.logo-text {margin-left: 15px;margin-top: 15px;}
}

.btn {text-transform: uppercase;font-size: 13.5px;outline-offset: 0;border: 1px solid transparent;transition: all .15s ease-in-out;-o-transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;
}
.btn.btn-default{border: 1px solid #E6E9EB;}
.bold,strong,b {font-weight: 500;}

.p7 {padding: 7px;}
.p8 {padding: 8px;}
.p8-half {padding: 8.5px;}
.p15 {padding: 15px;}

.valign-middle {vertical-align: middle;}

.mtop5 {margin-top: 5px;}
.mtop7{margin-top: 7px;}
.mtop10 {margin-top: 10px;}
.mtop15{margin-top: 15px;}
.mtop20 {margin-top: 20px;}
.mtop25 {margin-top: 25px;}
.mtop30 {margin-top: 30px;}
.mtop40 {margin-top: 40px;}
.mbot5 {margin-bottom: 5px;}
.mbot10 {margin-bottom: 10px;}
.mbot15 {margin-bottom: 15px;}
.mbot20 {margin-bottom: 20px;}
.mbot25 {margin-bottom: 25px;}
.mbot30 {margin-bottom: 30px;}
.mbot40 {margin-bottom: 40px;}
.mleft5 {margin-left: 5px;}
.mleft10 {margin-left: 10px;}
.mright5 {margin-right: 5px;}
.mright10 {margin-right: 10px;}
.padding-30{padding: 30px !important;}
.no-mbot{margin-bottom: 0px;}
.checkbox{padding-left: 20px;}

.table thead {font-weight: 400;}
.table thead tr th{border:1px solid #f0f0f0 !important;border-left:0px !important;border-right:0px !important;
}
.table>tbody>tr:first-child td{border-top: 0px !important;}

.checkbox label{display: inline-block;vertical-align: middle;position: relative;padding-left: 5px;}
.checkbox label::before{content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #bfcbd9;border-radius: 3px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after{display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555;
}
.checkbox input[type="checkbox"],.checkbox input[type="radio"]{opacity: 0; z-index: 1;}

.checkbox input[type="checkbox"]:focus+label::before,.checkbox input[type="radio"]:focus+label::before {
outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after,.checkbox input[type="radio"]:checked+label::after {
font-family: 'Glyphicons Halflings'; content: "\e013";
}

.checkbox input[type="checkbox"]:disabled+label,.checkbox input[type="radio"]:disabled+label{opacity:0.65;}

.checkbox input[type="checkbox"]:disabled+label::before,.checkbox input[type="radio"]:disabled+label::before {background-color: #eeeeee; cursor: not-allowed;}

.checkbox.checkbox-circle label::before {border-radius: 50%;}
.checkbox.checkbox-inline {margin-top: 0;}

.checkbox-primary input[type="checkbox"]:checked+label::before,.checkbox-primary input[type="radio"]:checked+label::before {background-color: #28B8DA;border-color: #28B8DA;
}

.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+label::after{color: #fff;}
.checkbox-danger input[type="checkbox"]:checked+label::before,
.checkbox-danger input[type="radio"]:checked+label::before{background-color:#FC2D42;border-color:#FC2D42;}

.checkbox-danger input[type="checkbox"]:checked+label::after,
.checkbox-danger input[type="radio"]:checked+label::after{color: #fff;}

.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before {background-color: #03A9F4;border-color: #03A9F4;}

.checkbox-info input[type="checkbox"]:checked+label::after,
.checkbox-info input[type="radio"]:checked+label::after{color: #fff;}

.checkbox-warning input[type="checkbox"]:checked+label::before,.checkbox-warning input[type="radio"]:checked+label::before {background-color: #FF6F00;border-color: #FF6F00;}

.checkbox-warning input[type="checkbox"]:checked+label::after,
.checkbox-warning input[type="radio"]:checked+label::after {color: #fff;}

.checkbox-success input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="radio"]:checked+label::before{background-color:#84c529;border-color:#84c529;}
.checkbox-success input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="radio"]:checked+label::after {color: #fff;}

.radio {padding-left: 20px;}
.radio label{display: inline-block; vertical-align: middle; position: relative; padding-left: 5px;}
.radio label::before{content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #bfcbd9; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out;
}

.radio label::after {display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {opacity: 0; z-index: 1;}
.radio input[type="radio"]:focus+label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset: -2px;
}

.radio input[type="radio"]:checked+label::after{-webkit-transform: scale(1, 1); transform: scale(1, 1);}
.radio input[type="radio"]:disabled+label{opacity: 0.65;}
.radio input[type="radio"]:disabled+label::before{cursor: not-allowed;}
   
.radio.radio-inline {margin-top: 0;}
.radio-primary input[type="radio"]+label::after {background-color: #28B8DA;}
.radio-primary input[type="radio"]:checked+label::before{border-color: #28B8DA;}
.radio-primary input[type="radio"]:checked+label::after{background-color: #28B8DA;}

.radio-danger input[type="radio"]+label::after {background-color: #FC2D42;}
.radio-danger input[type="radio"]:checked+label::before {border-color: #FC2D42;}
.radio-danger input[type="radio"]:checked+label::after {background-color: #FC2D42;}
.radio-info input[type="radio"]+label::after {background-color: #03A9F4;}
.radio-info input[type="radio"]:checked+label::before {border-color: #03A9F4;}
.radio-info input[type="radio"]:checked+label::after {background-color: #03A9F4;}
.radio-warning input[type="radio"]+label::after {background-color: #FF6F00;}
.radio-warning input[type="radio"]:checked+label::before {border-color: #FF6F00;}
.radio-warning input[type="radio"]:checked+label::after {background-color: #FF6F00;}
.radio-success input[type="radio"]+label::after {background-color: #84c529;}
.radio-success input[type="radio"]:checked+label::before {border-color: #84c529;}
.radio-success input[type="radio"]:checked+label::after {background-color: #84c529;}

input[type="checkbox"].styled:checked+label:after,input[type="radio"].styled:checked+label:after {
font-family: 'Glyphicons Halflings';content: "\e013";
}

input[type="checkbox"] .styled:checked+label::before,
input[type="radio"] .styled:checked+label::before {color: #fff;}

input[type="checkbox"] .styled:checked+label::after,
input[type="radio"] .styled:checked+label::after {color: #fff;}

[dir="rtl"] .checkbox {padding-left: 0;padding-right: 20px;}
[dir="rtl"] .checkbox label {padding-right: 5px;}
[dir="rtl"] .checkbox {padding-left: 0;padding-right: 20px;}
[dir="rtl"] .checkbox label {padding-right: 5px;}

[dir="rtl"] .checkbox label::before {left: auto; right: 0; margin-left: 0; margin-right: -20px;}
[dir="rtl"] .checkbox label::after {left: auto; right: 0; margin-left: 0; margin-right: -20px; padding-left: 0; padding-right: 3px;
}
[dir="rtl"] .radio { padding-left: 0; padding-right: 20px;}
[dir="rtl"] .radio label { padding-left: 0; padding-right: 5px;}
[dir="rtl"] .radio label::before { left: auto; right: 0; margin-left: 0; margin-right: -20px;}
[dir="rtl"] .radio label::after { left: auto; right: 3px; margin-left: 0; margin-right: -20px;}

.label {font-size: 12px; font-weight: 400; padding: .4em .9em .4em;}

.invoice-quick-info h5 {margin-top: 0px;}

.table.items {margin-top: 25px;}
.table.items thead th{border-bottom: 0px; font-weight: 500;}
.table.items thead {background: #415164;color: #fff;border: 0px;}
.table.items tbody>tr>td:not(:first-child),.table.items thead>tr>th:not(:first-child) {padding: 8px;}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color: #415165;}
.navbar-default .navbar-toggle {border-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ddd;}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover { background-color: transparent;}

@media (max-width: 767px) {
.navbar-default .navbar-nav>li>a {line-height: 20px;}
.navbar-default .navbar-nav>li.customers-nav-item-login>a {margin-left: 15px; line-height: 40px;}
.navbar a.navbar-brand { padding: 13px 0px 19px 0px;}
.navbar-toggle {margin-top: 20px;}

#staff_logged_in {display: none;}
.viewestimate .panel-body,.viewinvoice .panel-body {padding: 0px;}
}

.kb-article {font-size: 14px;}
.article_group_wrapper {border-bottom: 1px solid #f0f0f0; padding: 15px;}
.articles_list {font-size: 14px;}
.articles_list li {margin-bottom: 30px;}
.article-related-heading {font-size: 16px;}
.article-heading {font-weight: 500;}
.dataTables_length select { padding-top: 5px; height: inherit;}

[dir="rtl"] div.dataTables_wrapper div.dataTables_filter { text-align: left;}
[dir="rtl"] div.dataTables_wrapper { direction: rtl;}
[dir="rtl"] div.dataTables_wrapper div.dataTables_filter .input-group-addon{border-right:1px solid #bfcbd9;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{background-color:#84c529; border: 1px solid #84c529; height: 17px; width: 18px; -webkit-box-shadow: none; box-shadow: none; top: 11px; font-weight: 600; border-radius: 4px; line-height: 17px;
}

table.dataTable thead tr>th {color: #4e75ad;}

.label-href:visited,.label-href {outline: 0 !important; border: 0 !important;}
.pointer {cursor: pointer;}

.mime {background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 4px 26px}
.mime-word {background-image: url(../../../images/mime/word.png)}
.mime-excel {background-image: url(../../../images/mime/excel.png)}
.mime-powerpoint {background-image: url(../../../images/mime/powerpoint.png)}

.mime-pdf {background-image: url(../../../images/mime/pdf.png)}
.mime-zip {background-image: url(../../../images/mime/zip.png) }
.mime-image {background-image: url(../../../images/mime/image.png)}
.mime-file {background-image: url(../../../images/mime/file.png)}

.mime-photoshop {background-image: url(../../../images/mime/photoshop.png)}
.mime-illustrator {background-image: url(../../../images/mime/illustrator.png)}

.mime-video {background-image: url(../../../images/mime/video.png)}
.mime-audio {background-image: url(../../../images/mime/audio.png)}

.files-container {margin: 0 0 10px;}
.files {padding-left: 0;list-style: none;margin: 0;}

.hr-10{margin-top: 10px; margin-bottom: 10px;}

.mime>a {color: #555 !important; text-decoration: none;}
.white {color: #fff;}

.s-status {display: inline-block; padding: 6px 18px; text-transform: uppercase;}
.advanced-editor-wrapper {border: 1px solid #ccc; margin-bottom: 15px;}

.staff-profile-image-small {height: 32px; width: 32px; border-radius: 50%;}
.staff-profile-xs-image {width: 20px; height: 20px; border-radius: 50%;}
.staff-profile-image-small {height: 32px; width: 32px; border-radius: 50%;}
.staff-profile-image-thumb {height: 160px; width: 160px; border-radius: 50%;}


.task-attachment{border: 1px solid #f0f0f0; padding: 10px; border-radius: 3px; max-height: 255px; min-height: 255px; overflow: hidden;
}

.task-attachment .task-attachment-no-preview { margin-top: 45px; text-align: center;}
.task-attachment .preview_image {margin: 0px; width: 100%;}
.task-attachment .open-in-external{position: absolute; right: 30px;}
.task-attachment .task-attachment-user { padding-bottom: 10px; display: inline-block; width: 100%; margin-left: 0px; border-bottom: 1px solid #f0f0f0;
}
 
.media-body { word-break: break-word;}

#proposal-wrapper {overflow: hidden; min-height: 100%;}
#proposal-wrapper .proposal-left img {margin-left: 10px; margin-right: 10px;}

div.proposal-wrapper img:not(.media-object) {display: block; max-width: 100%; height: auto;}

.proposal-comment {display: inline-block; width: 100%; margin-bottom: 15px;}

.table.proposal-items thead>tr>th {padding-left: 10px;}
.table.proposal-items tbody>tr>td,.table.proposal-items thead>tr>th {text-align: left;}

.content-view-status {padding: 4px 14px; font-size: 15.5px; text-align: center; border-radius: 4px; float: right; margin-left: 5px;
}

.client-profile-image-small {height: 32px; width: 32px; border-radius: 50%;}
.client-profile-image-thumb {height: 160px; width: 160px; border-radius: 50%;}

#task h4 { font-size: 15px;}
#task h5 {font-size: 14px;}
#task .task-info {font-size: 10px; vertical-align: middle; padding: 10px;}
#task .task-info h5{font-size: 13px;font-weight: 400;}

.jquery-comments [contentEditable=true]:empty:not(:focus):before { color: #a1b4cc; font-size: 14px;}

.jquery-comments ul.navigation li,.jquery-comments ul.main li.comment .actions>*,
.jquery-comments ul.main li.comment .name,.jquery-comments .highlight-font-bold{font-weight:500 !important;
}
.jquery-comments ul.main li.comment .name {color: #0081BB;}
.jquery-comments ul.main li.comment .wrapper .content { padding: 5px 0px 5px 0px;}
.jquery-comments ul.navigation li { color: #323A45;}

.jquery-comments .textarea-wrapper .control-row>span.upload{padding:5px 20px; background-color: #7D838B;}
.jquery-comments .highlight-background {background: #03A9F4 !important;}
.jquery-comments .textarea-wrapper .control-row>span { padding: 5px 20px !important; border-radius: 4px;}

.jquery-comments .textarea-wrapper .control-row {margin-top: 10px;}
.jquery-comments ul.main li.comment .actions>* {color: #7C838B;}
.jquery-comments ul.navigation .navigation-wrapper {padding: 10px 0px 0px 0px;}
.jquery-comments ul.navigation {border-bottom: 1px solid #EFEFEF;margin-bottom: 1.5em;}
.jquery-comments .textarea-wrapper {padding-left: 21px;}
.jquery-comments .textarea-wrapper:before {border: 0px;}
.jquery-comments .textarea-wrapper .textarea {border-radius: 3px;border: 1px solid #bfcbd9;}

.fn-label a {font-weight: 500;}
.fn-gantt {border: 2px solid #EEF2F4; border-radius: 4px;}
.fn-gantt-hint {background: #6c7888; border: 0; color: #fff;}

.fn-gantt .leftPanel {width: 450px;border-right: 1px solid #e4e4e4;}
.fn-gantt .leftPanel .name { font-weight: 500; font-size: 13px; background: #717a86;}
.fn-gantt .rightPanel .fn-label:hover {cursor: pointer;}
.fn-gantt .rightPanel .month {color: #717a86;}

.fn-gantt .wd,.fn-gantt .bottom,
.fn-gantt .rightPanel .month,.fn-gantt .rightPanel .year,
.fn-gantt .spacer,.fn-gantt .leftPanel .desc {background-color: #ffffff;}
.fn-gantt .leftPanel .fn-label {width: 100%;}

.fn-gantt .leftPanel .name,.fn-gantt .leftPanel .desc {border-bottom: 1px solid #f5f5f5;height: 23px;}
.fn-gantt .leftPanel .name {width: 40%;}
.fn-gantt .leftPanel .desc {width: 60%;}

#gantt .gantt_project_name {font-weight: 500;text-align: center;font-size: 16px;margin: 0 auto;display: block;margin-top: 32px;
}
.fn-gantt .leftPanel .name .fn-label {color: #fff;}

.fn-gantt table th:first-child {width: 150px;}

.fn-gantt *,.fn-gantt *:after,
.fn-gantt *:before {-webkit-box-sizing: content-box;box-sizing: content-box;}

.project-info-bg { background: #FBFBFB !important; color: #333 !important; border-top: 1px solid #E4E5E7;border-left: 1px solid #E4E5E7; border-right: 1px solid #E4E5E7; font-weight: 500;
}

.no-radius {border-radius: 0px !important;}

.team-members .panel-body{padding: 0px;}
.team-members .media-left{padding: 10px}
.team-members .media-body{padding-right: 10px;padding-top: 12px;}
.team-members .media:last-child { border-bottom: 0px;}
.team-members .media { margin-top: 0px; border-bottom: 1px solid #f0f0f0;}

.project-percent {position: absolute; font-size: 33px; font-weight: 500; top: 35%; left: 0; right: 0;}
.project-file-image { border: 1px solid #f0f0f0; border-radius: 4px; margin-right: 15px;}

#task-tracking-stats-modal {z-index: 999999999999;}

.phase-logged-time {color: #3B6900;}
.progress-bg-dark {background-color: #7C838B;}
.project-overview-progress-bar {height: 50px; background-color: #7C838B;position: relative;}
.project-overview-progress-bar .project-progress-number { font-size: 16px; position: absolute; display: block; width: 100%; color: #fff; font-weight: 500; margin-top: 15px;text-shadow: 0px 0px 2px #333;
}

.task-user{border:1px solid #F0F0F0; padding: 2px; border-radius: 50%; vertical-align: middle; margin-right: 10px; display: inline-block; position: relative;
}
.task-checklist-indicator{border-radius:50%;border:1px solid #f0f0f0; width:20px;height:21px;display: inline-block;
}
.task-checklist-indicator i{margin: 0 auto; vertical-align: middle; margin-left: 3px;}
#task-comments{background:#FDFDFD;margin-right:-20px;margin-left:-20px;padding:20px;display:inline-block}

form.dropzone {background-color: #fbfdff; border: 1px dashed #c0ccda; border-radius: 6px;}

.dropzone .dz-message{margin-top: 45px; color: #03a9f4;}

.xdsoft_ {z-index: 99999999999999;}
.xdsoft_datetimepicker{-webkit-box-shadow: none; box-shadow: none; border-radius: 3px; padding-top: 7px; font-family: 'Roboto'; border: 1px solid #d6d6d6;
}

.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-top: 1px; padding-bottom: 1px;}
.xdsoft_datetimepicker .xdsoft_datepicker{width:260px;}
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {background: #fff; text-align: center; border: 0px;
}

.xdsoft_datetimepicker .xdsoft_calendar td{padding: 5px; padding-left: 7px;}
.xdsoft_datetimepicker .xdsoft_calendar th{color: #585858; font-weight: 500; padding: 7px; padding-top: 10px; padding-bottom: 10px;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top: 7px;}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {height: 151px;}
.xdsoft_datetimepicker .xdsoft_label{font-weight: 500;}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {-webkit-box-shadow: none; box-shadow: none; background: #33aaff; border-radius: 3px;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover { background: #656D77 !important; border-radius: 3px;}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover { background: #e4e8f1; color: #333;
}     

#calendar .fc-header-toolbar button, #calendar .fc-day-header, #calendar .fc-toolbar .fc-center {
text-transform: capitalize;}

.dataTables_filter input{margin-left: 0px !important; width: 90px !important; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; height: 31px;
}

.dataTables_filter input:focus {width:160px !important;}
.dataTables_filter label {text-align: right;}

.dataTables_empty{background: url(../../../images/table-no-data.png); background-repeat: no-repeat; background-position: center; height: 228px; padding-top: 14px !important; text-align: left !important; color: #777777; font-size: 15px;
}

.app_dt_empty .dataTables_paginate,.app_dt_empty .dataTables_info { display: none;}
.app_dt_empty table thead, .app_dt_empty .dataTables_length, .app_dt_empty .dt-buttons { opacity: .5;}

@media (max-width: 768px) {
#content{padding:15px;} 
._buttons .mleft5 {margin-left: 0px !important;}
._buttons .mright10 { margin-right: 0px !important;}

._buttons .pull-left, ._buttons .pull-right { float: none !important;}

._buttons .btn,._buttons .btn-group{display: inline-block; margin-left: 0px !important; width: 100%; margin-bottom: 5px !important; float: none !important;
}

.nav-tabs>li {width: 100%;}

.project-overview-column{margin-top: 15px;}
.table-responsive {padding: 15px 0px 15px 0px; border: 1px solid #F7F7F7;}

.pusher {margin-top: 50px;}
.fn-gantt .fn-content {overflow-x: scroll;}

.dataTables_filter input,.dataTables_filter input:focus { width: 100% !important;}
}

table.dataTable>tbody>tr.child span.dtr-title {font-weight: 500;}

.tasks-phases .panel-body {background: #FBFBFB; padding: 10px;}
.tasks-phases ._task_wrapper {background: #fff; padding: 5px 10px 5px 10px; border: 1px solid #e4e5e7; border-radius: 4px;
}

.activity-feed {padding: 15px;}
.activity-feed .feed-item {position: relative; padding-bottom: 20px; padding-left: 30px; border-left: 2px solid #84c529;
}
.activity-feed .feed-item:last-child{border-color: transparent;}
.activity-feed .feed-item:after{content: ""; display: block; position: absolute; top: 0; left: -6px; width: 10px; height: 10px; border-radius: 6px; background: #fff; border: 1px solid #4B5158;
}
.activity-feed .feed-item .date{position: relative; top: -5px; color: #333; text-transform: uppercase; font-size: 12px; font-weight: 500;
}
.activity-feed .feed-item .text{position: relative; top: -3px;}

div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_length label,
.dataTables_empty {color: #9c9c9c;}

.modal-backdrop {background-color: #cacaca;}
.modal-backdrop.in{opacity: .9;}

.modal-content{border: 0px; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.full-screen-modal{width: 90%; height: 90%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; overflow-y: initial !important
}

.full-screen-modal .modal-content{height: 100%;min-height: 100%; max-height: 100%;}
.full-screen-modal .modal-footer {bottom: 0px; position: absolute; width: 100%;}

.project_file_discusssions_area,.project_file_area{overflow-y: scroll; height: 400px;}

@media(max-width:768px) {

.project_file_discusssions_area,.project_file_area {height: auto !important;}

.full-screen-modal{width: auto; height: auto; position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 10px; overflow-y: initial !important;
}

.project_file_discusssions_area {margin-top: 30px;}
.full-screen-modal .modal-footer {width: auto; position: relative !important;}
}

.alert { padding: 10px 15px; font-size: 14px;}
.alert:not(.float-alert) span[data-notify="icon"]{float:left; font-size: 18px; margin-top: 0px;}

.float-alert.alert span[data-notify="icon"]{font-size: 20px; display: block; left: 13px; position: absolute; top: 50%; margin-top: -11px;
}

.alert.float-alert .alert-title {margin-left: 30px;}
.alert:not(.float-alert) .alert-title {margin-left: 10px;}

.alert button.close {position: absolute; right: 10px; top: 50%; margin-top: -13px; z-index: 1033; background-color: #FFFFFF; display: block; border-radius: 50%; opacity: .4; line-height: 11px; width: 25px; height: 25px; outline: 0 !important; text-align: center; padding: 3px; font-weight: 400;
}

.alert button.close:hover {opacity: .55;}
.alert .close~span {display: block; max-width: 89%;}

.preview_image{height: auto; width: 250px; overflow: hidden; margin-bottom: 15px; margin-top: 15px;}
.preview_image:last-child {margin-top: 0px; margin-bottom: 0px;}
.preview_image img {width: 100%; height: auto;}

.fc-toolbar h2 {font-size: 20px; margin-top: 4px;}

.fc-event{padding: 8px !important; border: 0px !important; border-radius: 2px !important; margin: 5px 10px 5px 10px !important; font-size: 11px; cursor: pointer;
}

.fc-widget-header .fc-day-header {padding: 8px 0;}
.fc-view-container .fc-widget-header {background: #f7f8fa;}
.fc-basic-view .fc-day-number {text-align: center;}

.fc-state-default{-webkit-box-shadow: 0px !important; box-shadow: 0px !important; text-shadow: none !important; background: #03a9f4 !important; color: #fff !important;
}
.fc-state-active,.fc-state-down{-webkit-box-shadow: none !important; box-shadow: none !important; background: #0286c2 !important;
}
.fc-widget-header .fc-day-header{padding: 8px 0;}
.fc-view-container .fc-widget-header{ background: #f7f8fa;}

.fc-basic-view .fc-day-number {text-align: center;}

.tc-content ul,.tc-content ol {list-style: inherit;margin-left: 15px;}
.tc-content ol { list-style-type: decimal;}

.tc-content table { margin-top: 0px; border-collapse: initial;}
.tc-content table>tbody>tr>td { padding: 5px 10px 5px 10px;}
.tc-content img { max-width: 100%;}
.tc-content table[border="1"], .tc-content table[border="1"] td { border: 1px solid;}

.proposal-view .tc-content ul,.proposal-view .tc-content ol,
.contract-view .tc-content ul,.contract-view .tc-content ol {margin-left: 0px;}

.float-alert{display: inline-block;margin: 0px auto;position: inherit;/*-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;*/ z-index: 1031;top: 20px;right: 20px;
}

.kb-search-jumbotron {margin-top: -20px; margin-bottom: 10px; background: #fff;}
.has-feedback.has-feedback-left .form-control-feedback {left: 0;}

.kb-search .form-control-feedback{left:5px !important;top:10px; font-size: 16px;}
.kb-search input[type="search"] {padding-left: 40px; height: 50px; font-size: 17px;}
.kb-search input[type="search"]:focus{padding-left: 15px;}
.kb-search button[type="submit"]{padding:14.5px;border-top-left-radius:0px;border-bottom-left-radius:0px;}

#toplink,#botlink{position:fixed;right: 7.5%;bottom: 53%;padding: 10px;margin: 0 -20px 0 0;color: #666;background: #e9ebef;font-size: 1.5em;border: 1px solid #b4b4b4;border-bottom: 1px solid #b8b8b8;border-radius: 6px 6px 0 0;z-index: 99;-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
}

#botlink{top:47%;padding:10px;bottom:auto;border: 1px solid #b4b4b4;border-top: 1px solid #ddd; border-radius: 0 0 6px 6px;
}

#toplink:hover, #botlink:hover{color: #84C529; background: #fcfcfc; text-decoration: none;}

.dropdown-menu>li>a{padding: 8px 16px; color: #333333;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#03a9f4;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{outline: 0 !important; background: #e4e8f1;}
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu{top:0;left: 100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px; max-height: 450px; overflow-y: auto;
}

.dropdown-submenu:hover>.dropdown-menu{display: block;}
.dropdown-submenu>a:after{display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;
}

.dropdown-submenu:hover>a:after{border-left-color: #333;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu{border-radius:10px;margin-top:0.2px;border-top-left-radius:0px;}

.dropdown-submenu.pull-left>.dropdown-menu li.active a:hover,.dropdown-submenu.pull-left>.dropdown-menu li a:hover, .dropdown-submenu.pull-left>.dropdown-menu li.active a{border-top-left-radius: 0px;}

@media (max-width: 768px) {
.dropdown-submenu.pull-left>.dropdown-menu{display: block; left: 1px; position: relative; border: 0px; -webkit-box-shadow: none; box-shadow: none;
}
.dropdown-submenu>a:after {border-left-color: transparent; }
.dropdown-submenu>a {background: #f0f0f0;}
}

.progress-bar-mini {height: 5px !important;}
.project-progress-bars i {font-size: 24px;}
.project-progress-bars i:not(.text-success){color: #bfbfbf;}

.panel-body.project-description {padding: 11px;}

.bootstrap-select .btn-default{background: #fff !important;border:1px solid #bfcbd9 !important;-webkit-box-shadow:none;box-shadow:none;color:#494949 !important;padding:4px 10px;line-height:2;height:36px; text-transform: inherit;
}

.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group>.disabled {background-color: #eef1f6 !important; border-color: #d1dbe5 !important; cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a{outline: 0; }
.bootstrap-select .dropdown-toggle:focus{outline:0 !important;-webkit-box-shadow: none;box-shadow: none;}
.bootstrap-select.btn-group.open .dropdown-toggle {-webkit-box-shadow: none; box-shadow: none;}
.bootstrap-select.open .btn-default {border: 1px solid #03a9f4 !important;}
.bootstrap-select.btn-group .bs-placeholder .filter-option {color: #a1b4cc;}

.custom-field-inline-edit-link{float: left; margin-right: 5px;}
.task-single-status .label{float: left;}

[dir="rtl"] .bootstrap-select.btn-group .dropdown-toggle .filter-option {text-align: right;}
[dir="rtl"] .bootstrap-select.btn-group .dropdown-toggle .caret{right:auto;left: 12px;}
[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate{text-align: left;}

._task_wrapper.overdue-task {background: #f2dede !important; border-color: #eab8b7 !important;}
.form-group+p.alert-validation {margin-top: -10px;}

@media screen and (max-height: 575px),
screen and (min-width: 992px) and (max-width:1199px) {
#rc-imageselect, .g-recaptcha{transform:scale(0.83); -webkit-transform: scale(0.83); transform-origin: 0 0; -webkit-transform-origin: 0 0;
}
}

th[align="left"], td[align="left"] {text-align: left;}
th[align="right"], td[align="right"] {text-align: right;}
th[align="center"], td[align="center"] {text-align: center !important;}

[dir="rtl"] th[align="left"], [dir="rtl"] td[align="left"]{text-align: right !important;}
[dir="rtl"] th[align="right"],[dir="rtl"] td[align="right"]{text-align: left !important;}

.signature-pad--body{border-radius:4px;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #c0cbda;
}

.gdpr-right{border:1px solid #d8d8d8;padding:35px 15px;text-align:center;margin-bottom:25px;border-radius:
	4px;
}
.gdpr-right .gdpr-right-heading{margin-top:0px;margin-bottom:20px;font-size:22px;}
.gdpr-purpose{border:1px solid #d8d8d8;padding:15px;margin-bottom:10px;border-radius:4px;}
.gdpr-purpose .gdpr-purpose-heading{margin-top:0px;margin-bottom:0px;font-size:18px;font-weight:500;color: #5a5a5a;
}

.list-status h3{margin-top: 0px;}
.list-status:last-child{border-right: 0px;}
.list-status a{border:1px solid #eeeeee;padding:15px;display:inline-block;width:100%;border-radius:4px;}
.list-status a.active{background: #f9fafb;}
.ticket-info p:last-child{margin-bottom: 0px;}

.gpicker {opacity: 0;}
.gpicker+div[id^="dropbox-chooser"]{float:right; margin-left: 5px;}
.gpicker { height: 14px; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color: #4c4c4c; text-decoration: none; padding: 1px 7px 5px 3px; border: 1px solid #ebebeb; border-radius: 2px; border-bottom-color: #d4d4d4; background: #fcfcfc; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f5f5f5)); background: linear-gradient(to bottom, #fcfcfc 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f5f5f5', GradientType=0); line-height: 18px !important; text-decoration: none !important; box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important;
}   

.preview-sticky-header{z-index: 1;background:#fff;padding-top:15px;-webkit-box-shadow:0px 1px 15px 1px rgba(90, 90, 90, 0.08);box-shadow:0px 1px 15px 1px rgba(90, 90, 90, 0.08); 
}

.preview-sticky-header .sticky-hidden{display:none !important; }
.preview-sticky-header .sticky-visible{display:inherit !important;}
.mobile .preview-sticky-header{padding:15px;}

@media(max-width:767px) {
.preview-sticky-container .action-button,.preview-sticky-container .content-view-status { float: none !important;display: inline-block;width: 100%;margin: 0 0 5px 0;
}
}

div:not(.preview-sticky-header) .preview-sticky-container {padding-left: 0px; padding-right: 0px;}

/*##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px */

@media (min-width: 1281px), (min-width: 1025px) and (max-width: 1280px) {
.preview-top-wrapper {margin-top: 10px;}
.preview-top-wrapper .mbot30{margin-bottom: 5px;}
}

.dt-page-jump {text-align: right; margin-right: 15px;}
.dt-page-jump .dt-page-jump-select {height: 32px; float: right; margin-top: 2px; margin-left: 15px; border: 1px solid #dddddd; width: auto;}

[dir="rtl"] .dt-page-jump .dt-page-jump-select{float:left; margin-right:15px;}
[dir="rtl"] .bootstrap-select .dropdown-toggle .filter-option {right: 0; margin-left: 100%; margin-right: auto; text-align: right; padding-right: 16px;
}

/*Custome style here*/
.pading-none{padding: 0;}

/*Left menu*/
.menu-sidebar{float:left;width:240px;height:calc(100vh - 25px);position:fixed;z-index:1019;background: #0c0b0b }
.login-section{padding:12px 15px 3px; clear: both;}
.login-section ul{padding: 0px; list-style: none;}

.navbar-nav>li.customers-nav-item-login{display: none; }

.navbar-nav>li{width:100%;}     
.navbar-default .navbar-nav>li>a{line-height: 14px;}
.navbar-default .navbar-brand.logo-text{margin:0px;padding:12px;font-size:20px;}

#greeting{color:#fff;font-size:14px;font-weight:600;padding-left:5px;}

.navbar-collapse{padding-left: 5px;}
.navbar-default .navbar-nav>li>a i{float: left; margin-right:18px; } 
.navbar-default .navbar-nav>li>a:before{content:""; margin-right:8px; display: inline-block;
font: normal normal normal 20px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; min-width: 20px;
}
.navbar-default .navbar-nav>li.customers-nav-item-knowledge-base>a:before{ content:"\f0eb"; }
.navbar-default .navbar-nav>li.customers-nav-item-projects>a:before{ content:"\f0f6"; }
.navbar-default .navbar-nav>li.customers-nav-item-invoices>a:before{ content:"\f0c5"; }
.navbar-default .navbar-nav>li.customers-nav-item-contracts>a:before{ content:"\f2b5"; }
.navbar-default .navbar-nav>li.customers-nav-item-estimates>a:before{ content:"\f1ec"; }
.navbar-default .navbar-nav>li.customers-nav-item-proposals>a:before{ content:"\f0b1"; }
.navbar-default .navbar-nav>li.customers-nav-item-support>a:before{ content:"\f1cd"; }
.navbar-default .navbar-nav>li.customers-top-submenu-home a:before,
.navbar-default .navbar-nav>li.customers-top-submenu-calendar a:before,
.navbar-default .navbar-nav>li.customers-top-submenu-files a:before{ display: none; }

/*Main wrap*/
.main-wrap{margin-left:240px;}
.main-wrap .container-fluid .row{margin: 0px;}

.panel_s.section-heading, form .panel_s{margin-top: 5px; margin-bottom: -1px; }
.panel_s.section-heading .panel-body, form .panel_s .panel-body{ padding: 10px 20px }

.submenu.customer-top-submenu{margin:12px 0;float:none;border-bottom:1px solid #444;width:100%;
    padding: 0 15px 10px; }
.submenu.customer-top-submenu li a{color: #fff; }
.submenu.customer-top-submenu li a:hover{color: #f0f0f0 }
.submenu.customer-top-submenu li a i{margin-right: 5px; }

/*Footer section*/
.navbar-fixed-bottom.footer{/*position: inherit;*/ border: none; height: inherit; padding: 7px 0;}
.navbar-fixed-bottom.footer .container{width:100%;}
.navbar-fixed-bottom.footer .copyright-footer{color:#fff}

/*Login page*/
body.customers_login, body.customers.register{background-color:#0093FF;}
body.customers_login .menu-sidebar, body.customers.register .menu-sidebar{display:none;}
body.customers_login .main-wrap, body.customers.register .main-wrap{margin-left:0px;}
body.customers_login .main-wrap .container-fluid .row,body.customers.register .container-fluid .row{ margin-right: -15px; margin-left: -15px; }

.form-body{height:100%;position:relative;width:100%;display: inline-block; }
.website-logo{display: inline-block; position: absolute; z-index: 1000; top:20px;left:112px;outline:none;} 
.website-logo a{ font-size: 26px; font-weight: bold; color: #fff; } 

.img-holder{display:inline-block;position:absolute;top:0;left:0;width:42%;min-height:100vh;height:100%; overflow: hidden; background-color: #5CBAFF;padding: 60px; text-align: center; z-index: 999;
}   
.img-holder .info-holder {position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

.form-holder{margin-left: 550px;}
.form-holder .form-content{position:relative;text-align:center;display:-webkit-box;display:-moz-box; display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center; padding: 60px; min-height: 100%;    
}
.form-content .form-items{display:inline-block;width:100%;max-width:340px;text-align:left;}
.form-holder .form-content ::-webkit-input-placeholder{color:#526489;}
.form-holder .form-content :-moz-placeholder{color:#526489;}
.form-holder .form-content ::-moz-placeholder{color:#526489;}
.form-holder .form-content :-ms-input-placeholder{color:#526489;}

.form-control:focus{-webkit-box-shadow:none;box-shadow:none;}
.form-control ::-webkit-input-placeholder{color:#526489;}  
.form-control :-moz-placeholder{color:#526489;}
.form-control ::-moz-placeholder{color:#526489;}
.form-control :-ms-input-placeholder{color:#526489;}    

.form-content h3{color:#fff;text-align:left;font-size:24px;font-weight:900;margin:0 0 10px;}
.form-content p{color:#fff;text-align:left;font-size:18px;font-weight:300;line-height:20px;margin-bottom: 30px;  
}
.form-content p.text-danger{color:#fc2d42;font-size:14px;line-height:14px;margin-top:0px;margin-bottom:8px;}

.form-content .page-links{margin-bottom:34px;}
.form-content .page-links a{position:relative;display: inline-block; text-decoration: none; color: #fff; font-weight: 300; font-size: 15px; margin-right: 20px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;       
}
.form-content .page-links a.active{font-weight:700;}
.form-content .page-links a:after{position:absolute;content: "";width:100%;height:2px;left:0;bottom:-10px;background-color:rgba(255, 255, 255, 0.5);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;
}
.form-content .page-links a.active:after{background-color:#fff;}
.form-content input[type="text"],.form-content input[type="email"],
.form-content input[type="password"]{width:100%;padding:9px 20px;text-align:left;border:0;outline:0;border-radius:6px;background-color:#fff;font-size:15px;font-weight:300;color:#8D8D8D;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;margin-bottom:14px;
}
.form-content input:hover{background-color:#ebeff8;color:#8D8D8D;}
.form-content .form-items .checkbox label{color:#fff;}       
.form-content .form-button .ibtn{border-radius:6px;border: 0;padding: 6px 28px;background-color: #fff;color: #29A4FF;font-size: 14px;font-weight: 700;text-decoration: none;cursor: pointer;margin-right: 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); text-shadow: none; 
}
.form-content .form-button .ibtn:hover, .form-content .form-button .ibtn:focus{
-webkit-box-shadow:0 5px 6px rgba(0, 0, 0, 0.16);box-shadow:0 5px 6px rgba(0, 0, 0, 0.16);}
.form-content .form-button a{color:rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;}          
.form-content .form-button a:hover{color:#fff;}

/*Register page*/
body.customers.register .img-holder{height:114vh}
body.customers.register .form-holder .form-content{padding:30px 40px 0; }
.form-content .form-items.register-form{max-width:650px;}
.form-content .form-items.register-form .page-links{margin-bottom: 24px; text-align:center; }
.form-content .form-items.register-form h4{font-size: 16px; color: #fff; }
.form-content .form-items.register-form .col-md-6{padding:0 0 0 12px;}
.form-content .form-items.register-form .col-md-6.padding-none{ padding-left: 0px; }
.form-content .form-items.register-form .dropdown.bootstrap-select{margin-bottom: 15px;}
.form-content .form-items.register-form .dropdown.bootstrap-select .dropdown-menu input{background:#ebeff8 }
.form-button.register-btn{ clear: both; margin: 20px auto; text-align: center; }
.form-content .form-button.register-btn .ibtn{margin:auto; padding: 6px 50px; }


/*Estimate page*/
.container.preview-sticky-container{width:100%;}
.estimate-html-logo, .invoice-html-logo, .proposal-html-logo,
.contract-html-logo{display: none;}    


/*Responsive start here*/
@media (max-width: 767px){

/*login page*/
.website-logo{top:10px;left:0px;right:0px;margin:auto;text-align:center;}
.website-logo a{float:none;text-align:center;}
.img-holder{display:none;}
.form-holder{margin-left:0px;}
.form-holder .form-content,body.customers.register .form-holder .form-content{padding: 60px 15px 0;}

/*Register page*/
body.customers.register .form-holder .form-content{padding-top:45px;}
.form-content .form-items.register-form .col-md-6{padding: 0px;}

}

@media (max-width: 375px){ 
.website-logo a{font-size:24px;}
.form-content h3{font-size:20px;}
body.customers.register .form-holder .form-content{padding:60px 10px 0;}

}