/* NOTE: these styles subsequently follow the bootstrap 3.3.5 styles for custom modifications */

/* brand colors */
/*talkoot-blue: #6dc8e5; /*
/*talkoot-blue:hover #42b8dd;  on the monochromatic scale, darker than #6dc8e5 */

/* html elements */

/* form control */

.form-control {
    color: #333;
}

/* bootstrap tooltip */
.tooltip-inner { background-color: #333; }

/* html elements: selects & options */
select::-ms-expand {
    width: 12px;
    border: none;
    background: #fff;
}

/* Typography */

.font-weight-bold { font-weight: 700; }

/* Select & Options */

#dvJobSelect select { color: #333; background-color: #FFF; border-color: #ccc; }

    #dvJobSelect select:hover { color: #FFF; background-color: #6dc8e5; border-color: #6dc8e5; outline: none; }

    #dvJobSelect select option { color: #333; background-color: #FFF; border-color: #ccc; }

        #dvJobSelect select option:hover { outline: none; color: #262626 !important; text-decoration: none; background-color: #f5f5f5 !important; }

        #dvJobSelect select option:active { color: #FFF; background-color: #6dc8e5; border-color: #6dc8e5; outline: none; }

/* dropdown-submenu - modified from BS 2.x */

.dropdown-submenu { position: relative; }
    .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
    .dropdown-submenu:hover > .dropdown-menu { display: block; }
    .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }
    .dropdown-submenu:hover > a:after { border-left-color: #ffffff; }
    .dropdown-submenu.pull-left { float: none; }
        .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

/* Bootstrap Pagination */

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { background-color: #6dc8e5; border-color: #6dc8e5; }

/* End Bootstrap Pagination */


/*# Bootstrap Modal */

.modal-backdrop { opacity: 0.1 !important; }

.t_modal-backdrop { background-color: transparent; }

.modal-body:focus { outline: none; }

/*# End Bootstrap Modal */

/* Bootstrap Panel */

.t_panel-info { border: 2px solid #868e96; }

.panel-info > .panel-heading.t_panel-heading { background-color: #868e96; border: 3px solid #868e96; color: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; }

/* End Bootstrap Panel */


/* glyphicons */

.t_glyphicon {
    font-size: 14px;
    /* padding-bottom: 3px;*/
}

.t_glyphicon {
    padding-right: 0.5rem;
}

/*.glyphicons:before {
    padding: 5px 0 !important;
}*/

/*# Bootstrap Background */

.t_bg-info,
.t_bg-blue {
    background-color: #6dc8e5;
}

/* Text Colors */
.t_normal-text {
    color: #212529;
}

.t_text-primary,
.t_text-rich-blue {
    color: #064D9E;
}

.t_text-dk-gray {
    color: #616366;
}

.t_text-success {
    color: #4BBF73;
}

.t_text-danger {
    color: #D9534F;
}

.t_text-warning,
.t_text-sunshine {
    color: #F2D84F;
}

.t_text-info,
.t_text-talkoot-blue {
    color: #6dc8e5;
    /*color: #63CDDC;*/
}

.t_text-light {
    color: #EEEFF0;
}

.t_text-dark {
    color: #343A40;
}

.t_text-secondary,
.t_text-muted {
    color: #868e96;
}

.t_text-white {
    color: #FFF;
}

.t_text-warm-orange {
    color: #F37343;
}

/* Background Colors */

.t_bg-primary,
.t_bg-rich-blue {
    background-color: #064D9E;
}

.t_bg-secondary,
.t_bg-dk-gray {
    background-color: #616366;
}

.t_bg-success {
    background-color: #4BBF73;
}

.t_bg-danger {
    background-color: #D9534F;
}

.t_bg-warm-orange {
    background-color: #F37343;
}

.t_bg-info,
.t_bg-blue {
    background-color: #6dc8e5;
}

.t_bg-warning,
.t_bg-sunshine {
    background-color: #F2D84F;
}

.t_bg-lt-gray {
    background-color: #EEEFF0;
}

.t_bg-secondary,
.t_bg-muted {
    background-color: #868e96;
}

.t_bg-dark {
    background-color: #343A40;
}

.t_bg-dk-gray {
    background-color: #616366;
}

.t_bg-white {
    background-color: #FFF;
}

.t_bg-easter-egg {
    background-color: #FFB6C1;
}

.t_bg-normal-text {
    background-color: #212529;
}

.t_color-swatch {
    width: 100px;
    height: 100px;
    border-radius: 50px
}

/*# Bootstrap Navbar */

.t_navbar-default {
    background-color: #fff;
}

/*# End Bootstrap Navbar */

/* Bootstrap Breadcrumbs */

.t_breadcrumb { background-color: #fff; margin-bottom: 5px; }

/* End Bootstrap Breadcrumbs */

/* Bootstrap Labels */
/*.t_button_label {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}*/
.t_label-danger { background-color: #D9534F; }

.t-filter-label,
.t-filter-label:visited,
.label-info,
.label-info:visited,
.label-info a,
.label-info:visited a {
    color: #FFF;
    background-color: #6dc8e5;
    border-color: #6dc8e5;
}

    .t-filter-label:active,
    .t-filter-label:focus,
    .t-filter-label:hover,
    .label-info:active,
    .label-info:focus,
    .label-info:hover,
    .label-info:active a,
    .label-info:focus a,
    .label-info:hover a {
        color: #FFF;
        background-color: #42b8dd;
        border-color: #42b8dd; /* monochromatic scale darker than #6dc8e5 */
        outline: none;
    }

/* End Bootstrap Labels */

/* TODO: Temporary Default Button Overrides - Replace in BS4 */

/*.btn-default,
.btn-default:visited {
    color: #333;
    background-color: #FFF;
    border-color: #ccc;
}*/

.btn-default.disabled, 
.btn-default.disabled.active, 
.btn-default.disabled.focus, 
.btn-default.disabled:active, 
.btn-default.disabled:focus, 
.btn-default.disabled:hover, 
.btn-default[disabled], 
.btn-default[disabled].active, 
.btn-default[disabled].focus, 
.btn-default[disabled]:active, 
.btn-default[disabled]:focus, 
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default, 
fieldset[disabled] .btn-default.active, 
fieldset[disabled] .btn-default.focus, 
fieldset[disabled] .btn-default:active, 
fieldset[disabled] .btn-default:focus, 
fieldset[disabled] .btn-default:hover { 
    color: #999;
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover { 
    color: #FFF; 
    background-color: #6dc8e5; 
    border-color: #6dc8e5; 
    outline: none; 
}

.btn-danger:visited {
    color: #333;
    background-color: #FFF;
    border-color: #ccc;
}

    .btn-danger:active,
    .btn-danger:focus,
    .btn-danger:hover {
        color: #fff;
        background-color: #BE4945;
        border-color: #BE4945;
        outline: none;
    }

/* Bootstrap Buttons */

.t_btn-primary,
.t_btn-primary:visited {
    color: #FFF;
    background-color: #064D9E;
    border-color: #064D9E;
}

    .t_btn-primary:active,
    .t_btn-primary:focus,
    .t_btn-primary:hover {
        color: #fff;
        background-color: #053A77;
        border-color: #053A77;
        outline: none;
    }

.t_btn-outline-primary,
.t_btn-outline-primary:visited {
    color: #064D9E;
    font-weight: 500;
    background-color: #FFF;
    border-color: #064D9E;
}
    .t_btn-outline-primary:active,
    .t_btn-outline-primary:focus,
    .t_btn-outline-primary:hover {
        color: #FFF;
        font-weight: 500;
        background-color: #064D9E;
        border-color: #064D9E;
        outline: none;
    }

.t_btn-secondary,
.t_btn-secondary:visited {
    color: #FFF;
    background-color: #616366;
    border-color: #616366;
}

    .t_btn-secondary:active,
    .t_btn-secondary:focus,
    .t_btn-secondary:hover {
        color: #FFF;
        background-color: #555759;
        border-color: #555759;
        outline: none;
    }

.t_btn-outline-secondary,
.t_btn-outline-secondary:visited {
    color: #616366;
    font-weight: 500;
    background-color: #FFF;
    border-color: #616366;
}

    .t_btn-outline-secondary:active,
    .t_btn-outline-secondary:focus,
    .t_btn-outline-secondary:hover {
        color: #FFF;
        font-weight: 500;
        background-color: #616366;
        border-color: #616366;
        outline: none;
    }

.t_btn-success,
.t_btn-success:visited {
    color: #FFF;
    background-color: #4BBF73;
    border-color: #4BBF73;
}

    .t_btn-success:active,
    .t_btn-success:focus,
    .t_btn-success:hover {
        color: #FFF;
        background-color: #42A765;
        border-color: #42A765;
        outline: none;
    }

.t_btn-outline-success,
.t_btn-outline-success:visited {
    color: #4BBF73;
    font-weight: 500;
    background-color: #FFF;
    border-color: #4BBF73;
}

    .t_btn-outline-success:active,
    .t_btn-outline-success:focus,
    .t_btn-outline-success:hover {
        color: #FFF;
        font-weight: 500;
        background-color: #4BBF73;
        border-color: #42A765;
        outline: none;
    }

.t_btn-outline-danger,
.t_btn-outline-danger:visited {
    color: #D9534F;
    font-weight: 500;
    background-color: #FFF;
    border-color: #D9534F;
}

    .t_btn-outline-danger:active,
    .t_btn-outline-danger:focus,
    .t_btn-outline-danger:hover {
        color: #FFF;
        font-weight: 500;
        background-color: #D9534F;
        border-color: #D9534F;
        outline: none;
    }

.t_btn-outline-red,
.t_btn-outline-red:visited {
    color: #DE5C36;
    font-weight: 500;
    background-color: #FFF;
    border-color: #DE5C36;
}

    .t_btn-outline-red:active,
    .t_btn-outline-red:focus,
    .t_btn-outline-red:hover {
        color: #FFF;
        font-weight: 500;
        background-color: #DE5C36;
        border-color: #DE5C36;
        outline: none;
    }

.t_btn-warning,
.t_btn-warning:visited {
    color: #111;
    background-color: #F2D84F;
    border-color: #F2D84F;
}

    .t_btn-warning:active,
    .t_btn-warning:focus,
    .t_btn-warning:hover {
        color: #111;
        background-color: #D4BD45;
        border-color: #D4BD45;
        outline: none;
    }

.t_btn-outline-warning,
.t_btn-outline-warning:visited {
    color: #F2D84F;
    font-weight: 500;
    background-color: #FFF;
    border-color: #F2D84F;
}

    .t_btn-outline-warning:active,
    .t_btn-outline-warning:focus,
    .t_btn-outline-warning:hover {
        color: #111;
        font-weight: 500;
        background-color: #F2D84F;
        border-color: #F2D84F;
        outline: none;
    }

.t_btn-info,
.t_btn-info:visited {
    color: #FFF;
    background-color: #6dc8e5;
    border-color: #6dc8e5;
}

    .t_btn-info:active,
    .t_btn-info:focus,
    .t_btn-info:hover {
        color: #FFF;
        background-color: #42b8dd;
        border-color: #42b8dd; /* monochromatic scale darker than #6dc8e5 */
        outline: none;
    }

.t_btn-outline-info,
.t_btn-outline-info:visited {
    color: #6dc8e5;
    background-color: #FFF;
    border-color: #6dc8e5;
}
    .t_btn-outline-info:active,
    .t_btn-outline-info:focus,
    .t_btn-outline-info:hover {
        color: #FFF;
        background-color: #6dc8e5;
        border-color: #6dc8e5;
        outline: none;
    }

.t_btn-light,
.t_btn-light:visited {
    color: #111;
    background-color: #EEEFF0;
    border-color: #EEEFF0;
}
    .t_btn-light:active,
    .t_btn-light:focus,
    .t_btn-light:hover {
        color: #111;
        background-color: #D0D1D2;
        border-color: #D0D1D2;
        outline: none;
    }

.t_btn-outline-light,
.t_btn-outline-light:visited {
    color: #EEEFF0;
    background-color: #FFF;
    border-color: #EEEFF0;
}

    .t_btn-outline-light:active,
    .t_btn-outline-light:focus,
    .t_btn-outline-light:hover {
        color: #616366;
        background-color: #EEEFF0;
        border-color: #EEEFF0;
        outline: none;
    }

.t_btn-dark,
.t_btn-dark:visited {
    color: #FFF;
    background-color: #343A40;
    border-color: #343A40;
}

    .t_btn-dark:active,
    .t_btn-dark:focus,
    .t_btn-dark:hover {
        color: #FFF;
        background-color: #272B30;
        border-color: #272B30;
        outline: none;
    }

.t_btn-outline-dark,
.t_btn-outline-dark:visited {
    color: #343A40;
    background-color: #FFF;
    border-color: #343A40;
}

    .t_btn-outline-dark:active,
    .t_btn-outline-dark:focus,
    .t_btn-outline-dark:hover {
        color: #FFF;
        background-color: #343A40;
        border-color: #343A40;
        outline: none;
    }


.t_btn-green,
.t_btn-green:visited {
    color: #FFF;
    background-color: #269e22;
    border-color: #269e22;
}

    .t_btn-green:active,
    .t_btn-green:focus,
    .t_btn-green:hover {
        color: #FFF;
        background-color: #1c7419;
        border-color: #1c7419;
        outline: none;
    }


.t_btn-red,
.t_btn-red:visited {
    color: #FFF;
    background-color: #a94442;
    border-color: #a94442;
}

    .t_btn-red:active,
    .t_btn-red:focus,
    .t_btn-red:hover {
        color: #FFF;
        background-color: #843534;
        border-color: #843534;
        outline: none;
    }


/* End Bootstrap Buttons */

/* Bootstrap Input */

.t_input-group-addon {
    background-color: #fff;
}


.input-group-lg > .input-group-addon {
    font-size: 16px;
}

/* Bootstrap Input  */
/* Toggle Switch */
/* The switch - the box around the slider */
.t_toggle-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .t_toggle-switch input {
        display: none;
    }

/* The slider */
.t_toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #616366;
    -webkit-transition: .2s;
    transition: .2s;
}

    .t_toggle-slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: #FFF;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .t_toggle-slider {
    background-color: #4BBF73;
}

input:focus + .t_toggle-slider {
    box-shadow: 0 0 1px #4BBF73;
}

input:checked + .t_toggle-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* End Toggle Switch */


/* Modals */

.t_modal-header {
    border-bottom: none;
}

.t_modal-footer {
    border-top: none;
}

/* Rounded sliders */
.t_toggle-slider.t_toggle-round {
    border-radius: 34px;
}

    .t_toggle-slider.t_toggle-round:before {
        border-radius: 50%;
    }

/* End Modals */

.t_label-success {
    background-color: #42A765;
}

/* Badges */

.t_badge {
    display: inline-block;
    padding: 5px;
    background-color: #777;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    min-width: 5px;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
}

.t_count_badge { background-color: #31708f; }

table.my-table tr {
    height: 48px;
    overflow: hidden;
}

/* margins */
.mr-1 {
    margin-right: 8px;
}
.mr-2 {
    margin-right: 16px;
}
.mr-3 {
    margin-right: 32px;
}
.mr-4 {
    margin-right: 48px;
}
.mr-5 {
    margin-right: 56px;
}
.mt-1 {
    margin-top: 8px;
}
.mt-2 {
    margin-top: 16px;
}
.mt-3 {
    margin-top: 32px;
}
.mt-4 {
    margin-top: 48px;
}
.mt-5 {
    margin-top: 56px;
}
.mb-1 {
    margin-bottom: 8px;
}
.mb-2 {
    margin-bottom: 16px;
}
.mb-3 {
    margin-bottom: 32px;
}
.mb-4 {
    margin-bottom: 48px;
}
.mb-5 {
    margin-bottom: 56px;
}
.ml-1 {
    margin-left: 8px;
}
.ml-2 {
    margin-left: 16px;
}
.ml-3 {
    margin-left: 32px;
}
.ml-4 {
    margin-left: 48px;
}
.ml-5 {
    margin-left: 56px;
}
.mx-1 {
    margin: 0  8px;
}
.mx-2 {
    margin: 0 16px;
}
.mx-3 {
    margin: 0 32px;
}
.mx-4 {
    margin: 0 48px;
}
.mx-5 {
    margin: 0 56px;
}
.my-1 {
    margin: 8px 0;
}
.my-2 {
    margin: 16px 0;
}
.my-3 {
    margin: 32px 0;
}
.my-4 {
    margin: 48px 0;
}
.my-5 {
    margin: 56px 0;
}
/* margins */

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-around {
    justify-content: space-around;
}

.mx-auto { 
    margin: 0 auto;
}

.align-content-start { 
    align-items: center;
    justify-content: start;
}

.align-items-center { 
    align-items: center;
}

.align-items-baseline { 
    align-items: baseline;
}

.modal-content {
  font-size: 14px!important;
}

label {
  font-weight: 500;
}
/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .t_button_label {
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {

}