/*
 *
 *   0. Info
 *
 * * *

    See http://localhost:8080/prototypes/patterns for available colors and a preview of various elements.

*/




/*
 *
 *   1. Generic (Normalizing and resets)
 *
 * * */



/*
 *
 *   2. Base (HTML elements / type selectors)
 *
 * * */


 body {
    background-color: #F4F6F5;
    color: #303B36;
}

::selection,
::-moz-selection {
    background-color: #6699CC;
    text-shadow: none;
    color: #FFFFFF;
}

a {
  color: #006BD6;
}
    a:hover,
    a:focus {
      color: #2994FF;
    }
        a:active {
            color: #7ABDFF;
        }

h1,
h2,
h3,
h4,
h5,
h6 {
    /*color: #5E7369;*/
    color: #000000;
}



/*
 * Forms
 */

fieldset {
    background-color: #ffffff;
    border: 1px solid #e6e8e8;
}

fieldset legend {
  background: inherit;
  color: #006BD6;
  border-style: none;
}

select {
  background-color: #FFFFFF;
  border: 1px solid #E9EDEB;
  color: #5b5b60;
  box-shadow: none !important;
}

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"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #FFFFFF;
    border: 1px solid #BCC2C8;
    color: #5b5b60;
    box-shadow: none !important;
}

textarea:hover,
select:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover {
    border-color: #aeacb4;
}

textarea:focus,
select: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 {
    box-shadow: none;
    border-color: #bbbac0;
    background-color: #F8F8F8;
}

textarea[disabled],
input[disabled],
select[disabled] {
    background-color: #f7f7f8;
    border-color: #F8F8F8;
}

textarea[disabled]:hover,
textarea[disabled]:focus,
input[disabled]:hover,
input[disabled]:focus,
select[disabled]:hover,
select[disabled]:focus {
    background-color: #f7f7f8;
    border-color: #F8F8F8;
}

button {
    background-color: transparent;
    border-style: none;
    padding: 0;
}

code {
    background-color: #F2F5F8;
}



























/*
 *
 *   3. Objects (Reusable design patterns)
 *
 * * */


/*   Item assignment (e.g. ads/banners in campaign settings)   */


.assigner-slot {
    outline-style: none;
}
    .assigner-item {
        border: 1px solid #E9EDEB;
    }
        .assigner-payload {
            color: #868D8A;
        }

    .assigner-unassigned .assigner-item {
        background-color: #FFFFFF;
    }

    .assigner-unassigned .assigner-item .assigner-action,
    .assigner-assigned .assigner-item .assigner-action {
        background-color: #F5F7F9;
    }

    .assigner-unassigned .assigner-item .assigner-action {
        color: #006BD6;
    }

    .assigner-assigned .assigner-item .assigner-action {
        color: #FF475F;
    }

        .assigner-unassigned .assigner-slot:active .assigner-item,
        .assigner-unassigned .assigner-slot:active .assigner-payload,
        .assigner-unassigned .assigner-slot:hover .assigner-action,
        .assigner-unassigned .assigner-slot:focus .assigner-action {
            background-color: #7FB2E6;
            color: #FFFFFF;
        }
            .assigner-unassigned .assigner-slot:active .assigner-action {
                background-color: #99CCFF;
            }

        .assigner-assigned .assigner-slot:active .assigner-item,
        .assigner-assigned .assigner-slot:active .assigner-payload,
        .assigner-assigned .assigner-slot:hover .assigner-action,
        .assigner-assigned .assigner-slot:focus .assigner-action {
            background-color: #FF475F;
            color: #FFFFFF;
        }
            .assigner-assigned .assigner-slot:active .assigner-action,
            {
                background-color: #FF6673;
            }

.assigner-preview-content {
    /*border-width: 1px;
    border-style: solid;
    border-color: #000000;
    border-color: rgba(0,0,0,0.75);*/
    /*border-radius: 4px;*/
    background-color: #313332;
    /*border: 1px solid #E9EDEB;*/
    /*background-color: rgba(0,0,0,0.9);*/
    color: #FFFFFF;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
}


/*   User guidance   */

.crossroads li + li {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #D9E0DD;
}


/*   logo colors   */

svg .brand-plug {
    fill: #175B97;
}

svg .brand-rush {
    fill: #C0D42F;
}


/* Clear background from tabs when they contain a table converted to cards or strips */
@media (max-width: 991px) {
        .tabbable.table-sm-card .nav-tabs,
        .tabbable.table-sm-strip .nav-tabs {
            background-color: #E9EDEB;
        }
        /* Override DataTables' excessive specificity */
        /*.table-sm-card table.table thead .sorting_asc,
        .table-sm-card table.table thead .sorting_desc,
        .table-sm-strip table.table thead .sorting_asc,
        .table-sm-strip table.table thead .sorting_desc {
            background-color: #f5fffa;
        }*/

        .table-sm-card table.table > tbody > tr,
        .table-sm-strip table.table > tbody > tr {
            background-color: #FFFFFF;
            border-color: #E9EDEB;
        }
            .table-sm-card tbody .column-title,
            .table-sm-strip tbody .column-title {
                border-bottom: 1px solid #F0F7F5;
            }

            .table-sm-card tbody .column-date,
            .table-sm-strip tbody .column-date {
                color: #868D8A;
            }
}

@media (min-width: 992px) and (max-width: 1200px) {
        .tabbable.table-md-card .nav-tabs,
        .tabbable.table-md-strip .nav-tabs {
            background-color: #E9EDEB;
        }
        /* Override DataTables' excessive specificity */
        /*.table-md-card table.table thead .sorting_asc,
        .table-md-card table.table thead .sorting_desc,
        .table-md-strip table.table thead .sorting_asc,
        .table-md-strip table.table thead .sorting_desc {
            background-color: #f5fffa;
        }*/

        .table-md-card table.table > tbody > tr,
        .table-md-strip table.table > tbody > tr {
            background-color: #FFFFFF;
            border-color: #E9EDEB;
        }
            .table-md-card tbody .column-title,
            .table-md-strip tbody .column-title {
                border-bottom: 1px solid #F0F7F5;
            }

            .table-md-card tbody .column-date,
            .table-md-strip tbody .column-date {
                color: #868D8A;
            }
}

.form-control::-moz-placeholder {
  color: #c2c2c5;
}

.form-control:-ms-input-placeholder {
  color: #c2c2c5;
}

.form-control::-webkit-input-placeholder {
  color: #c2c2c5;
}


.circle-100 {
    -moz-box-shadow: 0, 1px, 2px, #C3C3C3;
    -webkit-box-shadow: 0, 1px, 2px, #C3C3C3;
    box-shadow: 0, 1px, 2px, #C3C3C3;
}

.circle-50 {
    -moz-box-shadow: 0, 1px, 2px, #C3C3C3;
    -webkit-box-shadow: 0, 1px, 2px, #C3C3C3;
    box-shadow: 0, 1px, 2px, #C3C3C3;
}

.overlayer {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, #000000 100%);
}

.tags {
    background-color: #C2C6CD;
    color: #ffffff !important;
}

.tags:before {
    border-style: solid;
    border-color: transparent #c5c5c5 transparent transparent;
    border-width: 12px 13px 12px 0;
}

.tags:hover {
    background-color: #8B91A0;
    color: #FFFFFF;
}

.tags:hover:before {
    border-color: transparent #8B91A0 transparent transparent;
}

.tags:after {
    background: none repeat scroll 0 0 #FFFFFF;
}

.tooltip-notification .tooltip-notification-arrow {
    border-width: 0 5px 5px;
    border-color: transparent;
    border-bottom-color: #292B2E;
    border-style: solid;
}

.tooltip-notification .tooltip-notification-inner {
    background-color: #292B2E;
    color: #FFFFFF;
}

.tooltip-notification .tooltip-notification-inner .message {
    color: #BFC0C1;
}
.stack-right-bottom {
    text-shadow:
        2px 0 0 #fff,
        -2px 0 0 #fff,
        0 2px 0 #fff,
        0 -2px 0 #fff,
        1px 1px #fff,
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff;
}

.show-grid [class^="col-"] {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
}

.mainTitle small {
  color: #789185;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #006BD6;
  color: #fff;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #006BD6;
  border-color: #006BD6;
}

/*.container-fullw {
    border-bottom: 1px solid #eee;
}*/



/*
 *   Borders
 */

.border-right {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgba(0, 0, 0, 0.07);
}

.border-left {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: rgba(0, 0, 0, 0.07);
}

.border-top {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(0, 0, 0, 0.07);
}

.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.07);
}

.border-light {
  border-color: rgb(237 237 237);
}

.border-around {
  border: 1px solid #BCC2C8;
}

.panel .panel-heading,
.panel .panel-footer,
.panel-white .panel-heading,
.panel-white .panel-footer {
    border-color: #F4F6F5;
}

.panel-transparent .panel-heading,
.panel-transparent .panel-footer {
    border-color: #DDE3E0;
}
    .panel-transparent .panel-heading.panel-collapse {
        border-color: #DDE3E0;
    }
        .panel-transparent.collapses .panel-heading {
            border-color: transparent;
        }

.border-dark {
  border-color: rgba(0, 0, 0, 0.2);
}

