﻿/* General Overrides */
.tms-bootstrap .modal,
.tms-bootstrap .modal .modal-header,
.tms-bootstrap .modal .modal-footer,
.tms-bootstrap .modal .modal-header,
.tms-bootstrap .modal .modal-footer,
.tms-bootstrap .modal .modal-body,
.tms-bootstrap .modal .modal-dialog,
.tms-bootstrap .modal .modal-dialog .modal-content,
.tms-bootstrap .modal .modal-content,
.tms-bootstrap .modal-header,
.tms-bootstrap .modal-footer,
.tms-bootstrap .modal-header,
.tms-bootstrap .modal-footer,
.tms-bootstrap .modal-body,
.tms-bootstrap .modal-dialog,
.tms-bootstrap .modal-dialog .modal-content,
.tms-bootstrap .modal-content,
.tms-bootstrap .modal .table,
.tms-bootstrap .panel,
.tms-bootstrap .panel .panel-heading,
.tms-bootstrap .panel .panel-footer,
.tms-bootstrap .panel .panel-body,
.tms-bootstrap .panel .table,
.tms-bootstrap .well,
.tms-bootstrap .form-control,
.tms-bootstrap .input-group,
.tms-bootstrap .input-group-addon,
.tms-bootstrap .btn,
.tms-bootstrap .dropdown-menu,
.tms-bootstrap .nav.nav-pills > li > a,
.tms-bootstrap .nav.nav-tabs > li > a,
.tms-bootstrap .pagination > li > a,
.tms-bootstrap .list-group-item {
    border-radius: 0 !important;
}

/* Form Controls */
.tms-bootstrap .input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1;
}
.tms-bootstrap .textarea-xs {
    font-size: 11px;
}
.form-control.plaintext {
    height: auto !important;
    padding: 0 !important;
}

    .form-control.plaintext table {
        margin-bottom: 0 !important;
    }

label.form-control-check {
    padding-top: 0 !important;
}

    label.form-control-check > input {
        float: left;
    }

    label.form-control-check > span {
        padding-top: 0;
        margin-top: 5px;
        display: block;
        float: left;
        margin-left: 3px;
    }

/* Form Groups */
.tms-bootstrap .form-group.close {
    margin-bottom: 0 !important;
}
.form-group-xs {
    margin-bottom: 5px;
}

/* Input Groups */
.tms-bootstrap .input-group.form-group-xs {
    width: 100%;
}
.tms-bootstrap .input-group-addon.fit {
    min-width: 0 !important;
    padding: 4px 12px !important;
}

.input-group-w-header {
    width: 100% !important;
}
    .input-group-w-header .input-group-addon {
        border: 1px solid #ccc !important;
        border-bottom: 0 !important;
        border-radius: 4px 4px 0 0 !important;
        display: block !important;
        width: 100% !important;
        margin-bottom: 0 !important;
        font-size: 14px !important;
        font-weight: 400;
        line-height: 1;
        text-align: center !important;
    }

    .input-group-w-header .form-control {
        border-radius: 0 !important;
    }

        .input-group-w-header .form-control:last-child {
            border-radius: 0 0 4px 4px !important;
        }

.input-group-addon.addon-xs {
    min-width: 26px !important;
    width: 26px !important;
    max-width: 26px !important;
}
.input-group-addon.addon-sm {
    min-width: 50px !important;
    width: 50px !important;
    max-width: 50px !important;
}
.input-group-addon.addon-md {
    min-width: 80px !important;
    width: 80px !important;
    max-width: 80px !important;
}
.input-group-addon.addon-lg {
    min-width: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
}
.input-group-addon.addon-xl {
    min-width: 115px !important;
    width: 115px !important;
    max-width: 115px !important;
}

/* Buttons */
.tms-bootstrap .btn.form-chk {
    height: 22px;
    padding: 0px 5px;
    text-align: left;
}

