/* put your own styles to customize and override the theme */
/* BST custom styles */

html, body {
    scroll-behavior: smooth;
}

a.scrollHere {
    width: 0;
    height: 0;
}

/* Използва се за индикатора на използваните и общия брой на символи в Input / TextArea */
.maxLenCounter {
    background-color: rgb(247, 196, 108);
    color: black;
    font-weight: bold;
    text-align: center;
    border-radius: 10px 10px 10px 0;
    padding: 2px 15px 2px 15px;
}

textarea{
    font-family: inherit;
    font-size: inherit;
}
/* 
    Checkboxes as a switches 
    https://www.w3schools.com/howto/howto_css_switch.asp
*/
.switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

.switch-lg {
    width: 60px;
    height: 34px;
}


.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .switch .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.switch-lg .slider:before {
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

input:checked + .slider {
    background-color: #346CB0;
}

input:focus + .slider {
    box-shadow: 0 0 1px #346CB0;
}

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

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

.switch .slider.round {
    border-radius: 14px;
}

.switch-lg .slider.round {
    border-radius: 34px;
}

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

.switch-success input:checked + .slider {
    background-color: #00A28A;
}

.switch-success input:focus + .slider {
    box-shadow: 0 0 1px #00A28A;
}

.switch-danger input:checked + .slider {
    background-color: #B76BA3;
}

.switch-danger input:focus + .slider {
    box-shadow: 0 0 1px #B76BA3;
}

.switch-warning input:checked + .slider {
    background-color: #B76BA3;
}

.switch-warning input:focus + .slider {
    box-shadow: 0 0 1px #B76BA3;
}

/* Popover - малко по-широк го правя :) */
.popover {
    max-width: 450px;
}

/* Тригери за popover preview-та */
.trg-client {
    color: #346CB0; /*primary*/
    text-decoration: none;
    cursor: help !important;
}

.trg-person {
    color: #F7C46C; /*warning*/
    text-decoration: none;
    cursor: help !important;
}

.trg-details {
    color: #346CB0; /*primary*/
    text-decoration: none;
    cursor: help !important;
}

.tfoot-totals {
    background-color: var(--secondary);
    color: var(--dark);
    font-weight: bold;
}

/*Когато и потребителя НЕ може да я управлява (toggle)*/
.switches {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

.switches-lg {
    width: 60px;
    height: 34px;
}

.switches .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #B76BA3;
    -webkit-transition: .4s;
    transition: .4s;
}

    .switches .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.switches-lg .slider:before {
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
}

.switches switchesInput {
    opacity: 0;
    width: 0;
    height: 0;
}

switchesInput:checked + .slider {
    background-color: #346CB0;
}

switchesInput:focus + .slider {
    box-shadow: 0 0 1px #346CB0;
}

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

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

.switches .slider.round {
    border-radius: 14px;
}

.switches-lg .slider.round {
    border-radius: 34px;
}

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

.switches-success input:checked + .slider {
    background-color: #00A28A;
}

.switches-success input:focus + .slider {
    box-shadow: 0 0 1px #00A28A;
}

.switches-danger input:checked + .slider {
    background-color: #B76BA3;
}

.switches-danger input:focus + .slider {
    box-shadow: 0 0 1px #B76BA3;
}

.switches-warning input:checked + .slider {
    background-color: #B76BA3;
}

.switches-warning input:focus + .slider {
    box-shadow: 0 0 1px #B76BA3;
}
.p2-side-bar {
    width: 450px !important;
    max-width: 450px !important;
}


/* gmsto, 18.12.2020 bootbox custmization */
.bootbox .modal-header {
    background-color: #346cb0;
    color: white;
}

.bootbox .modal-body {
    padding-top: 20px;
}
.listbox-select a:not([href]).selected{
    background-color:transparent!important;
    color:blue!important;
}
/* gmsto, 19.01.2021: различни декорации по страниците */
body.default-skin .page-cover-project {
    background-size: cover;
    background: url(/assets/images/Perpetuum/backdrounds/bgProject.png) center center no-repeat;
}

body.default-skin .page-cover-task {
    background-size: cover;
    background: url(/assets/images/Perpetuum/backdrounds/bgTask.png) center center no-repeat;
}

/* стеснявам малко padding-ите */
body.bst-narrow .page-inner {
    padding: 16px !important;
}

body.bst-narrow .page-cover {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* timer user control, \UserControls\TaskTimerControl.ascx*/
.bst-btn-timer {
    white-space: nowrap;
    border-radius: 2.25rem;
}

/* gmsto, 04.06.2021: Multiselect DDL */
.bs-actionsbox {
    border-bottom: 1px solid #e6e8ed;
}

.bs-donebutton {
    border-top: 1px solid #e6e8ed;
}

.bs-select-all {
}
.bs-deselect-all {
}
/*---- DARK theme -----*/
body.dark-skin .bs-actionsbox {
    border-bottom: 1px solid #222230 !important;
}

body.dark-skin .bs-donebutton {
    border-top: 1px solid #222230 !important;
}

body.dark-skin .bs-select-all {
}

body.dark-skin .bs-deselect-all {
}
/** end ***********/