.panel .border-dark,
.panel-white .border-dark,
.partition-white .border-dark {
  border-color: rgba(0, 0, 0, 0.3) !important;
}



/*
 *   Text colors
 */

.text-white {
  color: #ffffff !important;
}

a.text-white {
  color: rgba(255, 255, 255, 0.6) !important;
}
a.text-white:hover {
  color: #ffffff !important;
}

.text-dark {
  color: #5b5b60 !important;
}

a.text-dark:hover {
  color: #6f6f74 !important;
}

.text-light {
  color: #c2c2c5 !important;
}

a.text-light:hover {
  color: #adadb1 !important;
}

.text-white-transparent {
  color: rgba(255, 255, 255, 0.7) !important;
}


.text-active {
    color: #6085A9;
}

.text-secondary,
.text-info {
    color: #6085A9;
}



/*
 *   Background Colors
 */

.no-bg {
  background-color: transparent !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-black {
  background-color: #2C2F3B !important;
  color: #ffffff;
}

.bg-primary {
  background-color: #006BD6 !important;
  color: #ffffff;
}

.bg-light-primary {
  background-color: #3395ff !important;
  color: #ffffff;
}

.bg-dark-primary {
  background-color: #0062cc !important;
  color: #ffffff;
}

.bg-success {
  background-color: #5cb85c !important;
  color: #ffffff;
}

.bg-info {
  background-color: #46b8da !important;
  color: #ffffff;
}

.bg-warning {
    /*background-color: #eea236 !important;
    color: #ffffff;*/
    background-color: #FFBF00 !important;
    color: #000000 !important;
}

.bg-danger {
  background-color: #d43f3a !important;
  color: #ffffff;
}

.bg-body {
  background-color: #F1F3FA;
}

.background-dark {
    background: rgba(0, 0, 0, 0.2);
}

.background-light {
    background: rgba(255, 255, 255, 0.6) !important;
}



/*
 *   Alerts
 */

.info {
    background-color: #6699CC;
    border-width: 48px;
    border-color: #99CCFF;
    color: #FFFFFF;
}

    .info a {
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
    }
        .info a:hover,
        .info a:focus {
            color: #232524;
            border-color: #232524;
        }
            .info a:active {
                color: #000000;
                border-color: #000000;
            }

.success {
    background-color: #00A854;
    border-width: 48px;
    border-color: #00DB6E;
    color: #FFFFFF;
}

    .success a {
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
    }
        .success a:hover,
        .success a:focus {
            color: #232524;
            border-color: #232524;
        }
            .success a:active {
                color: #000000;
                border-color: #000000;
            }

.warning {
    background-color: #FFBF00;
    border-width: 48px;
    border-color: #232524;
    color: #232524;
}
    .warning:before {
        color: #FFBF00;
    }

    .warning a {
        color: #232524;
        border-bottom: 1px solid #232524;
    }
        .warning a:hover,
        .warning a:focus {
            color: #5C5337;
            border-color: #5C5337;
        }
            .warning a:active {
                color: #796D49;
                border-color: #796D49;
            }

    .warning .text-muted {
        color: #232524;
    }

.danger,
.critical {
    background-color: #FF0040;
    border-width: 48px;
    border-color: #232524;
    color: #FFFFFF;
}
    .danger:before,
    .critical:before {
        color: #FF0040;
    }

    .danger a,
    .critical a {
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
    }
        .danger a:hover,
        .danger a:focus,
        .critical a:hover,
        .critical a:focus {
            color: #4D2E36;
            border-color: #4D2E36;
        }
            .danger a:active,
            .critical a:active {
                color: #000000;
                border-color: #000000;
            }


/*
 *   Dropdown Menu
 */

.dropdown-menu.dropdown-dark {
    background-color: #2B3034;
    border: 1px solid #1A1C1E;
    box-shadow: none;
}

.dropdown-menu.dropdown-dark:after {
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-bottom-color: #2B3034;
    border-top-width: 0;
}

.dropdown-menu.dropdown-dark .dropdown-header {
    color: #f7f7f8;
}

.dropdown-menu.dropdown-dark .divider {
    background-color: transparent;
}

.dropdown-menu.dropdown-dark li p,
.dropdown-menu.dropdown-dark li a,
.dropdown-menu.dropdown-dark .drop-down-wrapper li p,
.dropdown-menu.dropdown-dark .drop-down-wrapper li a {
    border-bottom-color: #1A1C1E;
    color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.dropdown-menu.dropdown-dark li:last-child a {
    border-bottom: none !important;
}

.dropdown-menu.dropdown-dark > li > a:hover,
.dropdown-menu.dropdown-dark > li > a:focus,
.dropdown-menu.dropdown-dark .dropdown-submenu:hover > a,
.dropdown-menu.dropdown-dark .dropdown-submenu:focus > a,
.dropdown-menu.dropdown-dark .drop-down-wrapper li a:hover,
.dropdown-menu.dropdown-dark .drop-down-wrapper li a:focus {
    background-color: #212326;
}

.dropdown-menu.dropdown-light {
    background-color: #FFFFFF;
    border: 1px solid #E9EDEB;
}

.dropdown-menu.dropdown-light:before,
.dropdown-menu.dropdown-light:after {
    border-color: transparent;
    border-style: solid;
}

.dropdown-menu.dropdown-light:before {
    border-bottom-color: #E9EDEB;
    border-style: solid;
    border-width: 11px;
    border-top-width: 0;
}

.dropdown-menu.dropdown-light:after {
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-bottom-color: #FFFFFF;
    border-top-width: 0;
}

.dropdown-menu.dropdown-light li > * {
    border-bottom: 1px solid #F0F7F5;
}
    .dropdown-menu > li > a {
        color: #006BD6;
    }
        .dropdown-menu > li > .active {
            background-color: #006BD6;
            border-color: #006BD6;
            color: #FFFFFF;
        }

.dropdown-menu.dropdown-light li:last-child a {
    border-bottom: none;
}

.drop-down-wrapper .list-group-item {
    border-left: none;
    border-right: none;
}

/*
 *   Tabs
 */

.nav-tabs.nav-justified > li > a {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}

.nav-tabs > li.dropdown .dropdown-menu > .active a,
.nav-tabs > li.dropdown .dropdown-menu > .active a:hover,
.nav-tabs > li.dropdown .dropdown-menu > .active a:focus {
    background-color: #f7f7f8;
    color: #ffffff;
}

.nav-tabs > li > a, .helpPopover {
    border: 0 none;
    color: #004285;
}
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        color: #006BD6;
        background-color: #EEF1F0;
    }
        .nav-tabs > li > a:active {
            color: #2994FF;
            background-color: #F4F6F5;
        }

.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
    border-width: 0;
}

.panel-tabs,
.tabbable {
    background-color: #E9EDEB;
}

.tabbable.pills {
    background-color: transparent;
}

.panel-tabs .panel-heading {
    background-color: #EFEFF4;
}

.panel-tabs .nav-tabs {
    border: medium none;
}

.tab-content {
    background-color: #FFFFFF;
}

.tabs-left.tabbable {
    background-color: none;
}

.tabs-left .tab-content {
    border-top: 1px solid #EFEFF4;
    border-right: 1px solid #EFEFF4;
    border-bottom: 1px solid #EFEFF4;
}

