/*** MAIN HEADING ***/

.tbk-header {
    padding: 40px;
    max-width: 1200px;
    margin: auto;
}

h2.tbk-heading {
    margin: 0;
    padding: 0;
    font-size: 44px;
    line-height: 54px;
    color: #222;
    font-weight: 300;
}

.tbk-logo {
    display: block;
    float: right;
    width: 176px;
    height: 45px;
    background: url(../images/admin-header-logo.png) no-repeat bottom;
    background-size: 176px 45px;
    overflow: hidden;
    text-indent: -999px;
}

.tbk-nav-horizontal {
    padding: 0 20px;
    margin-top: 15px;
    background: #fff;
    border: 1px solid #ddd;
    overflow: hidden;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04);
}

.tbk-nav-horizontal ul {
    margin: 0;
    padding: 0;
}

.tbk-nav-horizontal li {
    float: left;
    margin: 0 10px;
}

.tbk-nav-horizontal li a {
    padding: 15px 0px;
    display: block;
    text-align: center;
    color: #777;
    text-decoration: none;
    border-bottom: 4px solid transparent;
}

.tbk-nav-horizontal a.active,
.tbk-nav-horizontal a:hover {
    color: #333;
    border-color: #80B1E8;
}

.tbk-nav-horizontal a:focus {
    box-shadow: none;
}

/*** GRID CONTENT ***/

.tbk-row:before, .tbk-row:after{
    content: " ";
    display: table;
}
.tbk-row:after{
    clear: both;
}

.tbk-column {
    float: left;
    margin: 0 2% 20px 0;
    position: relative;
    box-sizing: border-box;
}

.tbk-row .tbk-column:last-child{
    margin-right: 0;
}

.tbk-span-1{width: 6.5%;}
.tbk-span-2{width: 15%;}
.tbk-span-3{width: 23.5%;}
.tbk-span-4{width: 32%;}
.tbk-span-5{width: 40.5%;}
.tbk-span-6{width: 49%;}
.tbk-span-7{width: 57.5%;}
.tbk-span-8{width: 66%;}
.tbk-span-9{width: 74.5%;}
.tbk-span-10{width: 83%;}
.tbk-span-11{width: 91.5%;}
.tbk-span-12{width: 100%;}

/*** PANELS ***/

.tbk-panel {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04);
}

.tbk-panel .button.tbk-button-long-text{
    white-space: normal;
    height: auto;
    line-height: 20px;
    padding: 4px;
    word-break: break-word;
    width: 100%;
    text-align: center;
}

.tbk-panel-title{
    display: block;
    margin: 0;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: #555;
}
.tbk-panel-title h3,
.tbk-panel-title h4{
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}
.tbk-panel-title p{
    margin: 5px 0 0;
    color: #777;
}

.tbk-content {
    padding: 20px;
    position: relative;
}

.tbk-canvas {
    margin: 20px;
    position: relative;
}

.tbk-list {
    padding: 0;
    margin: 0;
}

.tbk-list li {
    padding: 15px 10px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}
.tbk-list li:last-child{
    border-bottom: none;
}
.tbk-list h3{
    margin: 0 0 10px;
}
.tbk-list h4{
    margin: 0 0 10px;
}
.tbk-list p{
    margin: 0 0 10px;
    color: #777;
}

.tbk-list .regular-text, 
.tbk-list select,
.tbk-list textarea {
    max-width: 100%;
}

.tbk-list li fieldset span {
    vertical-align: middle;
}

.tbk-section-title {
    margin-bottom: 30px;
}

.tbk-section-title .tbk-excerpt {
    max-width: 830px;
    margin: 10px 0 0;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    color: #777;
}

.tbk-section-title .tbk-heading {
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 38px;
    color: #222;
    font-weight: 400;
}

.tbk-settings-title {
    margin-bottom: 20px;
    text-align: center;
}

.tbk-settings-title .tbk-excerpt {
    margin: 10px 0 0;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    color: #777;
}

.tbk-settings-title .tbk-heading {
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 38px;
    color: #222;
    font-weight: 400;
}

.tbk-settings-title .button-hero {
    position: absolute;
    top: 32%;
    left: 30px;
}

.tbk-settings-title .button-hero > span {
    vertical-align: text-top;
    margin: 0 5px 0 -10px;
}

@media (max-width: 480px) {
    .tbk-settings-title .button-hero{
        display: none;
    }
}
/*** TABLES ***/

.widefat tr:not(.alternate):hover {
    background: #E8E8E8;
}

.tb-custom-fields-list .widefat tr:not(.alternate):hover {
    background: none;
}

/*** SETTINGS ALERTS ***/

.tbk-setting-alert {
    background-color: rgba(255, 249, 223, 1);
    border-color: rgba(182, 131, 95, 0.5);
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
}

.tbk-setting-alert span {
    color: rgb(182, 131, 95);
    font-weight: 700;
}

.tbk-setting-warning {
    background-color: rgba(255, 223, 223, 1);
    border-color: rgba(182, 95, 95, 0.5);
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
}

.tbk-setting-warning span {
    color: rgb(182, 95, 95);
    font-weight: 700;
}

