* {
  font-family: Montserrat;
  font-weight: 400;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}



.paid-social-breakdown, .paid-social-unpaid-breakdown{
    background: white;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

/* VIEW SALES LEAD */
.sales-lead iframe {
    border:1px solid #cfcfcf;
    height:480px;
    width:100%;
}

.sales-lead .tab-pane {
    height:535px;
}

.sales-lead #la .form-group
{
    margin-left:0px;
}

.keypad
{
    /*margin-left:15px;*/
}
.keypad .key
{
    width:30%;
    border:1px solid grey;
    padding:5px 0px;
    display:block;
    text-align: center;
    float:left;
    background-color:#cfcfcf;
}

.keypad .disconnect
{
    width:90%;
    padding:5px 15px;
    border:1px solid grey;
    display:block;
    text-align:center;
    background-color:#cfcfcf;
    float:left;
}

.keypad .key:hover, .keypad .disconnect:hover
{
    background-color:#49BF67 !important;
    color:#fff;
    text-decoration: none;
}

.call-menu
{
    /*display:none;*/
}
/* END VIEW SALES LEAD */

.ajax-response {
  display:none;
  position:fixed;
  top:50%;
  left:45%;
}

.row-eq-height
{
  display: flex;
}

.left {
    float: left;
}

.right {
    float: right;
}

.margin-top {
    margin-top: 10px !important;
}

.margin-bottom {
    margin-bottom: 10px !important;
}

.margin-left {
    margin-left: 10px !important;
}

.margin-right {
    margin-right: 10px !important;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.large {
    font-size: 18px;
}

.small {
    font-size: 12px;
}

.grey, .grey a {
    color: #898989 !important;
}

.black {
    color: #333333 !important;
}

.red {
    color: #F34541 !important;
}

.orange {
    color: #F8A326 !important;
}

.green {
    color: #49BF67 !important;
}

.icon-black {
    color: #333333 !important;
    font-size: 16px;
}

.icon-red {
    color: #F34541 !important;
    font-size: 16px;
}

.icon-orange {
    color: #F8A326 !important;
    font-size: 16px;
}

.icon-green {
    color: #49BF67 !important;
    font-size: 16px;
}

header .only-icon
{
    width:80px;
}

table .input-group { max-width: 200px; }



.thick-border .fc-bg {
    border: 2px solid black !important;
}

.bg-danger {
    background-color: #f2dede;
}

/* Days without work */
.days-unchanged-legend, .teams-legend {
    background-color: #eee;
}
.teams-legend {
    margin-right: 16px;
}
.teams-legend .teams {
    padding-left: 16px;
    margin-top: 16px;
}
.colour-coded-box {
    display: inline-block;
    font-size: 12px;
    padding: 12px;
    margin: 2px;
}
.days-unchanged-legend h4, .teams-legend h4 {
    padding-top: 16px;
    padding-left: 16px;
}
.days-unchanged-legend b, .teams-legend b {
    padding-left: 16px;
    padding-right: 12px;
    position: relative;
    top: -5px;
}

/* < 2 days */
.days-inactive--extremely-low {
    color:#37cf41;
}

.days-unchanged-legend .days-inactive--extremely-low
{
  background-color:#37cf41;
}


/* 2-4 days */
.days-inactive--very-low {
    color:#b0e03c;
}

.days-unchanged-legend .days-inactive--very-low
{
  background-color:#b0e03c;
}

/* 4-7 days */
.days-inactive--low {
    color:#f0f241;
}

.days-unchanged-legend .days-inactive--low
{
  background-color:#f0f241;
}

/* 8-9 days */
.days-inactive--mid {
    color:#fcd052;
}

.days-unchanged-legend .days-inactive--mid
{
  background-color:#fcd052;
}
/* 10-19 days */
.days-inactive--high {
    color:#f3ae41;
}

.days-unchanged-legend .days-inactive--high
{
  background-color:#f3ae41;
}

/* 20+ days */
.days-inactive--very-high {
    color:#f38a41;
}

.days-unchanged-legend .days-inactive--very-high
{
  background-color:#f38a41;
}

/* No Work Done */
.days-inactive--extremely-high {
    color:#f34541;
}

.days-unchanged-legend .days-inactive--extremely-high
{
  background-color:#f34541;
}

.bordered-box {
  border-color: #2e3548 !important;
}

.box-header
{
  background:#2e3548 !important;
}

.box-header .title
{
  color:#fff !important;
}

.transparent-header
{
  background:none !important;
}

.transparent-header .title
{
  color:#333 !important;
}

body.contrast-dark-blue
{
  background-color:#2e3548 !important;
}

.popup-wrapper-green {
    background: #dff0d8 none repeat scroll 0 0;
    border: 1px solid #dce1e5;
    box-shadow: none;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
}

.dataTables_processing
{
    padding-left:20px;
}

.fc-custom-title
{
    text-align: center;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.counter {
    min-width: 41px;
}

#clients-table td
{
	overflow:auto !important;
}

.accordion-row {
  background: #2e3548 none repeat scroll 0 0;
}
.accordion-row td {
  padding: 8px 0 8px 0 !important;
}
.accordion-row .list-group {
  margin-bottom: 0;
}
.accordion-row .list-group-item {
  position: relative;
  bottom: -8px;
  border-radius: 0;
}
.accordion-row .accordion-title {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 45px;
  padding-left: 8px;
}

.custom-tab-pane {
  display: none;
}

.show {
  display: block !important;
}

.rotate{
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.rotate.down{
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

/*Datatables collapsable*/
td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.box-quick-link a .header .fa
{
	color:#fff;
	font-size:30px;
	vertical-align:middle;
}

.box-quick-link .content
{
	min-height:50px;
}

/*Scrollbar for SEO user table*/
#seo-user-dashboard_wrapper{
    overflow-x: scroll !important;
}

#seo-dashboard_wrapper{
    overflow-x: scroll !important;
}

#seo-and-social-dashboard_wrapper{
    overflow-x: scroll !important;
}

.alert-danger .btn.btn-primary {
    color: #ffffff;
}

#social-dashboard_wrapper{
    overflow-x: scroll !important;
}

.hybrid-working-date
{
    width: 275px;
    max-width: 100%;
}

@media (max-width: 767px)
{
    .hybrid-working-date
    {
        width: 100%;
    }
}

.discount-h2{
    color: #2e3548;
}

.discount-img{
    margin-left: auto; 
    margin-right: auto;
    display: block; 
    height: 65px;
}

.discount-p{
    font-size: 16px; 
    color: #2e3548;
}

.discount-code{
    font-size: 22px; 
    color: #ff7700;
}

.discount-expiry{
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
    width: 300px;
}

.discount-small{
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
    text-align: center;
}
.discount-info{
    background-color: #f4f7f9; 
    border-color: #f4f7f9;
    padding-top: 0;
    padding-bottom: 40px;
}

.discount-info-h1{
    color: #2e3548; 
    margin: 0;
}

.discount-info-hr{
    border-top: 2px solid #ff7700; 
    border-bottom: 2px solid #ff7700; 
    margin-left: 0; 
    width: 100px; 
    margin-top: 10px;
}

.discount-text{
    color: #2e3548;
}

.discount-asterisk{
    color: #ff7700; 
    font-weight: 900;
}

.staff-treats{
    color: #ff7700;
}

.staff-treats:hover{
    color: #ff7700;
    text-decoration: underline;
}

#edit-client-form .nav-tabs > li > a {
    padding: 10px 12px;
}