.tms-bootstrap .btn.btn-label {
    cursor: default;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tms-bootstrap .btn.btn-primary {
    color: #fff;
    background-color: #223c59;
    border-color: #223c59;
}

    .tms-bootstrap .btn.btn-primary:hover {
        color: #fff;
        background-color: #1d334d;
        border-color: #192b42;
    }

.tms-bootstrap .btn.btn-primary-light {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

    .tms-bootstrap .btn.btn-primary-light:hover {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e;
    }

.tms-bootstrap .btn.btn-dark {
    background: #343a40;
    border-color: #343a40;
    color: #FFF;
}

    .tms-bootstrap .btn.btn-dark:hover {
        color: #FFF;
        background: #23272b;
        border-color: #1d2124;
    }

.tms-bootstrap a.btn.btn-default {
    color: #333 !important;
    text-decoration: none !important;
}

    .tms-bootstrap a.btn.btn-default:hover {
        text-decoration: none !important;
    }

/* Modal */
.tms-bootstrap .modal {
    font-family: Arial,sans-serif;
    font-size: 9pt;
}

.tms-bootstrap .modal-xl {
    width: 1200px;
}

.tms-bootstrap .modal-stretch {
    min-width: 1000px;
    width: 95%;
}


.tms-bootstrap .modal-dialog {
    margin-top: 75px !important;
}

.tms-bootstrap .modal-header .close {
    margin-top: -7px !important;
}

.tms-bootstrap .modal-header-success {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
}

.tms-bootstrap .modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
}

.tms-bootstrap .modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
}

.tms-bootstrap .modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
}

.tms-bootstrap .modal-header-dark {
    color: #FFF;
    padding: 9px 15px;
    background: #343a40;
    border-bottom: 1px solid #eee;
}

.tms-bootstrap .modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #223c59;
}

    .tms-bootstrap .modal-header-primary .close {
        color: #FFF !important;
        opacity: 1 !important;
    }

        .tms-bootstrap .modal-header-primary .close:hover {
            opacity: 0.4 !important;
        }

.tms-bootstrap .modal-header-primary-light {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
}

.tms-bootstrap .modal-tabs {
    background: #f5f5f5;
    padding: 5px 0 0;
}

    .tms-bootstrap .modal-tabs .nav-tabs {
        padding-left: 5px;
    }

/* Modal Alerts */
.tms-bootstrap .modal-alert {
    margin: 0;
    border-radius: 0;
}
    .tms-bootstrap .modal-alert .modal-dialog {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) !important;
        margin-top: -75px !important;
    }

    .tms-bootstrap .modal-alert .modal-header {
        padding: 5px 10px !important;
        border-bottom: 1px solid #454d55;
        background-color: #999;
        color: #FFF;
    }

    .tms-bootstrap .modal-alert .modal-body {
        padding: 5px 10px !important;
    }

        .tms-bootstrap .modal-alert .modal-body p {
            margin: 10px 0 !important;
        }

    .tms-bootstrap .modal-alert .modal-footer {
        padding: 5px !important;
        margin-top: 0 !important;
    }

/* Panels */
.tms-bootstrap .panel-primary-light {
    border-color: #428bca;
}
    .tms-bootstrap .panel-primary-light > .panel-heading {
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }
        .tms-bootstrap .panel-primary-light > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca;
        }

    .tms-bootstrap .panel-primary-light > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca;
    }
.tms-bootstrap .panel-primary .panel-title a {
    color: #FFF !important;
}

.tms-bootstrap .panel-sub-heading,
.tms-bootstrap .modal-sub-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    background-color: #F5F5F5;
    border-color: #DDD;
    color: #333 !important;
}

    .tms-bootstrap .panel-sub-heading.thin,
    .tms-bootstrap .modal-sub-heading.thin {
        padding: 5px;
    }

/* Tables */
.tms-bootstrap .table-dt {
    font-family: Arial,sans-serif;
    font-size: 8pt;
}

    .tms-bootstrap .table-dt th,
    .tms-bootstrap .table-dt .trigger {
        cursor: pointer;
    }