.tabs-left > .nav-tabs {
    border-style: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li a:focus,
.tabs-left > .nav-tabs > li a:hover {
    border-color: #EFEFF4;
}

.tabs-left > .nav-tabs > li.active > a,
.tabs-left > .nav-tabs > li.active a:focus,
.tabs-left > .nav-tabs > li.active a:hover {
    border-color: #EFEFF4;
    border-right: none;
    border-left: 1px solid #EFEFF4;
    border-top-width: 1px;
}

.tabs-right.tabbable {
    background-color: none;
}

.tabs-right .tab-content {
    border-top: 1px solid #EFEFF4;
    border-left: 1px solid #EFEFF4;
    border-bottom: 1px solid #EFEFF4;
}

.tabs-right > .nav-tabs {
    border-style: none;
}

.tabs-right > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li a:focus,
.tabs-right > .nav-tabs > li a:hover {
    border-color: #EFEFF4;
}

.tabs-right > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active a:focus,
.tabs-right > .nav-tabs > li.active a:hover {
    border-color: #EFEFF4;
    border-right: 1px solid #EFEFF4 !important;
    border-left: none;
    border-top-width: 1px;
}

.tabs-below > .nav-tabs {
    border-bottom-width: 0;
    border-color: #EFEFF4;
}

.tabs-below > .nav-tabs > li > a,
.tabs-below > .nav-tabs > li a:focus,
.tabs-below > .nav-tabs > li a:hover {
    border-color: #EFEFF4;
}

.tabs-below > .nav-tabs > li.active > a,
.tabs-below > .nav-tabs > li.active a:focus,
.tabs-below > .nav-tabs > li.active a:hover {
    border-bottom: none;
    border-color: transparent #EFEFF4 #EFEFF4;
}



/*
 *  Panels
 */

.panel {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #8e8e93;
    border-style: none;
}

.panel-footer {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: inherit;
    background-color: transparent;
}

.panel-heading {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
    .panel-collapse .panel-title,
    .panel-collapse .panel-toggle {
        color: #006BD6;
    }
        .panel-collapse:hover .panel-title,
        .panel-collapse:focus .panel-title,
        .panel-collapse:hover .panel-toggle,
        .panel-collapse:focus .panel-toggle {
            color: #2994FF;
        }
            .panel-collapse:active .panel-title,
            .panel-collapse:active .panel-toggle {
                color: #7ABDFF;
            }

.panel-heading .panel-heading-tabs > li {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: inherit;
}


.panel,
.partition {
    background-color: #ffffff;
    color: #5b5b60;
    /*border: 1px solid rgba(0, 0, 0, 0.07);*/
    border: 1px solid #E9EDEB;
    border-radius: 0;
}

.panel-transparent,
.partition-transparent {
    background-color: transparent;
    box-shadow: none;
    color: #5b5b60;
    border-style: none;
}
    .panel-transparent .panel-tools .btn,
    .panel-transparent .panel-tools > a,
    .partition-transparent .panel-tools .btn,
    .partition-transparent .panel-tools > a {
        color: rgba(72, 71, 77, 0.7) !important;
    }

    .panel-transparent .panel-tools .btn:hover,
    .panel-transparent .panel-tools > a:hover,
    .partition-transparent .panel-tools .btn:hover,
    .partition-transparent .panel-tools > a:hover {
        color: #48474d !important;
    }

    .panel-transparent .panel-heading {
        padding-left: 0;
        border-style: none none solid none;
    }
        .panel-transparent .panel-heading.panel-collapse {
            padding-right: 35px;
        }
        .panel-transparent .panel-toggle {
            width: 35px;
            padding-left: 15px;
        }

    .panel-transparent .panel-body {
        padding-left: 0;
        padding-right: 0;
    }


    .panel.collapses,
    .panel-white.collapses {
        border-bottom: 3px;
        border-bottom-color: #E9EDEB;
        border-bottom-style: solid !important;
    }

    .panel-transparent.collapses {
        border-bottom-style: none !important;
    }


/*
 *   Accordion
 */

.accordion .panel + .panel {
    border-top-color: #E9EDEB;
    /*border-top-color: #DDE3E0;*/
}
    /*.accordion .panel + .panel-white {
        border-top-color: #E9EDEB;
    }*/

    .warning .accordion .panel + .panel {
        border-top-color: #FF9500;
    }



/*
 *   Progress Bar
 */

.progress {
    background-color: #E9EDEB;
    box-shadow: none;
}
    .progress-bar {
        background-color: #6085A9;
        box-shadow: none;
        -webkit-box-shadow: none;
        font-weight: 700;
    }
        .progress-bar-traffic {
            background-color: #BCC2C8;
            color: #000000;
        }

        .progress-bar-budget {
            background-color: #CAE2D6;
            color: #000000;
        }

        .progress-bar-success {
            background-color: #00A854;
            color: #FFFFFF;
        }

        .progress-bar-warning {
            background-color: #FFBF00;
            color: #000000;
        }

        .progress-bar-danger {
            background-color: #FF0040;
            color: #FFFFFF;
        }



/*
 *   Labels and badges
 */

.label,
.badge {
    background-color: #789185;
    color: #FFFFFF;
    cursor: default;
}
    a.label,
    a .label,
    button.label,
    button .label,
    a.badge,
    a .badge,
    button.badge,
    button .badge {
        cursor: pointer;
    }
        a:hover.label,
        a:hover .label,
        a:focus.label,
        a:focus .label,
        a:hover.badge,
        a:hover .badge,
        a:focus.badge,
        a:focus .badge {
            background-color: #8FA399;
        }
            a:active.label,
            a:active .label,
            a:active.badge,
            a:active .badge {
                background-color: #A5B6AD;
            }
    .label span {
        font-weight: 400;
        opacity: 0.8;
    }

    .label-removable {
        border-right-color: #8FA399;
    }
        .label-removable:hover,
        .label-removable:focus {
            border-right-color: #A5B6AD;
        }
            .label-removable:active {
                border-right-color: #BCC8C2;
            }

    .label-danger,
    .badge-danger {
        background-color: #d9534f;
    }
        a[href]:hover.label-danger,
        a[href]:hover .label-danger,
        a[href]:focus.label-danger,
        a[href]:focus .label-danger,
        a[href]:hover.badge-danger,
        a[href]:hover .badge-danger,
        a[href]:focus.badge-danger,
        a[href]:focus .badge-danger {
            background-color: #FF475F;
        }
            a[href]:active.label-danger,
            a[href]:active .label-danger,
            a[href]:active.badge-danger,
            a[href]:active .badge-danger {
                background-color: #FF6673;
            }

        .label-danger.label-removable {
            border-right-color: #FF475F;
        }
            .label-danger.label-removable:hover,
            .label-danger.label-removable:focus {
                border-right-color: #FF6673;
            }
                .label-danger.label-removable:active {
                    border-right-color: #FF999C;
                }

    .label-warning,
    .badge-warning {
        background-color: #FFBF00;
        color: #000000;
    }
        a[href]:hover.label-warning,
        a[href]:hover .label-warning,
        a[href]:focus.label-warning,
        a[href]:focus .label-warning,
        a[href]:hover.badge-warning,
        a[href]:hover .badge-warning,
        a[href]:focus.badge-warning,
        a[href]:focus .badge-warning {
            background-color: #FFAA00;
            color: #000000;
        }
            a[href]:active.label-warning,
            a[href]:active .label-warning,
            a[href]:active.badge-warning,
            a[href]:active .badge-warning {
                background-color: #FF9500;
                color: #000000;
            }

        .label-warning.label-removable {
            border-right-color: #FFAA00;
        }
            .label-warning.label-removable:hover,
            .label-warning.label-removable:focus {
                border-right-color: #FF9500;
            }
                .label-warning.label-removable:active {
                    border-right-color: #FF7F00;
                }

    .label-primary,
    .label-success,
    .badge-primary,
    .badge-success {
        background-color: #00A854;
    }
        a[href]:hover.label-primary,
        a[href]:hover .label-primary,
        a[href]:focus.label-primary,
        a[href]:focus .label-primary,
        a[href]:hover.badge-primary,
        a[href]:hover .badge-primary,
        a[href]:focus.badge-primary,
        a[href]:focus .badge-primary,
        a[href]:hover.label-success,
        a[href]:hover .label-success,
        a[href]:focus.label-success,
        a[href]:focus .label-success,
        a[href]:hover.badge-success,
        a[href]:hover .badge-success,
        a[href]:focus.badge-success,
        a[href]:focus .badge-success {
            background-color: #00C261;
        }
            a[href]:active.label-primary,
            a[href]:active .label-primary,
            a[href]:active.badge-primary,
            a[href]:active .badge-primary,
            a[href]:active.label-success,
            a[href]:active .label-success,
            a[href]:active.badge-success,
            a[href]:active .badge-success {
                background-color: #00DB6E;
            }

        .label-primary.label-removable,
        .label-success.label-removable {
            border-right-color: #00C261;
        }
            .label-primary.label-removable:hover,
            .label-success.label-removable:hover,
            .label-primary.label-removable:focus,
            .label-success.label-removable:focus {
                border-right-color: #00DB6E;
            }
                .label-primary.label-removable:active,
                .label-success.label-removable:active {
                    border-right-color: #00F57A;
                }

    .label-secondary,
    .badge-secondary {
        background-color: #6699CC;
    }
        a:hover.label-secondary,
        a:hover .label-secondary,
        a:focus.label-secondary,
        a:focus .label-secondary,
        a:hover.badge-secondary,
        a:hover .badge-secondary,
        a:focus.badge-secondary,
        a:focus .badge-secondary {
            background-color: #7FB2E6;
        }
            a:active.label-secondary,
            a:active .label-secondary,
            a:active.badge-secondary,
            a:active .badge-secondary {
                background-color: #99CCFF;
            }

        .label-secondary.label-removable {
            border-right-color: #7FB2E6;
        }
            .label-secondary.label-removable:hover,
            .label-secondary.label-removable:focus {
                border-right-color: #99CCFF;
            }
                .label-secondary.label-removable:active {
                    border-right-color: #CCE5FF;
                }

    .label-info,
    .badge-info {
        background-color: #6699CC;
    }
        a:hover.label-info,
        a:hover .label-info,
        a:focus.label-info,
        a:focus .label-info,
        a:hover.badge-info,
        a:hover .badge-info,
        a:focus.badge-info,
        a:focus .badge-info {
            background-color: #7FB2E6;
        }
            a:active.label-info,
            a:active .label-info,
            a:active.badge-info,
            a:active .badge-info {
                background-color: #99CCFF;
            }

        .label-info.label-removable {
            border-right-color: #7FB2E6;
        }
            .label-info.label-removable:hover,
            .label-info.label-removable:focus {
                border-right-color: #99CCFF;
            }
                .label-info.label-removable:active {
                    border-right-color: #CCE5FF;
                }

    .label-active,
    .badge-active {
        background-color: #6085A9;
    }
        a:hover.label-active,
        a:hover .label-active,
        a:focus.label-active,
        a:focus .label-active,
        a:hover.badge-active,
        a:hover .badge-active,
        a:focus.badge-active,
        a:focus .badge-active {
            background-color: #7A99B8;
        }
            a:active.label-active,
            a:active .label-active,
            a:active.badge-active,
            a:active .badge-active {
                background-color: #95ADC6;
            }

        .label-active.label-removable {
            border-right-color: #7A99B8;
        }
            .label-active.label-removable:hover,
            .label-active.label-removable:focus {
                border-right-color: #95ADC6;
            }
                .label-active.label-removable:active {
                    border-right-color: #AFC2D4;
                }

    .label-method {
        background-color: #D7E0EA;
        color: #000000;
    }
        a:hover.label-method,
        a:focus.label-method,
        a:hover .label-method,
        a:focus .label-method {
            background-color: #BDCCDB;
            color: #000000;
        }
            a:active.label-method,
            a:active .label-method {
                background-color: #A2B8CD;
                color: #000000;
            }

        .label-method.label-removable {
            border-right-color: #BDCCDB;
        }
            .label-method.label-removable:hover,
            .label-method.label-removable:focus {
                border-right-color: #A2B8CD;
            }
                .label-method.label-removable:active {
                    border-right-color: #88A3BF;
                }

    .label-type {
        background-color: #DDE3E0;
        color: #000000;
    }
        a:hover.label-type,
        a:focus.label-type,
        a:hover .label-type,
        a:focus .label-type {
            background-color: #C7D1CC;
            color: #000000;
        }
            a:active.label-type,
            a:active .label-type {
                background-color: #B0BFB8;
                color: #000000;
            }

        .label-type.label-removable {
            border-right-color: #C7D1CC;
        }
            .label-type.label-removable:hover,
            .label-type.label-removable:focus {
                border-right-color: #B0BFB8;
            }
                .label-type.label-removable:active {
                    border-right-color: #9AACA3;
                }

    .label-option {
        background-color: #88A3BF;
    }
        a:hover.label-option,
        a:focus.label-option,
        a:hover .label-option,
        a:focus .label-option {
            background-color: #A2B8CD;
        }
            a:active.label-option,
            a:active .label-option {
                background-color: #BDCCDB;
            }

        .label-option.label-removable {
            border-right-color: #A2B8CD;
        }
            .label-option.label-removable:hover,
            .label-option.label-removable:focus {
                border-right-color: #BDCCDB;
            }
                .label-option.label-removable:active {
                    border-right-color: #D7E0EA;
                }

    .label-mode {
        background-color: #9AACA3;
    }
        a:hover.label-mode,
        a:focus.label-mode,
        a:hover .label-mode,
        a:focus .label-mode {
            background-color: #B0BFB8;
        }
            a:active.label-mode,
            a:active .label-mode {
                background-color: #C7D1CC;
            }

        .label-mode.label-removable {
            border-right-color: #B0BFB8;
        }
            .label-mode.label-removable:hover,
            .label-mode.label-removable:focus {
                border-right-color: #C7D1CC;
            }
                .label-mode.label-removable:active {
                    border-right-color: #DDE3E0;
                }


    .badge-empty {
        background-color: #D2DAD6;
        color: #506259;
    }
        a:hover.badge-empty,
        a:hover .badge-empty,
        a:focus.badge-empty,
        a:focus .badge-empty {
            background-color: #BCC8C2;
            color: #45544D;
        }
            a:active.badge-empty,
            a:active .badge-empty {
                background-color: #A5B6AD;
                color: #394640;
            }


/*
 *   Forms
 */

.input-group-addon {
    background-color: #006BD6;
    border: 1px solid #006BD6;
    color: #ffffff;
}

.input-group-addon.disabled,
.input-group-addon:disabled {
    cursor: auto;
    color: #c5c5c5;
    background-color: #eee;
    border: 1px solid #ccc;
}

select[multiple="multiple"]:focus option {
    background-color: #F8F8F8 !important;
}

.has-error .form-control:focus,
.has-error .form-control:hover,
.has-warning .form-control:focus,
.has-warning .form-control:hover,
.has-success .form-control:focus,
.has-success .form-control:hover {
    box-shadow: none;
}

.has-error .help-block {
    margin-top: 0;
    padding: 5px 10px;
    background-color: #FF0040;
    color: #FFFFFF;
    font-weight: 700;
}

.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label,
.has-error .symbol:before {
    color: #FF0040;
    font-weight: 700;
}

.has-error .form-control {
    border-color: #FF0040;
    color: #FF0040;
}

.has-error .input-icon > [class*="fa-"],
.has-error .input-icon > [class*="ti-"] {
    color: #FF0040;
}

.has-error .form-control:focus,
.has-error .form-control:hover {
    border-color: #dae0de;
}

.has-warning .help-block {
    margin-top: 0;
    padding: 5px 10px;
    background-color: #FFBF00;
    color: #000000;
    font-weight: 700;
}

.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label,
.has-warning .symbol:before {
    color: #BD8E00;
    font-weight: 700;
}

.has-warning .input-icon > [class*="fa-"],
.has-warning .input-icon > [class*="ti-"] {
    color: #BD8E00;
}

.has-warning {
    color: #BD8E00;
}

.has-warning .control-label {
    color: #BD8E00 !important;
}

.has-warning .form-control {
    color: #BD8E00;
    border-color: #BD8E00;
}

.has-warning .form-control:focus,
.has-warning .form-control:hover {
    border-color: #F8F8F8;
    border-bottom-color: #8a6d3b !important;
}

.has-warning label {
    color: #8a6d3b;
}

/*.has-success {
  color: #5cb85c;
}
.has-success .control-label {
  color: #8e8e93 !important;
}
.has-success .form-control {
  color: #5b5b60;
  border-color: #F8F8F8;
  border-bottom-color: #3c763d !important;
  border-bottom-width: 1px !important;
  border-bottom-style: dotted;
  border-color: #3c763d !important;
  border-width: 1px !important;
  border-style: dotted;
}
.has-success .form-control:focus,
.has-success .form-control:hover {
  border-color: #F8F8F8;
  border-bottom-color: #3c763d !important;
}
.has-success label {
  color: #3c763d;
}*/

label {
    color: #858585;
}

.input-icon > [class*="fa-"],
.input-icon > [class*="ti-"] {
    color: #6699CC;
}

.help-button {
    background-color: #65BCDA;
    color: #FFFFFF;
}

.help-button:before {
    text-shadow: none;
}

.form-control {
    color: inherit;
}

select.form-control {
    background-color: #FFFFFF;
    border: 1px solid #BCC2C8;
    color: #5b5b60;
}

.form-control.search-select {
    box-shadow: none;
    border-style: none;
}

.help-inline {
    color: #737373;
}

.help-block.error {
    color: #B94A48;
}

.symbol.required:before {
    color: #E6674A;
}

.has-success .symbol:before {
    color: #468847;
}

/*.has-error .symbol:before {
    color: #C82E29;
}*/

.has-warning .symbol:before {
    color: #eea236;
}

/*.has-error .note-editor,*/
.has-error .cke_chrome {
    border-color: #B94A48 !important;
}

div.cs-select {
    background-color: #fff;
}

.cs-select .cs-options {
    background-color: #fff;
}

.cs-select ul li.cs-focus span {
    background-color: #ddd;
}

.clip-check label:before {
    background-color: #ffffff;
    border: 1px solid #789185;
}

.clip-check input[type="checkbox"]:checked + label:before {
    border-width: 10px;
}

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

.clip-check input[type="checkbox"][disabled] + label:before {
    background-color: #F8F8F8;
}

.clip-check.check-md input[type="checkbox"]:checked + label:before {
    border-width: 12px;
}

.clip-check.check-lg input[type="checkbox"]:checked + label:before {
    border-width: 15px;
}

.clip-check.check-default input[type="checkbox"]:checked + label:before {
    border-color: #789185;
}

.clip-check.check-info input[type="checkbox"]:checked + label:before {
    border-color: #6699CC;
}

.clip-check.check-secondary input[type="checkbox"]:checked + label:before {
    border-color: #6699CC;
}

.clip-check.check-primary input[type="checkbox"]:checked + label:before {
    border-color: #00A854;
}

.clip-check.check-success input[type="checkbox"]:checked + label:before {
    border-color: #00A854;
}

.clip-check.check-warning input[type="checkbox"]:checked + label:before {
    border-color: #FFBF00;
}
    .clip-check.check-warning input[type="checkbox"]:checked + label:after {
        color: #000000;
    }

.clip-check.check-danger input[type="checkbox"]:checked + label:before {
    border-color: #FF0040;
}

.clip-radio label:before {
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
}

.clip-radio label:after {
    border: 1px solid #DDE3E0;
}

.clip-radio input[type="radio"]:checked + label:before {
    border-width: 6px;
    background-color: #789185;
    border-color: #ffffff;
}

.clip-radio.radio-info input[type="radio"]:checked + label:before {
    background-color: #6699CC;
}

.clip-radio.radio-secondary input[type="radio"]:checked + label:before {
    background-color: #6699CC;
}

.clip-radio.radio-primary input[type="radio"]:checked + label:before {
    background-color: #00A854;
}

.clip-radio.radio-success input[type="radio"]:checked + label:before {
    background-color: #00A854;
}

.clip-radio.radio-warning input[type="radio"]:checked + label:before {
    background-color: #000000;
}
    .clip-radio.radio-warning input[type="radio"]:checked + label:before {
        border-color: #FFBF00;
    }

.clip-radio.radio-danger input[type="radio"]:checked + label:before {
    background-color: #FF0040;
}



/*
 *   Buttons
 */


/*   Default button   */

.btn {
    background-color: #789185;
    border-color: #789185;
    color: #FFFFFF;
}
    .btn .caret {
        border-top-color: #FFFFFF;
    }
        .dropup .btn .caret {
            border-bottom: 4px solid #FFFFFF;
        }

    .btn.btn-o {
        background-color: transparent;
        border-color: #789185;
        color: #789185;
    }
        .btn.btn-o .caret {
            border-top-color: #789185;
        }
            .btn.btn-o:hover .caret,
            .btn.btn-o:focus .caret,
            .btn.btn-o.focus .caret {
                border-top-color: #FFFFFF;
            }

            .dropup .btn.btn-o .caret {
                border-bottom: 4px solid #789185;
            }
                .dropup .btn.btn-o:hover .caret,
                .dropup .btn.btn-o:focus .caret,
                .dropup .btn.btn-o.focus .caret {
                    border-bottom-color: #FFFFFF;
                }

    .btn:hover,
    .btn:focus,
    .btn.focus,
    .btn.btn-o:hover,
    .btn.btn-o:focus,
    .btn.btn-o.focus {
        background-color: #8FA399;
        border-color: #8FA399;
        color: #FFFFFF;
    }
        .btn:active,
        .btn.active,
        .btn.btn-o:active,
        .btn.btn-o.active,
        .open .btn.dropdown-toggle {
            background-color: #A5B6AD;
            border-color: #A5B6AD;
            color: #FFFFFF;
        }


/*   Primary button   */

.btn-primary {
    background-color: #00A854;
    border-color: #00A854;
    color: #FFFFFF;
}
    .btn-primary .caret {
        border-top-color: #FFFFFF;
    }
        .dropup .btn-primary .caret {
            border-bottom: 4px solid #FFFFFF;
        }

    .btn-primary.btn-o {
        background-color: transparent;
        border-color: #00A854;
        color: #00A854;
    }
        .btn-primary.btn-o .caret {
            border-top-color: #00A854;
        }
            .btn-primary.btn-o:hover .caret,
            .btn-primary.btn-o:focus .caret,
            .btn-primary.btn-o.focus .caret {
                border-top-color: #FFFFFF;
            }

            .dropup .btn-primary.btn-o .caret {
                border-bottom: 4px solid #00A854;
            }
                .dropup .btn-primary.btn-o:hover .caret,
                .dropup .btn-primary.btn-o:focus .caret,
                .dropup .btn-primary.btn-o.focus .caret {
                    border-bottom-color: #FFFFFF;
                }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary.btn-o:hover,
    .btn-primary.btn-o:focus,
    .btn-primary.btn-o.focus {
        background-color: #00C261;
        border-color: #00C261;
        color: #FFFFFF;
    }
        .btn-primary:active,
        .btn-primary.active,
        .btn-primary.btn-o:active,
        .btn-primary.btn-o.active,
        .open .btn-primary.dropdown-toggle {
            background-color: #00DB6E;
            border-color: #00DB6E;
            color: #FFFFFF;
        }


/*   Secondary button   */

.btn-secondary {
    background-color: #6699CC;
    border-color: #6699CC;
    color: #FFFFFF;
}
    .btn-secondary .caret {
        border-top-color: #FFFFFF;
    }
        .dropup .btn-secondary .caret {
            border-bottom: 4px solid #FFFFFF;
        }

    .btn-secondary.btn-o {
        background-color: transparent;
        border-color: #6699CC;
        color: #6699CC;
    }
        .btn-secondary.btn-o .caret {
            border-top-color: #6699CC;
        }
            .btn-secondary.btn-o:hover .caret,
            .btn-secondary.btn-o:focus .caret,
            .btn-secondary.btn-o.focus .caret {
                border-top-color: #FFFFFF;
            }

            .dropup .btn-secondary.btn-o .caret {
                border-bottom: 4px solid #6699CC;
            }
                .dropup .btn-secondary.btn-o:hover .caret,
                .dropup .btn-secondary.btn-o:focus .caret,
                .dropup .btn-secondary.btn-o.focus .caret {
                    border-bottom-color: #FFFFFF;
                }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary.focus,
    .btn-secondary.btn-o:hover,
    .btn-secondary.btn-o:focus,
    .btn-secondary.btn-o.focus {
        background-color: #7FB2E6;
        border-color: #7FB2E6;
        color: #FFFFFF;
    }
        .btn-secondary:active,
        .btn-secondary.active,
        .btn-secondary.btn-o:active,
        .btn-secondary.btn-o.active,
        .open .btn-secondary.dropdown-toggle {
            background-color: #99CCFF;
            border-color: #99CCFF;
            color: #FFFFFF;
        }


/*   Succes button   */

.btn-success {
    background-color: #00A854;
    border-color: #00A854;
    color: #FFFFFF;
}
    .btn-success .caret {
        border-top-color: #FFFFFF;
    }
        .dropup .btn-success .caret {
            border-bottom: 4px solid #FFFFFF;
        }

    .btn-success.btn-o {
        background-color: transparent;
        border-color: #00A854;
        color: #00A854;
    }
        .btn-success.btn-o .caret {
            border-top-color: #00A854;
        }
            .btn-success.btn-o:hover .caret,
            .btn-success.btn-o:focus .caret,
            .btn-success.btn-o.focus .caret {
                border-top-color: #FFFFFF;
            }

            .dropup .btn-success.btn-o .caret {
                border-bottom: 4px solid #00A854;
            }
                .dropup .btn-success.btn-o:hover .caret,
                .dropup .btn-success.btn-o:focus .caret,
                .dropup .btn-success.btn-o.focus .caret {
                    border-bottom-color: #FFFFFF;
                }

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success.btn-o:hover,
    .btn-success.btn-o:focus,
    .btn-success.btn-o.focus {
        background-color: #00C261;
        border-color: #00C261;
        color: #FFFFFF;
    }
        .btn-success:active,
        .btn-success.active,
        .btn-success.btn-o:active,
        .btn-success.btn-o.active,
        .open .btn-success.dropdown-toggle {
            background-color: #00DB6E;
            border-color: #00DB6E;
            color: #FFFFFF;
        }


/*   Info button   */

.btn-info {
    background-color: #6699CC;
    border-color: #6699CC;
    color: #FFFFFF;
}
    .btn-info .caret {
        border-top-color: #FFFFFF;
    }
        .dropup .btn-info .caret {
            border-bottom: 4px solid #FFFFFF;
        }

    .btn-info.btn-o {
        background-color: transparent;
        border-color: #6699CC;
        color: #6699CC;
    }
        .btn-info.btn-o .caret {
            border-top-color: #6699CC;
        }
            .btn-info.btn-o:hover .caret,
            .btn-info.btn-o:focus .caret,
            .btn-info.btn-o.focus .caret {
                border-top-color: #FFFFFF;
            }

            .dropup .btn-info.btn-o .caret {
                border-bottom: 4px solid #6699CC;
            }
                .dropup .btn-info.btn-o:hover .caret,
                .dropup .btn-info.btn-o:focus .caret,
                .dropup .btn-info.btn-o.focus .caret {
                    border-bottom-color: #FFFFFF;
                }

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info.btn-o:hover,
    .btn-info.btn-o:focus,
    .btn-info.btn-o.focus {
        background-color: #7FB2E6;
        border-color: #7FB2E6;
        color: #FFFFFF;
    }
        .btn-info:active,
        .btn-info.active,
        .btn-info.btn-o:active,
        .btn-info.btn-o.active,
        .open .btn-info.dropdown-toggle {
            background-color: #99CCFF;
            border-color: #99CCFF;
            color: #FFFFFF;
        }


/*   Warning button   */

.btn-warning {
    background-color: #FFBF00;
    border-width: 2px;
    border-color: #000000;
    color: #000000;
    font-weight: 700;
}
    .btn-warning .caret {
        border-top-color: #000000;
    }
        .dropup .btn-warning .caret {
            border-bottom: 4px solid #000000;
        }

    .btn-warning.btn-o {
        background-color: transparent;
        border-width: 1px;
        border-color: #BD8E00;
        color: #BD8E00;
        font-weight: 400;
    }
        .btn-warning.btn-o .caret {
            border-top-color: #BD8E00;
        }
            .btn-warning.btn-o:hover .caret,
            .btn-warning.btn-o:focus .caret,
            .btn-warning.btn-o.focus .caret {
                border-top-color: #000000;
            }

            .dropup .btn-warning.btn-o .caret {
                border-bottom: 4px solid #BD8E00;
            }
                .dropup .btn-warning.btn-o:hover .caret,
                .dropup .btn-warning.btn-o:focus .caret,
                .dropup .btn-warning.btn-o.focus .caret {
                    border-bottom-color: #000000;
                }

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning.btn-o:hover,
    .btn-warning.btn-o:focus,
    .btn-warning.btn-o.focus {
        background-color: #FFD500;
        border-color: #000000;
        color: #000000;
    }
        .btn-warning:active,
        .btn-warning.active,
        .btn-warning.btn-o:active,
        .btn-warning.btn-o.active,
        .open .btn-warning.dropdown-toggle {
            background-color: #FFEA00;
            border-color: #000000;
            color: #000000;
        }


/*   Danger button   */

.btn-danger {
    background-color: #FF0040;
    border-width: 2px;
    border-color: #FF0040;
    color: #FFFFFF;
    font-weight: 700;
}
    .btn-danger .caret {
        border-top-color: #FFFFFF;
    }
        .dropup .btn-danger .caret {
            border-bottom: 4px solid #FFFFFF;
        }

    .btn-danger.btn-o {
        background-color: transparent;
        border-width: 1px;
        border-color: #FF0040;
        color: #FF0040;
        font-weight: 400;
    }

    .btn-danger.btn.sm {
        border-width: 0;
        font-weight: 200;
    }
        .btn-danger.btn-o .caret {
            border-top-color: #FF0040;
        }
            .btn-danger.btn-o:hover .caret,
            .btn-danger.btn-o:focus .caret,
            .btn-danger.btn-o.focus .caret {
                border-top-color: #FFFFFF;
            }

            .dropup .btn-danger.btn-o .caret {
                border-bottom: 4px solid #FF0040;
            }
                .dropup .btn-danger.btn-o:hover .caret,
                .dropup .btn-danger.btn-o:focus .caret,
                .dropup .btn-danger.btn-o.focus .caret {
                    border-bottom-color: #FFFFFF;
                }

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger.btn-o:hover,
    .btn-danger.btn-o:focus,
    .btn-danger.btn-o.focus {
        background-color: #FF475F;
        border-color: #FFFFFF;
        color: #FFFFFF;
    }
        .btn-danger:active,
        .btn-danger.active,
        .btn-danger.btn-o:active,
        .btn-danger.btn-o.active,
        .open .btn-danger.dropdown-toggle {
            background-color: #FF6673;
            border-color: #FFFFFF;
            color: #FFFFFF;
        }

    .btn-group .btn-danger {
        border-color: #FF0040;
        border-width: 1px;
    }
        .btn-group .btn-danger:hover,
        .btn-group .btn-danger:focus,
        .btn-group .btn-danger.focus,
        .btn-group .btn-danger.btn-o:hover,
        .btn-group .btn-danger.btn-o:focus,
        .btn-group .btn-danger.btn-o.focus {
            border-color: #FF475F;
        }
            .btn-group .btn-danger:active,
            .btn-group .btn-danger.active,
            .btn-group .btn-danger.btn-o:active,
            .btn-group .btn-danger.btn-o.active,
            .btn-group .open .btn-danger.dropdown-toggle {
                border-color: #FF6673;
            }


/*   Outline button style   */

.button-o {
    background-color: transparent;
}


/*   Button groups   */

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    border-left-color: rgba(255, 255, 255, 0.5);
}
    .btn-group .btn-warning + .btn-warning {
        border-left-color: transparent;
    }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    border-top-color: rgba(255, 255, 255, 0.5);
}


