/*

    GLOBAL STYLE ADJUSTMENTS AND OVERRIDES, NOT TO BE USED FOR LOCAL COMPONENT CSS

*/




/* --------------------------------------------------- */
/* ------------------- MISC TWEAKS ------------------- */
/* --------------------------------------------------- */

.toast-bottom-right {
    bottom: 45px;
}

.rst-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 170px;
    margin-bottom: 5px;
}

tbody, .table > tbody > tr > td {
    vertical-align: middle !important;
}

a .btn {
    color: #676a6c;
}

button > * {
    pointer-events: none;
}

.navbar-branch-change {
    margin: 12px 0 0 10px;
    float: left;
}

.nav > li > a.router-link-active {
    color: #ffffff;
}

input[type="checkbox"], input[type="radio"] {
    width: 22px;
    height: 22px;
}

.page-heading {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 50;
}

@media only screen and (max-height: 850px) {
    .page-heading {
        position: static;
    }
}

#wrapper {
    overflow-x: initial;
}

/* --------------------------------------------------- */
/* ----------------- TABLE RESPOND ------------------- */
/* --------------------------------------------------- */
@media screen and (max-width: 450px) {
    .table-responsive .respond-hide {
        display: none;
    }
}

.dataTableList .checkbox-column {
    width: 40px;
}

.dataTableList .actions-column {
    width: 150px;
}

/* --------------------------------------------------- */
/* ------------------- FORM TWEAKS ------------------- */
/* --------------------------------------------------- */

.datepicker-fix {
    position: initial !important;
}

.vue-treeselect__list {
    z-index: 0 !important;
}

.trumbowyg-editor-visible {
    background-color: #01112b;
}



.form-group .i-checks {
    margin-top: 5px;
}

.has-success .input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    color: inherit;
}

.error.valid {
    display: none !important;
}

.bootstrap-touchspin-postfix {
    border-left: 0;
}

td .i-checks label {
    margin-bottom: 0;
}

.text-middle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
    height: 34px;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgb(103, 106, 108);
    line-height: 34px;
}

.select2-dropdown {
    z-index: 9001;
}

.onoffswitch {
    height: 20px;
    display: inline-block;
    text-align: left;
}

.vue-treeselect__option--disabled .vue-treeselect__label-container {
    cursor: pointer !important;
    color: rgb(103, 106, 108) !important;
}

/* --------------------------------------------------- */
/* ------------------- MOBILE TWEAKS ----------------- */
/* --------------------------------------------------- */

@media only screen and (max-width: 812px) {
    #page-wrapper {
        padding: 0 !important;
    }

    .wrapper-content {
        padding: 0 !important;
    }

    .ibox-content {
        padding: 5px !important;
    }

    .panel-body {
        padding: 15px 10px 10px 10px !important;
    }

    #small-chat {
        display: none;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
    }
    /*.note-editor .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 0; 
        padding-right: 0; 
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 0; 
        padding-left: 0; 
}*/
}

@media print {
    .noPrint {
        display: none !important;
    }

    .printableArea {
        display: block !important;
    }
}



/* till button styles */

.BtnBlue {
    color: #ffffff !important;
    background: #20BBFA !important;
    border-color: #20BBFA !important;
}

.BtnDarkBlue {
    color: #ffffff !important;
    background: #3B5998 !important;
    border-color: #3B5998 !important;
}

.BtnCyan {
    color: #ffffff !important;
    background: #1682AF !important;
    border-color: #1682AF !important;
}

.BtnDarkCyan {
    color: #ffffff !important;
    background: #22647A !important;
    border-color: #22647A !important;
}

.BtnGreen {
    color: #ffffff !important;
    background: #84BC66 !important;
    border-color: #84BC66 !important;
}

.BtnDarkGreen {
    color: #ffffff !important;
    background: #00B159 !important;
    border-color: #00B159 !important;
}

.BtnRed {
    color: #ffffff !important;
    background: #D83C43 !important;
    border-color: #D83C43 !important;
}

.BtnDarkRed {
    color: #ffffff !important;
    background: #C00000 !important;
    border-color: #C00000 !important;
}

.BtnOrange {
    color: #ffffff !important;
    background: #F07323 !important;
    border-color: #F07323 !important;
}

.BtnDarkOrange {
    color: #ffffff !important;
    background: #FF5722 !important;
    border-color: #FF5722 !important;
}

.BtnYellow {
    color: #ffffff !important;
    background: #ECD002 !important;
    border-color: #ECD002 !important;
}

.BtnDarkYellow {
    color: #ffffff !important;
    background: #FFC425 !important;
    border-color: #FFC425 !important;
}

.BtnPink {
    color: #ffffff !important;
    background: #FF4CB6 !important;
    border-color: #FF4CB6 !important;
}

.BtnDarkPink {
    color: #ffffff !important;
    background: #B6026D !important;
    border-color: #B6026D !important;
}

.BtnPurple {
    color: #ffffff !important;
    background: #AE7EFB !important;
    border-color: #AE7EFB !important;
}

.BtnDarkPurple {
    color: #ffffff !important;
    background: #531953 !important;
    border-color: #531953 !important;
}

.BtnGrey {
    color: #ffffff !important;
    background: #9E9E9E !important;
    border-color: #9E9E9E !important;
}

.BtnDarkGrey {
    color: #ffffff !important;
    background: #5C5C5C !important;
    border-color: #5C5C5C !important;
}

.BtnBlack {
    color: #ffffff !important;
    background: #0F0F0F !important;
    border-color: #0F0F0F !important;
}

.BtnSpacer {
    color: #CCC !important;
    background: #2E2E2E !important;
    border-color: #2E2E2E !important;
}

/* Tag Styles */
.vue-tags-input {
    max-width: 100% !important;
    font-size: 13px;
}

.vue-tags-input .ti-tag {
    position: relative;
    background: #1c84c6 !important;
    color: #fff;
    font-size: 13px !important;
}

.vue-tags-input .ti-tag:hover {
    background: #ed5565;
    color: #ffffff;
}

.ti-new-tag-input-wrapper {
    font-size: 13px !important;
}

/* Time Selector Styles */

.vue__time-picker .dropdown {
    width: 100% !important;
}

.vue__time-picker input.display-time {
    width: 100% !important
}

.vue__time-picker .dropdown .select-list {
    width: 100% !important;
}