.selected:hover h4{
    color: #333!important;
}

.selected:hover p{
    color: #333333;
}






#main-nav .navigation > .nav {
  border: none;
  padding-top: 15px;
  background-color: #2e3548;
}

#main-nav .navigation > .nav > li > a {
  background-color: #2e3548;
  border: none;
}

/* COLEWOOD CONTRAST THEME
* Copied from dark orange in theme-colors
*/
.contrast-colewood header {
    height: 50px;
}
.contrast-colewood header .navbar {
    background-color: #fdfdfd;
    border-bottom: 1px #2e3548 solid;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 0;
    height: 55px;
}

.contrast-colewood header .navbar .navbar-brand {
    margin-top: 7px;
}
.contrast-colewood header .navbar .navbar-brand .logo {
    height: 40px;
}

.contrast-colewood header .navbar .toggle-nav {
    background-color: #fdfdfd;
    color: #2e3548;
    margin-top: 12px;
}

.contrast-colewood header .navbar .toggle-nav:active, .contrast-colewood header .navbar .toggle-nav.active, .contrast-colewood header .navbar .toggle-nav:hover {
    background-color: #c25700;
    color: #fdfdfd;
}

.contrast-colewood header .navbar .user-menu {
    margin-top: 7px;
}

.contrast-colewood header .navbar .user-menu .dropdown-toggle:hover, .contrast-colewood header .navbar .user-menu .dropdown-toggle:active, .contrast-colewood header .navbar .user-menu .dropdown-toggle:focus {
    background-color: #fdfdfd !important;
    color: #c25700 !important;
}