/*   Buttons in disabled state   */

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled:active,
.btn.disabled.active,
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled]:active,
.btn[disabled].active,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn.active {
    background-color: transparent;
    border-width: 1px;
    border-color: #A5B6AD;
    color: #A5B6AD;
    font-weight: 400;
}
    .btn.disabled .caret,
    .btn.disabled:hover .caret,
    .btn.disabled:focus .caret,
    .btn.disabled:active .caret,
    .btn.disabled.active .caret,
    .btn[disabled] .caret,
    .btn[disabled]:hover .caret,
    .btn[disabled]:focus .caret,
    .btn[disabled]:active .caret,
    .btn[disabled].active .caret,
    fieldset[disabled] .btn .caret,
    fieldset[disabled] .btn:hover .caret,
    fieldset[disabled] .btn:focus .caret,
    fieldset[disabled] .btn:active .caret,
    fieldset[disabled] .btn.active .caret {
        border-top-color: #A5B6AD;
    }



/*
 *   Tables
 */

.table {
  border-collapse: separate;
}

.table > thead > tr > th {
  border-top: none;
}

.table-bordered.table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}

.table-panel {
    background-color: #FFFFFF;
    border: 1px solid #E9EDEB;
}

td {
    border-bottom: 1px solid #edf5f2;
    color: #232524;
    border-top: none;
}

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

