/*--------------------------------------------------------------
>>> SKIN: Default
----------------------------------------------------------------
#F4F1DE - Light Beige
#EF3C3C - Fluorescent Red
#1abc9c - Vibrant Teal
#106870 - Middle Teal
#063746 - Very Dark Teal
#266C73 - Dark Radio Button / Checkbox Teal
#DBF0F0 - Cool Off-White
--------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Admin View - Welcome / Dashboard
# Admin View - Manage Tiers
# Admin View - Manage Users
# Admin View - Control Panel / Settings
# Forms
# Custom Bootstrap Buttons
# Section Headers
# Bootstrap Pill Navs
# Checkbox Toggle Switches
# FontAwesome Icons
# jQuery Sorting
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Admin View - Welcome / Dashboard - NOT CLEANED UP YET
--------------------------------------------------------------*/

body{
    background-color: #ececec;
}

div#smartcat-wrap.skin-default div.dash-tier-body, 
div#smartcat-wrap.skin-default div.dash-tier-promo {
    background-color: #1abc9c;
    color: #063746;
} 

div#smartcat-wrap.skin-default span.dash-tier-body {
    color: #fff;
}

div#smartcat-wrap.skin-default span.dash-tier-name {
    color: #fff;
}

div#smartcat-wrap.skin-default div.dash-tier-meta {
    background-color: #063746;
}

div#smartcat-wrap.skin-default div.dash-tier-data {
    background-color: #063746;
    border-left: thin solid #106870;
    border-right: thin solid #063746;
}

div#smartcat-wrap.skin-default div.dash-tier-meta div.dash-tier-data:first-child {
    border-left: thin solid #063746;
    border-right: thin solid #063746;
}

div#smartcat-wrap.skin-default span.tier-data-value {
    color: #1abc9c;
}

div#smartcat-wrap.skin-default span.tier-data-label {
    color: #dbf0f0;
}

div#smartcat-wrap.skin-default div.dash-stats-body {
    background-color: #063746;
}

div#smartcat-wrap.skin-default div.dash-analytics-body {
    background-color: #106870;
}

div#smartcat-wrap.skin-default span.dash-analytics-body {
    color: #fff;
}

div#smartcat-wrap.skin-default div.stacked-stat {
    color: #fff;
    border-top: thin solid #106870;
    border-bottom: thin solid #063746;
}

div#smartcat-wrap.skin-default div.dash-stats-body div.stacked-stat:first-child {
    border-top: thin solid #063746;
    border-bottom: thin solid #063746;
}

div#smartcat-wrap.skin-default span.stacked-stat-value {
    color: #1abc9c;
}

div#smartcat-wrap.skin-default div.dash-mail {
    background-color: #063746;
}

div#smartcat-wrap.skin-default span.dash-mail {
    background-color: #063746;
    color: #fff;
    border-bottom: thin solid #106870;
}

div#smartcat-wrap.skin-default div.dash-content {
    background-color: #063746;
}