.contrast-colewood header .navbar .user-menu .dropdown-toggle img {
    border-radius: 20px;
    border: 1px solid #2e3548;
    height: 35px;
    width: 35px;
    top: 3px;
}
.contrast-colewood header .navbar > .nav > li.dropdown > .dropdown-toggle .user-name {
    top: 2px;
}
.contrast-colewood header .navbar > .nav > li.dropdown > .dropdown-toggle .caret {
    border-top-color: #2e3548 !important;
    border-bottom-color: #2e3548 !important;
}
.contrast-colewood header .navbar > .nav > li.dropdown > .dropdown-toggle:hover .caret {
    border-top-color: #c25700 !important;
    border-bottom-color: #c25700 !important;
}

.contrast-colewood header .navbar .navbar-form button {
    color: #ff7700;
}

.contrast-colewood header .navbar .navbar-form button:hover {
    color: #763500;
}

.contrast-colewood header .navbar .navbar-form input {
    border-color: #c25700;
    color: #763500;
}

.contrast-colewood header .navbar .navbar-form input:-moz-placeholder {
    color: #ff8929;
}

.contrast-colewood header .navbar .navbar-form input:-ms-input-placeholder {
    color: #ff8929;
}

.contrast-colewood header .navbar .navbar-form input::-webkit-input-placeholder {
    color: #ff8929;
}

.contrast-colewood header .navbar .navbar-form input:hover:-moz-placeholder {
    color: #ffa55c;
}

.contrast-colewood header .navbar .navbar-form input:hover:-ms-input-placeholder {
    color: #ffa55c;
}

.contrast-colewood header .navbar .navbar-form input:hover::-webkit-input-placeholder {
    color: #ffa55c;
}

.contrast-colewood header .navbar .navbar-form input:focus {
    border-color: #8f4000;
}

.contrast-colewood header .navbar .navbar-form input:focus:-moz-placeholder {
    color: #ff9742;
}

.contrast-colewood header .navbar .navbar-form input:focus:-ms-input-placeholder {
    color: #ff9742;
}

.contrast-colewood header .navbar .navbar-form input:focus::-webkit-input-placeholder {
    color: #ff9742;
}

.contrast-colewood header .navbar > .nav > li.light > a {
    background: #fdfdfd;
    color: #2e3548;
}

.contrast-colewood header .navbar > .nav > li.light > a .label {
    color: #2e3548;
}

.contrast-colewood header .navbar > .nav > li.light > a:hover, .contrast-colewood header .navbar > .nav > li.light > a:active, .contrast-colewood header .navbar > .nav > li.light > a:focus {
    background-color: #d9623c;
}

.contrast-colewood header .navbar > .nav > li.medium > a {
    background: #d9623c;
}

.contrast-colewood header .navbar > .nav > li.medium > a .label {
    color: #d9623c;
}

