/* FAKE PASSWORD BOXES */

@font-face {
    font-family: 'dotsfont';
    src: url('../fonts/dotfont/dotsfont.eot');
    src: url('../fonts/dotfont/dotsfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dotfont/dotsfont.woff') format('woff'), url('../fonts/dotfont/dotsfont.ttf') format('truetype');
}

input.password {
    font-family: 'dotsfont';
    font-size: 10px;
    padding: 14px 10px;
}

/* SUMO SELECT */

.SumoSelect .optWrapper.selall.multiple {
    z-index: 9999;
}

/* TOP NAVIGATION */

.navbar__menu {
    margin-left: 10px;
}

@media (max-width: 767px) {
    li#dashboard {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


@media (min-width: 768px) {
    .navbar-dropdown-user-content {
        min-width: 350px;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-search {
        margin-right: 20px;
        width: 350px;
    }
}

.navbar .navbar-search .input-group {
    max-width: initial;
    width: 350px;
}

@media (max-width: 991px) {
    .navbar .navbar-search {
        padding: 0;
    }

    .navbar .navbar-search .input-group {
        min-width: 100%;
    }
}

.navbar .navbar-search .input-group form {
    width: 100%;
}

.navbar .dropdown-toggle,
.navbar .dropdown-menu a {
    cursor: pointer;
    padding-right: 26px;
}

.navbar-dropdown-toggle__user {
    padding-right: 0 !important;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

ul.dropdown-menu.show .dropdown-item {
    display: block;
}

li.dropdown-item.dropdown > a.dropdown-toggle.child:after {
    content: ' \25B7';
    transform: none !important;
    position: absolute;
    right: 8px;
    top: 13px;
}

li.dropdown-item.dropdown.show > a.dropdown-toggle.child:after {
    content: ' \25B6';
}

ul.dropdown-menu hr {
    margin-top: 7px;
    margin-bottom: 7px;
}

.last-login {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    float: right;
    color: #999;
}

a.text-hover-white span:hover {
    color: #fff !important;
}

@media only screen and (max-width: 991px) {
    .navbar .dropdown-menu {
        width: 100%;
    }
}

/* SIDEBAR NAVIGATION */

.sidebar-section__separator {
    margin-top: 42px;
    margin-left: 13px;
}

.sidebar-section .campaign-selector {
    padding: 2px 0 10px 0;
}

.sidebar-section .campaign-selector .sidebar-section-nav {
    padding: 0 13px 0 13px;
}

.sidebar-section-subnav__item a.is-active {
    color: #ffc107;
}

.sidebar-section-subnav__item:last-of-type {
    margin-bottom: 10px;
}

.sidebar-section-subnav__link {
    padding-left: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: nowrap;
    display: block;
}

.sidebar-section-subnav__link img {
    vertical-align: top;
    padding-top: 5px;
}

.sidebar-section-subnav__link span {
    display: inline-block;
    white-space: normal;
    word-break: break-word;
}

.sidebar-section-nav__item-icon.ua-icon {
    margin-left: 4px;
    margin-right: 16px;
}

.sidebar-section-nav__item-icon.notstarted {
    color: #82c250 !important;
}

.sidebar-section-nav__item-icon.sendingemails {
    color: #eb3b48 !important;
}

.sidebar-section-nav__item-icon.recordingstatistics {
    color: #ffc107 !important;
}

.sidebar-section-nav__item-icon.completed {
    color: #191970 !important;
}

.sidebar-section-nav__item-icon.stopped {
    color: #ff5720 !important;
}

.sidebar-section-nav__item-icon.archived {
    color: #4F4A4A !important;
}

.sidebar-section-nav__link {
    padding-left: 12px;
    padding-right: 12px;
}

.sidebar-section-nav__link-dropdown:after {
    right: 12px;
}

.global-settings ul.navbar-nav hr {
    display: none;
}

.campaign-buttons {
    padding: 34px 13px 24px 13px;
}

/* STATS BOX */

.stats-box {
    box-shadow: 0 4px 6px #EAEAEA;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

.stats-box:hover {
    box-shadow: 0 1px 2px #EAEAEA;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.2s ease-in-out;
}

/* DATA TABLES */

.stats-box .m-datatable {
    padding: 20px;
}

.table-container.scrollable .dataTables_wrapper {
    width: 98%;
    margin-bottom: 20px;
}

.dataTables_wrapper .table {
    width: 100% !important;
}

.dataTables_wrapper .ua-icon-info,
.dataTables_wrapper .ua-icon-addon {
    cursor: pointer;
}

.dataTables_wrapper.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.dataTables_wrapper .form-control {
    border-color: #e9ecef !important;
    background-color: #fff !important;
}

.dataTables_wrapper input[type=search] {
    width: 240px !important;
}

.dataTables_wrapper .dataTables_processing {
    border: 10px solid #e9ecef;
}

.dataTables_wrapper th {
    background-color: #6c757d !important;
    color: #fff !important;
    padding: 8px 22px 8px 4px !important;
}

.dataTables_wrapper th.sorting:before,
.dataTables_wrapper th.sorting:after,
.dataTables_wrapper th.sorting_asc:before,
.dataTables_wrapper th.sorting_asc:after,
.dataTables_wrapper th.sorting_desc:before,
.dataTables_wrapper th.sorting_desc:after {
    font-size: 14px !important;
    bottom: 9px !important;
}

.dataTables_wrapper td {
    padding: 6px 4px !important;
    font-size: 12px !important;
}

/* CAMPAIGN LINK TRACKING */

#table-link-tracking-html td .form-control,
#table-link-tracking-text td .form-control {
    width: 140px;
}

#table-link-tracking-html td:first-child, #table-link-tracking-text td:first-child {
    width: 70% !important;
    word-break: break-word;
}

/* ACTIVITY REPORT */

#table-activity-report-detail td[data-toggle="details"] {
    background: url('../img/_custom/details_open.png') no-repeat center center;
    cursor: pointer;
}

#table-activity-report-detail tr.shown td[data-toggle="details"] {
    background: url('../img/_custom/details_close.png') no-repeat center center;
    cursor: pointer;
}