.table > tbody > tr.active > td, .table > tbody > tr.active > th {
  background-color: #e7e7e9 !important;
  color: #5b5b60 !important;
}

.table > tbody > tr.active:hover > td, .table > tbody > tr.active:hover > th {
  background-color: #dddcdf !important;
  color: #5b5b60 !important;
}

.table thead tr {
  color: #707070;
}

.table.table-bordered {
  border-right: none;
  border-bottom: none;
}

.table.table-bordered > thead > tr > th,
.table.table-bordered > tbody > tr > th,
.table.table-bordered > tfoot > tr > th,
.table.table-bordered > thead > tr > td,
.table.table-bordered > tbody > tr > td,
.table.table-bordered > tfoot > tr > td {
  border-top: none;
  border-left: none;
}

.table-striped > tbody > tr:nth-child(2n+1) {
  background-color: #f5fcfa;
}

.editable-element {
  border-bottom: 1px dashed #0088CC;
}

.odd {
  background-color: #f5fcfa;
}

.even {
  background-color: #ffffff;
}

/*   Multi-row selection indicators   */
.selected-row {
    background-color: #6699CC !important;
    color: #FFFFFF !important;
}
    .selected-row td {
        color: #D1E0F0 !important;
        border-color: #75A3D1 !important;
    }
        .selected-row .text-muted {
            color: #A3C2E0 !important;
        }

        .selected-row td > a,
        .selected-row .dropdown-toggle {
            color: #FFFFFF !important;
        }

        .selected-row .mini-bar {
            border-color: #C2D6EB !important;
        }
            .selected-row .mini-bar-value {
                background-color: #A3C2E0 !important;
            }

            .selected-row .mini-bar-full {
                background-color: #C2D6EB !important;
            }

        .selected-row .progress-bar {
            background-color: #85ADD6 !important;
            color: #D1E0F0 !important;
        }
            .selected-row .progress-bar-traffic {
                background-color: #B3CCE6 !important;
            }

        .selected-row .label,
        .selected-row .badge,
        .selected-row .progress-bar-success,
        .selected-row .dropdown-toggle:hover,
        .selected-row .dropdown-toggle:focus {
            background-color: #E0EBF5 !important;
            color: #6699CC !important;
        }