.contrast-colewood header .navbar > .nav > li.medium > a:hover > a, .contrast-colewood header .navbar > .nav > li.medium > a:active > a, .contrast-colewood header .navbar > .nav > li.medium > a:focus > a {
    background-color: #ae4e00;
}

.contrast-colewood header .navbar > .nav > li.dark > a {
    background: #bf5635;
}

.contrast-colewood header .navbar > .nav > li.dark > a .label {
    color: #bf5635;
}

.contrast-colewood header .navbar > .nav > li.dark > a:hover > a, .contrast-colewood header .navbar > .nav > li.dark > a:active > a, .contrast-colewood header .navbar > .nav > li.dark > a:focus > a {
    background-color: #9c4600;
}

.contrast-colewood header .navbar .widget .dropdown-menu > li.widget-footer a:hover {
    background-color: #ff7700;
}

.contrast-colewood header .navbar .nav li .label {
    color: #ff7700;
}

.contrast-colewood .nav .caret, .contrast-colewood .nav a:hover .caret {
    border-top-color: #ff7700;
    border-bottom-color: #ff7700;
}

.contrast-colewood code {
    background-color: #f4e9e0;
    color: #f47a16;
}

.contrast-colewood #main-nav .navigation > .nav > li > a.in [class^="icon-"], .contrast-colewood #main-nav .navigation > .nav > li > a.in [class*=" icon-"] {
    color: #ff7700;
}

.contrast-colewood #main-nav .navigation > .nav > li:hover > a [class^="icon-"], .contrast-colewood #main-nav .navigation > .nav > li:hover > a [class*=" icon-"], .contrast-colewood #main-nav .navigation > .nav > li:focus > a [class^="icon-"], .contrast-colewood #main-nav .navigation > .nav > li:focus > a [class*=" icon-"], .contrast-colewood #main-nav .navigation > .nav > li.active > a [class^="icon-"], .contrast-colewood #main-nav .navigation > .nav > li.active > a [class*=" icon-"] {
    color: #ff7700 !important;
}

.contrast-colewood #main-nav .navigation > .nav > li .nav > li.active > a [class^="icon-"], .contrast-colewood #main-nav .navigation > .nav > li .nav > li.active > a [class*=" icon-"] {
    color: #ff7700;
}

.contrast-colewood #main-nav .navigation > .nav > li .nav > li > a:hover [class^="icon-"], .contrast-colewood #main-nav .navigation > .nav > li .nav > li > a:hover [class*=" icon-"], .contrast-colewood #main-nav .navigation > .nav > li .nav > li > a:focus [class^="icon-"], .contrast-colewood #main-nav .navigation > .nav > li .nav > li > a:focus [class*=" icon-"] {
    color: #ff7700;
}

.contrast-colewood .box .box-header.contrast-background .actions .btn-link:hover {
    color: #ff7700 !important;
}

.contrast-colewood.contrast-background, .contrast-colewood .contrast-background {
    background: #ff7700 !important;
}

.contrast-colewood .text-contrast, .contrast-colewood .contrast {
    color: #ff7700 !important;
}

.contrast-colewood .contrast-border {
    border-color: #ff7700 !important;
}

.contrast-colewood .accordion.accordion-contrast .accordion-group {
    border-color: #ff7700;
    border-bottom-color: #ffa55c;
}

.contrast-colewood .accordion.accordion-contrast .accordion-heading .accordion-toggle {
    color: white;
    background-color: #ff7700;
}

.contrast-colewood .box-quick-link.contrast-background a:active .header {
    background: #c25700;
}

.contrast-colewood .box-quick-link.contrast-background:hover .header {
    background: #dc6300;
}

.contrast-colewood .box-statistic.contrast-background .title, .contrast-colewood .box-statistic.contrast-background small, .contrast-colewood .box-statistic.contrast-background [class*="icon-"] {
    color: #ff7700 !important;
}

.contrast-colewood .breadcrumb li:first-child > a:hover {
    color: #ff7700 !important;
}

.contrast-colewood h1 [class^="icon-"] {
    color: #ff7700;
}

