/**
 * Confined Space Manager Theme :: TURQUOISE
 ******************************************************************/

/**
 * Primary Background Color
 ******************************************************************/
.background-primary,
.right-side-accordion .terques-bg,
.slimScrollBar,
.brand,
ul.top-menu>li>a:hover,
ul.top-menu>li>a:focus,
.header-minimal,
.toggle-right-box:hover {
    background-color: #6CCAC9 !important;
}

/**
 * Primary Background Contrast Color
 ******************************************************************/
.sidebar-toggle-box,
.toggle-right-box {
    background-color: #9DE3E2 !important; 
}

/**
 * Primary Text Color
 ******************************************************************/
.text-primary,
ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li.active a,
ul.sidebar-menu li a.active, 
ul.sidebar-menu li a:hover, 
ul.sidebar-menu li a:focus,
ul.sidebar-menu li a.active i,
ul.sidebar-menu li a:hover i,
ul.sidebar-menu li a:focus i {
    color: #6CCAC9;
}

/**
 * CSM Core Styles
 ******************************************************************/
td a,
td:visited {
    color: #1fb5ad;
}
td a:hover {
    color: #24D4CA;
}

/**
 * CSM Elements
 ******************************************************************/
.primary-table-header {
    background-color: #1fb5ad;
    color: #FFFFFF;
}
.icon-cell {
    padding: 9px 0px 0px 0px !important;
}
.large-icon {
    margin: 0px !important;
    font-size: 26px !important;
}
.nav .delete-form button {
    line-height: 1.42;
    padding: 20px 15px;
    border: 0 none;
    border-radius: 0;
}

/**
 * CSM Menu 
 ******************************************************************/
.menu-login {
    padding: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-top: 3px !important;
    background-color: #38bbeb !important;
    color: #FFFFFF !important;
}

/**
 * CSM Dashboard
 ******************************************************************/
.jumbotron h1 {
    margin-top: 50px;
}

.event-calendar {
    padding: 20px;
}
.cal-day {
    padding-bottom: 0px;
    text-align: right;
}
.cal-title {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: 15px;
}

/**
 * CSM Sidebar Coloring
 ******************************************************************/
.sidebar-toggle-box .fa-bars, 
.sidebar-toggle-box .fa-globe,
.toggle-right-box .fa-bars, 
.toggle-right-box .fa-cloud, 
.toggle-right-box .fa-globe {
    color: #FFF !important;
}
.sidebar-toggle-box:hover,
.toggle-right-box:hover {
    background-color: #60B3B2 !important;
}

.event-list a {
    color: #FFF !important;
    font-weight: bold;
    text-decoration: underline;
}

.row-title {
    font-weight: bold;
    background-color: #AAA !important;
    color: #FFF;
    text-align: right;
    vertical-align: middle !important;
}
.shrink {
    width: 1%;
    white-space: nowrap;
}

/**
 * Login Styles
 ******************************************************************/
.login-panel {
    max-width: 500px;
    margin: 0 auto;
}

/**
 * App Minimal Layout Components
 ******************************************************************/
.minimal-content-row {
    position: relative;
    top: 100px;
}
@media (max-width: 767px) {
    .minimal-content-row {
        top: 20px;
    }
}

/**
 * Spaces
 ******************************************************************/

 .data-section-header {
    background-color: #6CCAC9 !important;
    font-weight: 1000;
    color: #FFF;
 }
 .data-section-header h3 {
    margin: 5px;
 }
 .data-attribute-header {
    font-weight: 1000;
    font-size: 14px;
    color: #FFF;
 }

@media only screen and (max-width: 800px) {
    .data-attribute-header {
        white-space: normal !important;
        word-wrap: break-word;
        font-size: 12px;
    }
 }
 
/**
  * Space Details - attribute type "select"
  ******************************************************************/
.dropdown-select .btn {
    cursor: default;
    background-color: #FFF;
    border-radius: 4px;
    text-align: left;
}

.dropdown-select .caret {
    position: absolute;
    right: 16px;
    top: 16px;
}

.dropdown-select .btn-default,
.dropdown-select .btn-default:hover, 
.dropdown-select .btn-default:focus, 
.dropdown-select .btn-default:active, 
.dropdown-select .btn-default.active, 
.dropdown-select.open .dropdown-toggle.btn-default {
    background-color: #FFF;    
    color: #666;
}

.dropdown-select .btn-group.open .dropdown-toggle {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.dropdown-select .btn-group { width: 100%; }
.dropdown-select.open .dropdown-toggle { border-color: #1FB5AD; }
.dropdown-select .dropdown-menu { width: 100%; margin-top: 0; padding-top: 0; border-radius: 0; cursor: default; }
.dropdown-select .dropdown-menu li { padding: 2px 12px; }
.dropdown-select .dropdown-menu:not(.mouse-moved) li.selected,
.dropdown-select .dropdown-menu li:hover { background-color: #4493D2; color: #FFF; }
.dropdown-select .dropdown-menu.editing li.custom:hover { background-color: initial; color: initial; }
.dropdown-select .dropdown-menu li.error { color: red; }
.dropdown-select .btn-save-custom-option { cursor: pointer; }


.fc-event-skin {
    background: transparent;
    border: 0 none;
}
.expiration-color {
    background: #f00;
}
.approval-color {
    background: #0d88c1;
}
.reminder-color {
    background: #9ad717;
}
.task-color {
    background: #5c5c5e;
}
.subtask-color {
    background: #9c9c9e;
}

.colors-legend span {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.red-box {
    border: 2px solid red;
    display: inline-block;
    min-width: 10px;
    min-height: 10px;
}
label.red-box {
    padding: 2px 2px 2px 20px;
    margin: -4px 0 -4px -2px;
}

td.action-required .row {
    margin-top: 5px;
}
td.action-required .row label {
    margin-top: 7px;
    text-align: right;
}
.field-error {
    font-size: 1.2em;
    color: red;
}

@media only print {
    header.header, .not-printable, #container > aside {
        display: none;
    }
    #main-content {
        margin: 0;
    }
    #main-content > .wrapper {
        margin: 0;
    }
    a[href]:after {
        content: none !important;
    }
    table tr {
        page-break-inside: avoid;
    }
}