/*
 *   Modals
 */

.modal-backdrop {
  background-color: #000;
}

.modal-content {
  background-color: #e8e8e8;
  box-shadow: none;
}

.modal-footer,
.modal-header {
  border-color: #b5b5b5;
}



/*
 *   Page Title
 */

#page-title {
  border-bottom: 1px solid #eee;
}

#page-title h1 {
  color: #232524;
}

#page-title .mainDescription,
#page-title .main-description {
  color: #568F7C;
}

#page-title .breadcrumb {
  background-color: transparent !important;
}



/*
 *   Datepicker
 */

.picker__box {
  border-color: #ffffff !important;
}

.picker__nav--prev:before,
.picker__nav--next:before {
  border-style: none !important;
}

.picker__button--clear:before {
  border-style: none !important;
}

.picker__weekday {
  color: #006BD6 !important;
}

[date-picker] th {
  color: #006BD6;
}

[date-picker] .switch {
  color: #5b5b60;
}

[date-picker] .active, [date-picker] .now {
  background-color: #006BD6 !important;
  background-image: none !important;
  border-style: none !important;
  text-shadow: none !important;
  color: #ffffff !important;
}

[date-picker] .now {
  background-color: #ffffff !important;
  color: #006BD6 !important;
}

[date-picker] .active:hover,
[date-picker] .now:hover,
[date-picker] .active:active,
[date-picker] .now:active,
[date-picker] .active.active,
[date-picker] .now.active,
[date-picker] .active.disabled,
[date-picker] .now.disabled,
[date-picker] .active[disabled],
[date-picker] .now[disabled] {
  color: #ffffff !important;
  background-color: #006BD6 !important;
}

[date-picker] .disabled {
  color: #c2c2c5 !important;
}

[date-picker] .disabled.active,
[date-picker] .disabled.now {
  color: #ffffff !important;
}



/*
 *   Form Wizard
 */