div#smartcat-wrap.skin-default span.dash-content {
    background-color: #063746;
    color: #fff;
    border-bottom: thin solid #106870;
}
/*--------------------------------------------------------------
# Admin View - Manage Tiers
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default table.table#custom-tiers th {
    background-color: #063746;
    color: #fff;
    border-left: 15px solid #063746;
    border-right: thin solid #063746;
}

div#smartcat-wrap.skin-default table.table#custom-tiers tbody tr {
    background-color: #fff;
    border-left: 15px solid #DBF0F0;
    border-bottom: thin solid #DBF0F0;
    border-right: thin solid #DBF0F0;
}

div#smartcat-wrap.skin-default table.table#custom-tiers tbody tr.ui-sortable-handle:hover i.fa.fa-arrows {
    color: #1abc9c;
} 

div#smartcat-wrap.skin-default table.table#custom-tiers tbody tr:hover {
    border-left: 15px solid #1abc9c;
}

div#smartcat-wrap.skin-default table.table#default-roles th {
    background-color: #063746;
    color: #fff;
    border-left: thin solid #063746;
    border-right: thin solid #063746;
}

div#smartcat-wrap.skin-default table.table#default-roles tbody tr {
    background-color: #fff;
    border-left: thin solid #DBF0F0;
    border-bottom: thin solid #DBF0F0;
    border-right: thin solid #DBF0F0;
}

/*--------------------------------------------------------------
# Admin View - Manage Users - NOT CLEANED UP YET
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Admin View - Settings / Control Panel
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default div.settings-form-section {
    background-color: #fff;
    color: #101010;
}

div#smartcat-wrap.skin-default div.settings-form-section p {
    color: #101010;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default div.settings-form select {
    color: #063746;
    border: thin solid #1abc9c !important
    
}

div#smartcat-wrap.skin-default input, div.wrap.skin-default textarea {
    border: thin solid #1abc9c !important;
    color: #063746 !important;
}

div#smartcat-wrap.skin-default input:focus {
    border: thin solid #063746 !important;
}

div#smartcat-wrap.skin-default input[type=radio],
div#smartcat-wrap.skin-default input[type=checkbox] {
    border: thin solid #1abc9c !important;
}

div#smartcat-wrap.skin-default input[type=checkbox]:checked:before {
    color: #266C73;
}

div#smartcat-wrap.skin-default input[type=radio]:checked:before {
    background-color: #266C73;
}

/*--------------------------------------------------------------
# Custom Bootstrap Buttons
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default .btn-accept {
    background-color: #1abc9c !important;
    color: #fff !important;
}

div#smartcat-wrap.skin-default .btn-accept:hover, .btn-accept:focus {
    color: #fff !important;
}

div#smartcat-wrap.skin-default .btn-deny {
    background-color: #EF3C3C !important;
    color: #fff !important;
} 

div#smartcat-wrap.skin-default .btn-deny:hover, .btn-deny:focus {
    color: #fff !important;
}

div#smartcat-wrap.skin-default .btn-cancel {
    background-color: #fff !important;
    color: #777 !important;
    border: thin solid #aaa !important;
}

div#smartcat-wrap.skin-default .btn-cancel:hover, .btn-cancel:focus {
    color: #777 !important;
}

.btn-default.toggle-handle{
    background: #e1e1e1;
}
/*--------------------------------------------------------------
# Section Headers
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default div.info-block {
    background-color: #1abc9c;
}

div#smartcat-wrap.skin-default h2.info-block,
div#smartcat-wrap.skin-default p.info-block,
div#smartcat-wrap.skin-default div.section-header h2.section-header {
    color: #063746;
}

div#smartcat-wrap.skin-default .title-block h2,
div#smartcat-wrap.skin-default .title-block p{
    color: #fff !important;
}

div#smartcat-wrap.skin-default div.section-header {
    background-color: #063746;
}

/*--------------------------------------------------------------
# Bootstrap Pill Navs
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default .nav-pills > li > a {
    background-color: #DBF0F0;
    color: #063746;
}

div#smartcat-wrap.skin-default ul.nav-pills > li > a:hover {
    color: #1abc9c;
}

div#smartcat-wrap.skin-default ul.nav-pills > li.active > a, 
div#smartcat-wrap.skin-default ul.nav-pills > li.active > a:focus, 
div#smartcat-wrap.skin-default ul.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #1abc9c;
}

/*--------------------------------------------------------------
# Checkbox Toggle Switches
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default div.toggle-group label.toggle-on {
    background-color: #063746;
}

div#smartcat-wrap.skin-default div.toggle-group label.toggle-off {
    background-color: #DBF0F0;
    color: #063746;
}

/*--------------------------------------------------------------
# FontAwesome Icons
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default i.fa.fa-arrows {
    color: #DBF0F0;
}

div#smartcat-wrap.skin-default div.welcome-guide-cta:hover i.fa.cta-icon {
    color: #1abc9c;
}

div#smartcat-wrap.skin-default div.dismiss-quick-start:hover {
    color: #1abc9c;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
div#smartcat-wrap.skin-default div.dataTables_wrapper table thead tr {
    background-color: #1abc9c;
    color: #FFF;
}

div#smartcat-wrap.skin-default div.dataTables_wrapper table thead tr th {
    border: thin solid #fff;
}

div#smartcat-wrap.skin-default div.dataTables_wrapper table.dataTable tbody tr:hover {
    background-color: #DBF0F0;
}

div#smartcat-wrap.skin-default div.dataTables_wrapper table.dataTable tbody td {
    color: #063746;
    border: thin solid #fff;
}

div#smartcat-wrap.skin-default div.dataTables_wrapper table.dataTable tbody tr.odd td.sorting_1,
div#smartcat-wrap.skin-default div.dataTables_wrapper table.dataTable tbody tr.even td.sorting_1 {
    color: #1abc9c;
    background-color: #DBF0F0;
}

div#smartcat-wrap.skin-default div.dataTables_wrapper div.dataTables_info,
div#smartcat-wrap.skin-default div.dataTables_wrapper div.dataTables_paginate,
div#smartcat-wrap.skin-default div.dataTables_wrapper div.dataTables_filter label {
    color: #063746;
}

div#smartcat-wrap.skin-default div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button {
    color: #1abc9c !important;
}

div#smartcat-wrap.skin-default div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button.current { 
    background: #1abc9c;
    color: #FFF !important;
}

div#smartcat-wrap.skin-default div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled {
    color: #063746 !important;
}