@import url("https://use.typekit.net/dpc5ohd.css");

/*General CSS that applies to all screens */
.container {color:#1A1942;background-color: #F4F2F0;font-family: 'Futura PT Book', Arial}
.page-header, .page-subheader, .custom-modal-title, .tab-header {font-family: 'Kepler Std', Georgia; font-weight:normal}
.header-row, .card-header {font-weight:700;text-transform: uppercase !important;}
.tab-header {font-size: 28px;margin-left:0}
.form-control {border: 1px solid #c9ced9}

/* call to action & active configuration*/
.custom-btn, .customCommunity {background-color: #60e7f5;color: #1A1942;}
.custom-btn:hover, .tab-title:hover, .nav-pills .nav-link:hover  {background-color:#FF1782 ;color: #F4F2F0 !important;}
.custom-btn.active, .nav-pills .nav-link.active {background-color:#1A1942;color: white}
.card-title, .page-description {font-family: 'Futura PT Book', Arial;}
.tab-title.active, .overviewCard:active {background:#1A1942  !important;color: white !important;border: 1px solid #1A1942}


/* COMMUNITY QUESTIONS DASHBOARD CSS */
/* Modifications to the kpi cards at the top of the screen*/
.overviewCard{height:175px;}
.overviewCard > .card-body {font-size:72px}
.overviewCard > .card-footer {height:20%; background-color: #1A1942;color:white}
#outbound-schedule-table, .overviewCard {font-family: 'Futura PT Book', Arial;}

/*performance indicator */
.indicator-count {padding:0px 5px;}
.indicator-arrow {width:15px;margin-top:-2px}

/* DIALOG BOX UNIQUE CONFIGURATION */
.modal-content {background-color: #fff;}
.modal-body, .modal-body-content {height:670px}
.modal-footer {border-top: 1px solid #1A1942}
.tab-title, .summary-tables {color: #1A1942}
.tab-content > .tab-pane {padding: 10px;}
.custom-nav-link {text-align: left;display: flex;align-items: center;padding: 15px;height:100%;border-radius: 0px !important;}
.nav-pills {height: 100%}
.nav-link {padding: 15px 10px !important}
.nav-link, .form-control, input {color:#1A1942}
.summary-card {height: 250px}
.summary-edit {text-align: end;}
.action-icon {cursor: pointer;}
.submit-icon {width:20px}

/*Campaign Setup Dialog Box*/
.btn.dropdown-toggle {border-radius: 0%;border: 1px solid #ced4da;background-color: white; color:#1A1942 !important}
.tab-background-grey {background-color: #f2f4f8; /* Light grey color */}
.customCommunity {height:fit-content}
.custom-nav-tab {border-right: 0.5px solid #1A1942; border-top: 0.5px solid #1A1942}
.form-group {text-align: start;}
.custom-tab-content {height: 100%;}
.dialog-box-label {font-weight: 700;text-transform: uppercase;}

/* Tabbed Table Stying */
.tab-table-content {height: 80%;overflow-y: auto;overflow-x: hidden;}
.scroll-cell {max-height: 42px;overflow-y: auto; overflow-x: hidden;}
.editable-cell {border: 1px solid #ccc;padding: 10px;min-height: 50px !important;}

/* TABULATOR CSS */
.tabulator-headers {text-transform: uppercase;}
.tabulator-cell, .tabulator-col-content {background-color:white !important; color:#1A1942}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left,
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {border-right:1px solid #1A1942}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right,
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {border-left:1px solid #1A1942}
.tabulator .tabulator-header {border-bottom: 1px solid #1A1942;}
.tabulator-row .tabulator-cell {border-bottom:0.5px solid #c9ced9}

/* RESPONSIVE CSS */
@media (min-width: 1400px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 1030px) {
}
@media (max-width: 992px) {
    .responsive1 {display: none}
    #add-participants {overflow: auto;}
    #participants-selection-table {width:400px; overflow-x: auto;}
    .overviewCard > .card-body {font-size:70px}
}
@media (max-width: 768px) {
    .overviewCard {height: 150px !important}
    #selection-questions {overflow: auto;}
    #selected-question-table {width:350px; overflow-x: auto;}
    .summary-edit {padding-top: 0 !important;}
    .overviewCard > .card-body {margin-top:-15px}
}
@media (max-width: 576px) {
    .indicator-count {top: -80% !important;}
    .modal-body, .modal-body-content {height:500px}
    .summary-card {height: 200px;}
    .summary-card > .card-body {overflow-y:auto !important}
    .responsive2 {display: none;}
    #participants-selection-table {width:300px; overflow-x: auto;}
    #confirm-campaign {overflow: auto;padding-left: 5px;}
    .tab-header {margin-left:0}
    .row .align-items-start {width:275px}
    .overviewCard > .card-body {font-size:68px}

}
@media (max-width: 376px) {
    .indicator-count {top: -80% !important;}
    .modal-body, .modal-body-content {height:400px}
    .form-group {padding: 0 !important}
    .responsive-btn {font-size:14px; margin: 0 1px}
}