/* TABS */

.tabs-alpha__tab-content {
    border-top: 1px solid #d3d9dd;
}

.main-container .tab-pane {
    background-color: #fff;
    border-bottom: solid 1px #d3d9dd;
    border-left: solid 1px #d3d9dd;
    border-right: solid 1px #d3d9dd;
    box-shadow: 0 4px 6px #EAEAEA;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    padding: 20px;
}

.tabs-alpha.main-container {
    padding-top: 4px;
    background-color: #ebf2f6;
}

.tabs-alpha__nav-tabs .nav-link {
    font-weight: 600;
}


@media (max-width: 767px) {
    .tabs-alpha__nav-tabs .nav-link {
        padding: 7px 11px;
    }
}

.tabs-alpha__nav-tabs .nav-link:hover {
    background-color: #fff !important;
    color: #0094f2 !important;
}

/* WIDGET */

@media (max-width: 1279px) {
    .widget-alpha__icon {
        font-size: 32px;
        line-height: 32px;
        height: 32px;
    }
}

/* COLORS */

.color-orange {
    color: #ff5720;
}

.color-black {
    color: #000;
}

.color-yellow {
    color: #ffd875;
}

.color-purple {
    color: #ad7cf9;
}

.color-cyan {
    color: #17a2b8;
}

.color-pink {
    color: #e83e8c;
}

.color-teal {
    color: #20c997;
}

.color-red {
    color: #a52a2a;
}

.color-blue {
    color: #66CCFF;
}

/* CHART */

/* MODAL */

/* TABLES */

.table.table-no-border {
    border: 0;
}

table.table-sm td, table.table-sm th {
    padding: 4px 6px;
    font-size: 13px;
}

#table-activity-report-detail-breakdown th {
    background-color: #f8f9fa !important;
    color: #666 !important;
    padding: 11px 32px 11px 6px !important;
    font-weight: normal;
}

/* CIRCLE PROGRESS */

.statistic-widget-f__chart-text {
    font-size: 26px;
}

/* COMPANY USERS */

table#company-users th {
    font-weight: 600;
}

table#company-users th,
table#company-users td {
    padding: 6px;
}

table#company-users .input-group {
    margin-bottom: 0;
}

#company-form .badge {
    padding: 1px 9px;
}

/* TINYMCE */

.tox-form__grid.tox-form__grid--3col .tox-form__group:last-child {
    text-align: right;
}

.tox-button {
    padding: 0 12px !important;
}

/* PROGRESS BAR */