/*** SPANS ***/

.tbk-status {
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.tbk-success {
    border: 1px solid #A3C567;
    border-left: 4px solid #A3C567;
    color: #A3C567;
}

.tbk-unsuccess {
    border: 1px solid #C56767;
    border-left: 4px solid #C56767;
    color: #C56767;
}

.tbk-partial-success {
    border: 1px solid #EFD057;
    border-left: 4px solid #EFD057;
    color: #EFD057;
}

/*** HOOK PLACEHOLDERS ***/
.tb-hook-placeholder {
    margin-bottom:3px !important;
    padding: 5px !important;
}

.tb-hook-placeholder:hover {
    background: #82C6E0 !important;
    color: white !important;
}

/*** RESERVATION FORM AREA ***/

input[type=checkbox].tb_required {
    background: rgb(255, 219, 205);
}

input[type=checkbox].tb_required:checked:before{
    content: '\f155';
    margin: 0 0 0 0.3px;
    color: #B93B3B;
    font-size: 0.7em;
}

span.tbk-builtin-field-hook {
    color: #888;
    font-weight: 400;
    font-style: italic;
}

.tb-add-custom-field {
    margin-bottom:3px !important;
    padding: 5px 10px 5px 5px !important;
    text-decoration: none;
}

.tb-add-custom-field:hover {
    background: #82C6E0 !important;
    color: white !important;
}

.tb-add-custom-field span {
    font-size: 14px;
    height: 12px;
}

/*** MORE LABEL COLORS ***/
.ui.sand-blue.label {
    background-color: #5F7FA0 !important;
    border-color: #5F7FA0 !important;
    color: #ffffff !important;
}
a.ui.sand-blue.label:hover{
    background-color: #769CC3 !important;
    border-color: #769CC3 !important;
}
.ui.poor-red.label {
    background-color: #B66262 !important;
    border-color: #B66262 !important;
    color: #ffffff !important;
}
a.ui.poor-red.label:hover{
    background-color: #D77676 !important;
    border-color: #D77676 !important;
}
.ui.sand.label {
    background-color: #A0845F !important;
    border-color: #A0845F !important;
    color: #ffffff !important;
}
a.ui.sand.label:hover{
    background-color: #C09F73 !important;
    border-color: #C09F73 !important;
}

/*** WORDPRESS OVERRIDES ***/
div.add-new-h2.inactive {
    display: inline;
    color: grey;
}
div.add-new-h2.inactive:hover {
    background: #e0e0e0;
    color: grey;
}

/*** GOOGLE CALENDAR COLOR PALETTE ***/

.tbk-gcal-1 {
    background-color: rgb(172, 114, 94) !important;
}
.tbk-gcal-2 {
    background-color: rgb(208, 107, 100) !important;
}
.tbk-gcal-3 {
    background-color: rgb(248, 58, 34) !important;
}
.tbk-gcal-4 {
    background-color: rgb(250, 87, 60) !important;
}
.tbk-gcal-5 {
    background-color: rgb(255, 117, 55) !important;
}
.tbk-gcal-6 {
    background-color: rgb(255, 173, 70) !important;
}
.tbk-gcal-7 {
    background-color: rgb(66, 214, 146) !important;
}
.tbk-gcal-8 {
    background-color: rgb(22, 167, 101) !important;
}
.tbk-gcal-9 {
    background-color: rgb(123, 209, 72) !important;
}
.tbk-gcal-10 {
    background-color: rgb(179, 220, 108) !important;
}
.tbk-gcal-11 {
    background-color: rgb(251, 233, 131) !important;
}
.tbk-gcal-12 {
    background-color: rgb(250, 209, 101) !important;
}
.tbk-gcal-13 {
    background-color: rgb(146, 225, 192) !important;
}
.tbk-gcal-14 {
    background-color: rgb(159, 225, 231) !important;
}
.tbk-gcal-15 {
    background-color: rgb(159, 198, 231) !important;
}
.tbk-gcal-16 {
    background-color: rgb(73, 134, 231) !important;
}
.tbk-gcal-17 {
    background-color: rgb(154, 156, 255) !important;
}
.tbk-gcal-18 {
    background-color: rgb(185, 154, 255) !important;
}
.tbk-gcal-19 {
    background-color: rgb(194, 194, 194) !important;
}
.tbk-gcal-20 {
    background-color: rgb(202, 189, 191) !important;
}
.tbk-gcal-21 {
    background-color: rgb(204, 166, 172) !important;
}
.tbk-gcal-22 {
    background-color: rgb(246, 145, 178) !important;
}
.tbk-gcal-23 {
    background-color: #CD74E6 !important;
}
.tbk-gcal-24 {
    background-color: #A47AE2 !important;
}

/*** SPECIAL STRINGS ***/
#revoke-coworker-name {
    font-weight: 700;
    color: cornflowerblue;
}

#tbk-gcal-not-found,
#tbk-clone-id-already-existant 
{
    font-weight: 700;
    color: darkred;
}

.tbk-coworker-gmail-account {
    text-align: center;
    margin: 0 0 20px 0;
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 700;
    color: #BBB;
}