.tms-bootstrap .table-wrapped {
    border: 1px solid #ddd;
}
.tms-bootstrap .table.datatable {
    margin-bottom: 0 !important;
}

    .tms-bootstrap .table.datatable > thead > tr > th {
        background: #F5F5F5 !important;
        border: 1px solid #E0E0E0 !important;
        color: #333 !important;
        text-align: center !important;
        vertical-align: middle !important;
        cursor: pointer !important;
    }

    .tms-bootstrap .table.datatable > thead th:not(.sorting_disabled) {
        padding-right: 1em;
    }

        .tms-bootstrap .table.datatable > thead th:not(.sorting_disabled):after {
            position: relative;
            right: -0.5em;
            content: "\f0dc";
            color: #999;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            width: 1.28571429em;
            text-align: center;
        }

    .tms-bootstrap .table.datatable > thead > tr > th,
    .tms-bootstrap .table.datatable > tbody > tr > td,
    .tms-bootstrap .table.datatable > tfoot > tr > td,
    .tms-bootstrap .table.datatable > tfoot > tr > th {
        vertical-align: middle;
    }


/* Badges */
.tms-bootstrap .badge.badge-dark {
    background: #343a40;
}

.tms-bootstrap .badge.badge-primary {
    background: #223c59;
}

.tms-bootstrap .badge.badge-primary-light {
    background: #428bca;
}

.tms-bootstrap .badge.badge-info {
    background: #5bc0de;
}

.tms-bootstrap .badge.badge-success {
    background: #5cb85c;
}

.tms-bootstrap .badge.badge-warning {
    background: #f0ad4e;
}

.tms-bootstrap .badge.badge-danger {
    background: #d9534f;
}

/* Tags */
.tag-success {
    background-color: #dff0d8;
    border: 1px solid #bfd0b8;
}

.tag-warning {
    background-color: #fcf8e3;
    border: 1px solid #dcd8c3;
}

.tag-danger {
    background-color: #f2dede;
    border: 1px solid #d2bebe;
}

/* Text */
.text-edit {
    font-size: 12pt !important;
    color: #8a6d3b !important;
}

.text-view {
    color: #0063DC !important;
}

.text-delete {
    font-size: 12pt !important;
    color: #a94442 !important;
}

/* Utilities */
.tms-bootstrap .active {
    color: #FFF !important;
}

.tms-bootstrap .pseudo-link {
    cursor: pointer;
}


.tms-bootstrap .no-pad {
    padding: 0 !important;
}

/* Misc */
.tms-bootstrap .pagination > li > a {
    color: #333 !important;
    cursor: pointer !important;
}

.tms-bootstrap .close {
    font-size: 40px !important;
    font-weight: normal !important;
}
.tms-bootstrap .ui-multiselect {
    width: 100% !important;
}

.tms-bootstrap .bigautocompletex.input-xs {
    background-color: #0f91b5;
}

.tms-bootstrap .jumbotron-sm {
    font-size: 10pt;
    padding: 0.5em 1em !important;
    margin: 0.15em 1em 0.5em !important;
}

.tms-bootstrap .tmmodal {
    top: 50px;
}

.tms-bootstrap .thin-labels label {
    font-weight: normal !important;
}

.tms-bootstrap .heading-thin {
    padding: 5px 15px !important;
}

.tms-bootstrap .autocomplete-value {
    background-color: #0f91b5;
}

.tms-bootstrap .well-label {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
}

ul > li.divider-label {
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
    margin: 5px 0 0;
}

.checkbox.adjusted input[type=checkbox] {
    position: relative;
    top: -4px;
    left: 2px;
}

.fa[data-label]:after,
.img-icon[data-label]:after {
    position: absolute;
    right: -25%;
    top: -25%;
    content: attr(data-label);
    font-size: 30%;
    padding: 0.6em;
    border-radius: 999px;
    line-height: 0.75em;
    color: white;
    background: rgba(255,0,0,.85);
    text-align: center;
    font-weight: bold;
}