.progress-xl {
    height: 3em;
}

/* CONTAINERS */

.view-container.notstarted {
    opacity: 0.3;
}

.view-container,
.edit-container {
    width: 100%;
}

.edit-container.sendingemails,
.edit-container.recordingstatistics,
.edit-container.completed,
.edit-container.stopped,
.edit-container.archived {
    opacity: 0.5;
}

/* CAMPAIGN EDIT MENU */

li.menu__item a.menu__item-link {
    display: block;
}

/* BREADCRUMB */

.m-content__header.border-top {
    border-top: solid 6px #eb3b48 !important;
}

/* CAMPAIGN STATUS BAR */

#selected-campaign-status {
    padding-left: 20px;
    box-shadow: 0 4px 6px #EAEAEA;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    position: fixed;
    width: 100%;
    z-index: 2;
    line-height: 2em;
}

#selected-campaign-status .btn {
    margin: 4px 14px 5px 0;
    font-size: 13px;
    font-weight: 600;
    vertical-align: bottom;
    border: solid 1px #fff;
}

#selected-campaign-status ul {
    padding: 0;
    margin: 0;
    display: inline;
}

#selected-campaign-status ul li {
    display: inline;
    list-style-type: none;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

#selected-campaign-status ul li span {
    color: #fffafa;
}

#selected-campaign-status ul li:not(:last-child):after {
    content: '\00BB';
    font-size: 16px;
    padding-left: 10px;
    padding-right: 8px;
}

#selected-campaign-status.notstarted {
    background-color: #82c250;
    color: #fff;
}

#selected-campaign-status.sendingemails {
    background-color: #eb3b48;
    color: #fff;
}

#selected-campaign-status.recordingstatistics {
    background-color: #ffc107;
    color: #fff;
}

#selected-campaign-status.completed {
    background-color: #191970;
    color: #fff;
}

.text-completed {
    color: #191970;
}

#selected-campaign-status.stopped {
    background-color: #ff5720;
    color: #fff;
}

#selected-campaign-status.archived {
    background-color: #4F4A4A;
    color: #fff;
}

#locked {
    vertical-align: middle;
}

/* EDIT HEADING */

.edit-heading {
    padding-top: 62px;
    padding-left: 20px;
}

/* BREADCRUMB */

.breadcrumb-item:not(:last-child):after {
    content: '\00BB';
    font-size: 16px !important;
    line-height: 0;
    bottom: 1px;
}

.breadcrumb-item {
    font-weight: 600;
    color: #666 !important;
    padding-left: 0 !important;
}

.breadcrumb-item.active {
    margin-top: 2px;
}

/* CAMPAIGN STATUS */
.campaign-status-img {
    margin-left: 4px;
    margin-bottom: 2px;
}

/* MODALS */

.modal-title {
    font-size: 22px;
}

/* ADMIN */

.container-body.global-settings ul.navbar-nav > li {
    padding-left: 0;
}

.container-body.global-settings ul.navbar-nav li {
    cursor: pointer;
}

.table__cell-actions-item + .table__cell-actions-item {
    margin-left: 10px;
}

.table__cell-actions-item.btn {
    padding-left: 7px;
    padding-right: 7px;
}

/* CAMPAIGN VIEW OVERVIEW */

#table-campaign-overview table th {
    width: 50%;
}

#table-campaign-overview table td {
    width: 25%;
}

/* BASE STYLES */

.scrollable {
    overflow-y: auto;
    overflow-x: auto;
}

/* HOME PAGE */

.selected-company img {
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    padding: 5px;
    background-color: #fff;
    margin-bottom: 20px;
}

/* TOOLTIP */

[data-tooltip] {
    cursor: pointer;
}

/* DISABLED */

button.dropdown-toggle[disabled]:hover {
    cursor: not-allowed;
}

.click-count-algorithm {
    position: absolute;
    top: -1px;
    right: 200px;
    border: solid 2px #ff5720;
    border-top: solid 1px rgb(211, 217, 221);
    background-color: orange;
    color: #fff;
    font-size: 0.8em;
    padding: 0 10px;
    border-radius: 0px 0px 6px 6px;
}

@media (max-width: 767px) {
    .click-count-algorithm {
        width: 94%;
        right: 10px;
        top: 3px;
        left: 10px;
        border: solid 2px #ff5720;
        border-radius: 6px;
    }
}