.contrast-colewood .dropdown-menu > .active > a, .contrast-colewood .dropdown-menu > .active > a:hover, .contrast-colewood .dropdown-menu > .active > a:focus, .contrast-colewood .dropdown-menu > li > a:hover, .contrast-colewood .dropdown-menu > li > a:focus, .contrast-colewood .dropdown-submenu:hover > a, .contrast-colewood .dropdown-submenu:focus > a {
    background-color: #ff7700 !important;
}

.contrast-colewood .box .box-header .actions .btn-link:hover {
    color: #ff7700;
}

.contrast-colewood .fuelux .wizard ul li.active {
    background-color: #ff7700;
}

.contrast-colewood .fc-event .fc-event-inner {
    border-color: #ff7700;
    background-color: #ff7700;
}

.contrast-colewood .contrast-caret {
    border-top-color: #ff7700 !important;
    border-bottom-color: #ff7700 !important;
}

.contrast-colewood .select2-results .select2-highlighted {
    background: #ff7700;
}

.contrast-colewood .daterangepicker .ranges li.active, .contrast-colewood .daterangepicker .ranges li:hover {
    background: #ff7700;
}

.contrast-colewood .daterangepicker td.active, .contrast-colewood .daterangepicker td.active:hover {
    background: #ff7700;
}

.contrast-colewood .datepicker td span.active:hover, .contrast-colewood .datepicker td span.active:hover:hover, .contrast-colewood .datepicker td span.active.disabled:hover, .contrast-colewood .datepicker td span.active.disabled:hover:hover, .contrast-colewood .datepicker td span.active:active, .contrast-colewood .datepicker td span.active:hover:active, .contrast-colewood .datepicker td span.active.disabled:active, .contrast-colewood .datepicker td span.active.disabled:hover:active, .contrast-colewood .datepicker td span.active.active, .contrast-colewood .datepicker td span.active:hover.active, .contrast-colewood .datepicker td span.active.disabled.active, .contrast-colewood .datepicker td span.active.disabled:hover.active, .contrast-colewood .datepicker td span.active.disabled, .contrast-colewood .datepicker td span.active:hover.disabled, .contrast-colewood .datepicker td span.active.disabled.disabled, .contrast-colewood .datepicker td span.active.disabled:hover.disabled, .contrast-colewood .datepicker td span.active[disabled], .contrast-colewood .datepicker td span.active:hover[disabled], .contrast-colewood .datepicker td span.active.disabled[disabled], .contrast-colewood .datepicker td span.active.disabled:hover[disabled], .contrast-colewood .datepicker td.active:hover, .contrast-colewood .datepicker td.active:hover:hover, .contrast-colewood .datepicker td.active.disabled:hover, .contrast-colewood .datepicker td.active.disabled:hover:hover, .contrast-colewood .datepicker td.active:active, .contrast-colewood .datepicker td.active:hover:active, .contrast-colewood .datepicker td.active.disabled:active, .contrast-colewood .datepicker td.active.disabled:hover:active, .contrast-colewood .datepicker td.active.active, .contrast-colewood .datepicker td.active:hover.active, .contrast-colewood .datepicker td.active.disabled.active, .contrast-colewood .datepicker td.active.disabled:hover.active, .contrast-colewood .datepicker td.active.disabled, .contrast-colewood .datepicker td.active:hover.disabled, .contrast-colewood .datepicker td.active.disabled.disabled, .contrast-colewood .datepicker td.active.disabled:hover.disabled, .contrast-colewood .datepicker td.active[disabled], .contrast-colewood .datepicker td.active:hover[disabled], .contrast-colewood .datepicker td.active.disabled[disabled], .contrast-colewood .datepicker td.active.disabled:hover[disabled] {
    background: #ff7700;
}

.contrast-colewood .dropdown-menu > .active > a, .contrast-colewood .dropdown-menu > .active > a:hover, .contrast-colewood .dropdown-menu > .active > a:focus {
    background: #ff7700;
}

.contrast-colewood .dd-handle:hover {
    color: #ff7700;
}

.contrast-colewood .dd-placeholder {
    border-color: #ff7700;
}