.swMain .anchor a:before {
    border-top: 4px solid #D0D6D3;
}
    .swMain .anchor .selected:before,
    .swMain .anchor .done:before {
        border-color: #00A854;
    }
        .swMain .anchor .stepNumber {
            background-color: #FFFFFF;
            border: 5px solid #D0D6D3;
            color: #546474;
        }
            .swMain .anchor .selected .stepNumber {
                border-color: #00A854;
            }
                .swMain .anchor .selected .stepNumber:hover,
                .swMain .anchor .selected .stepNumber:focus {
                    border-color: #00C261;
                }
                    .swMain .anchor .selected .stepNumber:active {
                        border-color: #00DB6E;
                    }

            .swMain .anchor .done .stepNumber,
            .swMain .anchor li:last-child > a.selected .stepNumber {
                border-color: #00A854;
                background-color: #00A854;
                color: #FFFFFF;
            }
                .swMain .anchor .done .stepNumber:hover,
                .swMain .anchor .done .stepNumber:focus {
                    background-color: #00C261;
                    border-color: #00C261;
                }
                    .swMain .anchor .done .stepNumber:active {
                        background-color: #00DB6E;
                        border-color: #00DB6E;
                    }

            .swMain .anchor .done.wait .stepNumber {
                background-color: #F4F6F5;
                color: #D0D6D3;
            }

        .swMain .anchor .stepDesc {
            color: #868D8A;
        }
            .swMain .anchor .selected .stepDesc,
            .swMain .anchor .done .stepDesc {
                color: #232524;
            }



/*
 *   Pages
 */

.page-title {
    background-color: #E9EDEB;
}


















/*
 *
 *   4. Components (Non-reusable UI elements)
 *
 * * */

/*
 *   Topbar Navigation
 */

.navbar-header {
    background-color: #FFFFFF;
}
    .menu-toggler {
        background-color: #D2D6DA;
    }

    .sidebar-toggler {
        color: #B1B9B5;
    }
        .sidebar-toggler:hover,
        .sidebar-toggler:focus {
            color: #8C9791;
        }
            .sidebar-toggler:active {
                color: #74817A;
            }

    .sidebar-mobile-toggler {
        /*color: #B1B9B5;*/
        color: #FFFFFF;
        /*background-color: #6085A9;*/
        background-color: #005E9B;
    }
        .sidebar-mobile-toggler:hover,
        .sidebar-mobile-toggler:focus {
            /*color: #8C9791;*/
            color: #FFFFFF;
            /*background-color: #94A6B8;*/
        }
            .sidebar-mobile-toggler:active {
                /*color: #74817A;*/
                color: #FFFFFF;
                /*background-color: #A2B8CD;*/
            }


    .navbar {
        border-bottom: 1px solid #E9EDEB;
    }
        /*.navbar .close-handle {
            background-color: #ffffff;
        }
            .navbar .close-handle .arrow-left,
            .navbar .close-handle .arrow-right {
              background-color: #BCC2C8;
            }*/

        .navbar-collapse {
            background-color: #F4F6F5;
        }

    .navbar-default .navbar-nav > li > a {
        color: #789185;
    }
        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > .active > a:hover {
            background-color: #FFFFFF;
            color: #232524;
        }

    @media (max-width: 991px) {

        /*.navbar-header {
            border-bottom: 1px solid #E9EDEB;
        }*/

        .navbar-collapse {
            background-color: #FFFFFF;
            border-bottom: 1px solid #E9EDEB;
        }
    }



/*
 *   Sidebar
 */

.sidebar,
.sidebar:before {
    background-color: #DDE0E3;
}
    .sidebar a {
        color: #004285;
    }
        .sidebar a:hover,
        .sidebar a:focus {
            color: #006BD6;
        }
            .sidebar a:active {
                color: #2994FF;
            }


    /*   Sidebar main navigation menu   */

    .sidebar .item-content {
        color: #6E7A87;
    }
        /*.item-content .item-inner {
            border-style: none;
        }*/

        .sidebar .item-inner {
            text-transform: uppercase;
            color: #6E7A87 !important;
            border-style: none;
        }
            .sidebar .item-inner i {
                color: #B0B8BF;
            }

    .main-navigation-menu > li {
        border-bottom-style: solid;
        border-width: 1px;
        border-color: #D2D6DA;
    }

        .main-navigation-menu li.hover,
        .main-navigation-menu li:hover,
        .main-navigation-menu li:focus,
        .main-navigation-menu .sub-menu .active a {
            background-color: #E9EBED;
        }
            .main-navigation-menu .sub-menu a.hover,
            .main-navigation-menu .sub-menu a:hover,
            .main-navigation-menu .sub-menu a:focus {
                background-color: #F4F5F6;
            }
                .main-navigation-menu .active > a {
                    font-weight: 700;
                }
                    .main-navigation-menu .sub-menu a:active,
                    .main-navigation-menu li.hover .sub-menu .active a,
                    .main-navigation-menu li:hover .sub-menu .active a,
                    .main-navigation-menu li:focus .sub-menu .active a,
                    .main-navigation-menu li .sub-menu .active a:hover,
                    .main-navigation-menu li .sub-menu .active a:focus,
                    .main-navigation-menu li .sub-menu .active a:active {
                        background-color: #FFFFFF;
                    }


    /*   Sidebar info panel   */

    .navbar-info {
        background-color: #D2D6DA;
    }
        .navbar-info a {
            color: #004285;
        }
            .navbar-info a:hover,
            .navbar-info a:focus {
                color: #006BD6;
                background-color: #DDE0E3;
            }
                .navbar-info a:active {
                    color: #2994FF;
                    background-color: #E9EBED;
                }


    /*   Sidebar closed state (manual toggle)   */

    .app-sidebar-closed .item-inner,
    .app-sidebar-closed .sub-menu {
        background-color: #FFFFFF;
        border-width: 1px;
        border-color: #E9EDEB;
    }
        .app-sidebar-closed .item-inner {
            border-style: solid solid solid none;
        }

        .app-sidebar-closed .sub-menu {
            border-style: none solid solid none;
        }
            .app-sidebar-closed .sub-menu a:hover,
            .app-sidebar-closed .sub-menu a:focus {
                background-color: #E9EBED;
            }

        @media (min-width: 992px) {

            .app-sidebar-closed .app-aside > .item-inner:after {
                border-bottom: 12px solid transparent;
                border-left: 12px solid #E9EBED;
                border-top: 12px solid transparent;
            }

            .app-sidebar-closed #sidebar > div nav > ul > li.open {
                background: inherit;
            }

            .app-sidebar-closed #sidebar > div nav > ul > li.hover {
                background-color: #E9EBED;
            }

            .app-sidebar-closed #sidebar > div nav > ul > li.active:before {
                border-right: none !important;
            }

            .app-sidebar-closed #sidebar > div nav > ul > li.active:after {
                border-right: none !important;
            }

            .app-sidebar-closed #sidebar > div nav > ul > li.active:hover:after {
                border-left-color: #BCC2C8;
            }

            .app-sidebar-closed #sidebar > div nav > ul > li > a .item-inner {
                border-bottom: none !important;
                background-color: #efeff0;
            }

            .app-sidebar-closed #sidebar > div nav > ul > li > a .item-inner .title {
                color: #aeacb4 !important;
            }

            .app-sidebar-closed #sidebar .navbar-form a {
              color: #aeacb4;
            }

            .app-sidebar-closed #sidebar .navbar-form .form-group {
                border-bottom: 1px solid #BCC2C8;
                border-right: 1px solid #BCC2C8;
                border-top: 1px solid #BCC2C8;
                background-color: #e2e2e4;
            }

            .app-sidebar-closed #sidebar .navbar-form .form-group input {
                background: rgba(255, 255, 255, 0.3);
            }
        }



/*
 *   Footer
 */

footer {
    background-color: #E9EDEB;
    color: #526F61;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
    footer a {
        color: #3B4F45;
    }
        footer a:hover,
        footer a:focus,
        footer a:active {
            color: #161D1A;
        }

/*
 *   Charts
 */

.chart-bar {
    background-color: #52cc52;
    color: #ffffff;
}

.chart-line {
    background-color: #e6e6e6;
    color: #999999;
}

/* Currently not in use except in prototype views */
.chart-uniques {
    background-color: #3d993d;
    color: #ffffff;
}

/*
 *   Settings: Campaigns
 */

.redDay {
    color: #CA4444;
}

.timepicker {
    border-top: 1px solid rgba(0,0,0,0.07);
}

.plug-preview {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
}
    .plug-preview:hover,
    .plug-preview:focus {
        opacity: 0.5;
    }

    .plug-preview-thumbnail {
        background-color: #333333;
    }
        .plug-preview-thumbnail-title {
            background-color: #000000;
            background-color: rgba(0,0,0,0.6);
            color: #ffffff;
        }

/*
 *   Index: media
 */

@media (max-width: 991px) {

    /*.table-sm-card .table-media tbody .column-title a {
        background-color: #000;
        background-color: rgba(0,0,0,0.5);
        color: #fff;
    }*/

    .table-sm-card .table-media tbody .action .dropdown-toggle,
    .table-sm-card .table-media tbody .column-action .dropdown-toggle {
        background-color: #000;
        background-color: rgba(0,0,0,0.5);
        color: #fff;
    }
        .table-sm-card .table-media tbody .action .dropdown-toggle:hover,
        .table-sm-card .table-media tbody .action .dropdown-toggle:focus,
        .table-sm-card .table-media tbody .column-action .dropdown-toggle:hover,
        .table-sm-card .table-media tbody .column-action .dropdown-toggle:focus {
            background-color: #fff;
            background-color: rgba(255,255,255,0.5);
            color: #000;
        }

    .table-sm-card .table-media tbody .column-impressions,
    .table-sm-card .table-media tbody .column-clicks,
    .table-sm-card .table-media tbody .column-ctr {
        background-color: #000;
        background-color: rgba(0,0,0,0.5);
        color: #fff !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    /*.table-md-card .table-media tbody .column-title a {
        background-color: #000;
        background-color: rgba(0,0,0,0.5);
        color: #fff;
    }*/

    .table-md-card .table-media tbody .action .dropdown-toggle,
    .table-md-card .table-media tbody .column-action .dropdown-toggle {
        background-color: #000;
        background-color: rgba(0,0,0,0.5);
        color: #fff;
    }
        .table-md-card .table-media tbody .action .dropdown-toggle:hover,
        .table-md-card .table-media tbody .action .dropdown-toggle:focus,
        .table-md-card .table-media tbody .column-action .dropdown-toggle:hover,
        .table-md-card .table-media tbody .column-action .dropdown-toggle:focus {
            background-color: #fff;
            background-color: rgba(255,255,255,0.5);
            color: #000;
        }

    .table-md-card .table-media tbody .column-impressions,
    .table-md-card .table-media tbody .column-clicks,
    .table-md-card .table-media tbody .column-ctr {
        background-color: #000;
        background-color: rgba(0,0,0,0.5);
        color: #fff !important;
    }
}



/*
 * Settings: Banners
 */

.bannersize > div {
    background-color: #D2D6DA;
    border-style: solid;
    border-width: 1px;
    border-color: #d0d4d6;
}
































/*
 *
 *   5. Trumps (Vendor styling overrides)
 *
 * * */

/* Input fields don't really need to scream at users when nothing is wrong. */
.has-success .form-control {
    border-color: #BCC2C8;
}

.dropdown-menu.dropdown-light li.active a,
.dropdown-light .active i {
    color: #FFFFFF;
}

/* Override bootstrap's ugly grey modals */
 .modal-content {
    background-color: #FFFFFF;
}

/* Override bootstrap default styling (WTF!) */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #FFFFFF;
}

.navbar-default .navbar-nav > .active > a {
    /*background-color: #D9E0DD;*/
    background-color: #F4F6F5;
}

.nav-tabs {
    border-style: none;
}

label,
.panel {
    color: #223F35;
}

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"],
select.form-control {
    color: #223F35;
    border-color: #dae0de;
}


.site-formats .column-description,
.gauge .rate,
.text-muted {
    color: #789185;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #E9EDEB;
}



/*
 * pr.css
 */

/*.assigner-slot {
    background-color: #E9EDEB;
}*/

.tooltip-inner {
    color: #FFFFFF;
    background-color: #313332;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #313332;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #313332;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #313332;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #313332;
}


dt {
    color: #5b5b60;
}

.main-icon,
.secondary-icon {
    color: #ffffff;
}
    .main-icon {
        background-color: #00A854;
    }

    .secondary-icon {
        background-color: #c6ccca;
    }

.list-pool {
    background-color: #f5fcfa;
}



.alert-item + .alert-item {
    border-top-color: #faebcc;
}

.table>thead>tr>th.date,
.table>tbody>tr>th.date,
.table>tfoot>tr>th.date,
.table>thead>tr>td.date,
.table>tbody>tr>td.date,
.table>tfoot>tr>td.date {
    border-left-color: rgba(0, 0, 0, 0.07);
}

.table-thumbnail {
    border-right-color: #e2e2e4;
    background-color: #fff;
}
th.table-thumbnail {
    background-color: transparent;
    border-right-color: transparent;
}
    .table-thumbnail-viewer {
        -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
        box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
        background-color: #ffffff; /* fallback when rgba is unsupported */
        background-color: rgba(255,255,255,0.9);
    }
        .table-thumbnail img {
            border-color: #e2e2e4;
        }

    .plug-title,
    .plug-description {
        background-color: #000000;
        background-color: rgba(0,0,0,0.75);
    }
        .plug-title {
            color: #ffffff;
        }

        .plug-description {
            color: #cccccc;
        }




/* common styling of action columns */
td.action,
td.column-action {
    border-left-color: rgba(0, 0, 0, 0.07);
}
    .action .dropdown-toggle,
    .column-action .dropdown-toggle,
    .action-direct {
        background-color: transparent;
        color: #006BD6;
    }
        /* button hover/focus effect */
        .action .dropdown-toggle:hover,
        .action .dropdown-toggle:focus,
        .column-action .dropdown-toggle:hover,
        .column-action .dropdown-toggle:focus,
        .action-direct:hover,
        .action-direct:focus {
            background-color: #006BD6;
            color: #FFFFFF;
        }

        .action .dropdown-toggle-hover-transparent:hover {
            background-color: transparent;
        }

 /* warning style for single-purpose, non-reversible actions (deletion/removal) */
.action-remove {
    color: #d43f3a;
}
    .action-remove:hover,
    .action-remove:focus {
        background-color: #d43f3a;
        color: #FFFFFF;
    }

.action-resolve {
    color: #3c763d;
}

    .action-resolve:hover, .action-resolve:focus {
        background-color: #3c763d;
        color: #FFFFFF;
    }

.ribbon {
    background-color: #F2FAF7;
    border-bottom: 1px solid #E9EDEB;
}
    .dashboard .ribbon {
        background-color: #E9EDEB;
    }

.ribbon > * {
    /*border-color: rgba(0, 0, 0, 0.07);*/
    border-color: #EEEEEE;
    border-width: 1px;
}
    .ribbon > *:hover,
    .ribbon > *:focus {
        background-color: #FFFFFF;
    }
        .ribbon .active i {
            color: #5b5b60;
        }

    .ribbon .heading {
        color: #8e8e93;
    }
        .ribbon .active .heading {
            color: #5b5b60;
        }

    .ribbon .description {
        color: #8e8e93;
    }

    @media (max-width: 300px) {

        /* list style of ribbon elements in single column mode */
        .ribbon .heading {
            color: #007AFF;
        }
    }


.dashboard {
    background-color: #E9EDEB;
}
    .gauge {
        color: #7E8682;
    }
        .gauge:hover,
        .gauge:focus {
            color: #484C4A;
        }

        .gauge + .gauge {
            /*border-left-color: #D9E0DD;*/
            border-left-color: #F4F6F5;
        }

        .gauge:hover {
            background-color: #e9f0ed;
            /*color: #636966;*/
        }

        .gauge-status {
            background-color: #D0D6D3;
            color: #ffffff;
        }

        .gauge-value {
            border-bottom-color: #D0D6D3;
        }

        /*.gauge-value,
        .gauge-label {
            color: #7E8682;
        }
            .gauge:hover .gauge-value,
            .gauge:hover .gauge-label {
                color: #484C4A;
            }*/


        .gauge-name {
            color: #28774F;
            font-weight: 700;
        }
            .gauge:hover .gauge-name,
            .gauge:focus .gauge-name {
                color: #1C5438;
            }

.dropdown-menu i {
    color: #5b5b60;
}

.availability-message h2 {
    border-bottom-color: #cc6666;
}

.unverified .availability-message h2 {
    border-bottom-color: #FFBF00;
}

.availability-message i {
    background-color: #c6ccca;
    color: #fff;
}

.mini-bar {
    border-bottom-color: #5C6670;
}
    .mini-bar-value {
        background-color: #8F99A3;
    }
        .mini-bar:hover .mini-bar-value {
            background-color: #313332;
        }

    .mini-bar-full {
        background-color: #5C6670; /* Subtle highlight of bars where every option is selected */
    }

    .mini-bar-empty {
        background-color: #D9DDE0; /* Subtle highlight of bars where method is unavailable or 0 options are selected */
    }

.targeting-summary-dropdown.dropdown-menu.dropdown-dark {
    background-color: #313332;
    color: #BCC2C1;
}
    .targeting-summary-option-label {
        /*color: #cc9933;*/
        color: #ffffff;
    }


.dataTables_length label {
    color: #59A189;
}

.sorting .sort-indicator:after {
    color: #EBEBEB;
}

.sorting_desc .sort-indicator:after {
    color: #006BD6;
}

.sorting_asc .sort-indicator:after {
    color: #006BD6;
}

/* styling of integration libarary code snippet */
.code-snippet,
.code-snippet[readonly],
.code-snippet[disabled],
input[type="text"].code-snippet {
    background-color: #F2F8F5;
    color: #6085A9;
    border-style: none none none solid;
    border-left-color: #E4F1EB;
    border-left-width: 15px;
}
    .code-snippet:hover,
    input[type="text"].code-snippet:hover {
        border-left-color: #D7EAE0;
    }
        .code-snippet:focus,
        input[type="text"].code-snippet:focus {
            border-left-color: #CAE2D6;
        }
    .warning .code-snippet {
        background-color: #FFD966;
        border-left-color: #FFCF3D;
        color: #65707B;
    }
    /*.code-snippet::selection,
    .code-snippet::-moz-selection {
        background-color: #00A854;
        color: #232524;
    }*/

/* Browse stored images */
.img-gallery {
    border-color: #D9D9D9;
    background-color: #f4f4f4;
}
    .selected-image {
        background-color: #0088cc;
    }

.img-preview > img {
    border-color: #eee;
    background-color: #fff;
}

.striped > *:nth-child(even) {
    border-color: #f6f6f6;
    background-color: #fcfcfc;
}