/* cyrillic-ext
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(http://localhost/cts/cts/webfonts/Caveat-VariableFont_wght.woff2) format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(http://localhost/cts/cts/webfonts/Poppins-Regular.woff2) format('woff2');
 }
 */
body {
    font-size: 0.875rem;
}
.form-inline .form-group {
    margin-bottom: 0;
    padding: 0;
    vertical-align: middle;
}
.form-group-sm {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
  margin-bottom: 0;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.form-inline > div > label {
  margin-right:10px !important;
  
}
.form-inline > div > label {
  font-size: 12px;
  margin-left:15px !important;
}

.btn-margin  {
  margin : 10px;
}
.btn-margin > button,
.btn-margin > .btn-group {
  margin-right: 10px;
}
.btn {
  padding : 0.25rem 0.5rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  font-size: 0.875rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > button {
  font-size:  12px!important;
  line-height: 12px;
}
.btn-xs > .fa,
.btn-xs > .fas,
.btn-xs > .far,
.btn-xs > .fal,
.btn-xs > .fat,
 {
  font-size:  12px!important;

}
.btn-default:focus, .btn-default.focus {
  background-color: #e9ecef;
  color: #2b2b2b;
  font-weight: bold;
  box-shadow: 0 0 0 0.1rem rgba(100  , 100, 100, 0.5);
}
/*
.nav-icon {
  font-size: 13px!important;
}
*/
.nav-treeview > .nav-item {
  margin-left: 0.8rem;
}
.menu-item {
  padding-left: 30px;
}
.menu-item > .nav-link {
  width: 225px !important;

}
table {
  font-size: 0.75rem;
      border-spacing: 0;
    border-collapse: collapse;
}
div.pagination.pull-left {
 font-size: 0.9em; 
}
.table-sm > thead > tr > th, 
.table-sm > tbody > tr > th, 
.table-sm > tfoot > tr > th, 
.table-sm > thead > tr > td, 
.table-sm > tbody > tr > td, 
.table-sm > tfoot > tr > td {
    padding: 0.3rem;
}
.throw
{
    height: 40px;
    vertical-align: middle;
    font-size: larger;
}
.sorting > a {
  color: black;
}

.dark-mode .sorting > a {
  color: white;
}
.dropdown-menu {
  width: max-content;
}
/*
.card-header {
  height: 40px;
  padding: 0.3rem 1.25rem;
}*/
.dark-mode .table-warning,
.dark-mode .table-warning:hover{
  color: black;
}
.table-warning-alt {
  background-color: #faf2cc;
  color: black;
}
.table-success-alt {
  background-color: #BBD9C2;
  color: black;
}
.table-danger-alt {
  background-color: #E6BDC2;
}
.table-hover .table-warning:hover {
  color: black;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  color: black;
}
.table-hover .table-warning-alt:hover {
  background-color: #ffe8a1;
  color: black;
}

.table-hover .table-warning-alt:hover > td,
.table-hover .table-warning-alt:hover > th {
  background-color: #ffe8a1;
  color: black;
}

.form-horizontal .form-group-sm .radio-inline {
    font-size: 12px;
}
fieldset.epath-border {
    border-width: thin;
    border: thin solid gray;
    padding: 10px;
    margin: 5px;
}
legend.epath-border {
  width: auto;
  font-size: large;
  font-weight: bold;

}
.slider::before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    transition: 400ms;
    width: 16px;
}
.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 400ms;
}
.slider.round::before {
    border-radius: 50%;
}
.slider.round {
    border-radius: 34px;
}
input:checked+.slider::before {
    transform: translateX(26px);
}
input:checked+.slider {
    background-color: #66bb6a;
}
.theme-switch {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 50px;
}
.theme-switch input {
    display: none;
}


.indicator_ajax {
  position: absolute;
    width: 500px;
    top: 300px;
    color: white;
    background-color: black;
    left: 500px;
    height: 100px;
    opacity: 0.6;
    font-size: 30px;
    z-index:99999;
    padding:20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#indicator {
  display: none; 
 }

.modal-lg {
  min-width: 60vw;
  /* width: max-content;*/
}
.content-wrapper .content {
  padding:  0.5rem;
}
.table .sorting:after {
  float : right;
    font-family: "Font Awesome 6 Pro";
  font-weight: 900; 
  content: "\f0dc";
}
.table .sorting_asc:after {
  float : right;
    font-family: "Font Awesome 6 Pro";
  font-weight: 900; 
  content: "\f0dd"; // down
}
.table .sorting_desc:after {
  float : right;
    font-family: "Font Awesome 6 Pro";
  font-weight: 900; 
  content: "\f0de"; // up
}
.row_selected {
    background: #aaa !important;
}
.dark-mode .row_selected {
    background: #888 !important;
}
.form-horizontal .form-group-sm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}
.hidden {
   display: none !important;
 }
 .active .checked {
    display:inline-block;
}
 .unchecked {
    display:none;
  }
.btn-group-toggle>.btn::before, 
.btn-group-toggle>.btn::before,
.btn-group-toggle>.btn-group>.btn::before, 
.btn-group-toggle>.btn-group>.btn::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900; 
  font: var(--fa-font-regular);
  content: "\f0c8";
}

.btn-group-toggle>.btn.active::before, 
.btn-group-toggle>.btn.active::before,
.btn-group-toggle>.btn-group>.btn.active::before, 
.btn-group-toggle>.btn-group>.btn.active::before {
    font-family: "Font Awesome 6 Pro";
  font-weight: 900; 
  font: var(--fa-font-regular);
  content: "\f14a";
}
.button-radio:not(.active) {
  color: #333!important;
    background-color: #fff!important;
    border-color: #ccc!important;
    font-weight: normal!important;
}

.btn-circle.btn-xs.indicator {
            width: 30px;
            height: 30px;
            padding: 6px 0px;
            border-radius: 15px;
            text-align: center;
            border: 0px!important;
            margin-right: 5px;
          margin-top : 4px;
  }
 
  .indicator:not(.btn) {
    font-size: 26px;
    margin-top: -5px;
  }
.dark-mode .button-radio:not(.active){
    background-color: #3f474e!important;
    color: #dee2e6!important;
    border-color: #727b84!important;
    font-weight: normal!important;
}
.button-radio {
    white-space: nowrap;
    font-size: 0.75rem!important;
}
.skin {
    width: 10rem;
    height: 2rem;
    margin-top: 3px;
}
.dropdown-item > .fa,
.dropdown-item > .far,
.dropdown-item > .fas,
.dropdown-item > .fat,
.dropdown-item > .fal {
  width: 1.5rem;
}
.text-sm .nav-link {
    padding: 0.2rem ; 
 /*   padding-bottom: 0.1rem;*/
}
.row_odd {
  background:#e2e3e5 !important;
}
.row_even {
   background-color: #eeeff1 !important;
}
/*
.row_odd {
  background-color: white;
}



.row_selected {
  background: #ccc; 
}


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

.dark-mode .row_even {
   background-color: #474B50;
}

.dark-mode .row_selected {
  background: #5A5D60; 
}
*/
    .note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
  color: black;
}

.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}

.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}

.note-danger {
  background-color: #FAEAE6;
  border-color: #ed4e2a;
}

.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}

.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
}

.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}
/*
      .bg-primary { background-color: #3d85c6 !important; }
        .btn-primary { background-color: #3d85c6 !important; }
        .btn-outline-primary { color:#3d85c6 !important; }
        .btn-outline-primary:hover { color:white !important; background-color: #3d85c6 !important;  }
        .btn.bg-gradient-primary:hover { background: #3d85c6 !important; }
         
            .bg-gradient-primary { background: #3d85c6 linear-gradient(180deg,#9fc5e8,#3d85c6) repeat-x !important; }
          
*/
.btn-primary {
  color: #fff;
  background-color: #3f6791;
  border-color: #3f6791;
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #335476;
  border-color: #304e6d;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #335476;
  border-color: #304e6d;
  box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
}
 .btn-primary.disabled,  .btn-primary:disabled {
  color: #fff;
  background-color: #3f6791;
  border-color: #3f6791;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show >  .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #304e6d;
  border-color: #2c4765;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,  .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(92, 126, 162, 0.5);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, 
.btn-warning:not(:disabled):not(.disabled).active:focus, 
.show > .btn-warning.dropdown-toggle:focus  {
    box-shadow: 0 0 0 0.1rem rgba(221, 171, 15, 0.5);
} 
.btn-danger:not(:disabled):not(.disabled):active:focus, 
.btn-danger:not(:disabled):not(.disabled).active:focus, 
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(225, 83, 97, 0.5);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(72, 180, 97, 0.5);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(58, 176, 195, 0.5);
}
.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .dark-mode .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(92, 126, 162, 0.5);
}
.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-info:not(:disabled):not(.disabled).active:focus, .show > .dark-mode .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(82, 167, 224, 0.5);
}
.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-success:not(:disabled):not(.disabled).active:focus, .show > .dark-mode .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(38, 198, 157, 0.5);
}
.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .dark-mode .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(211, 139, 24, 0.5);
}
.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .dark-mode .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(235, 103, 89, 0.5);
}
        .card-primary:not(.card-outline) > .card-header { background-color: #3d85c6 !important; }
        .card-primary.card-outline-tabs > .card-header a.active {
            border-top: 3px solid #3d85c6!important;
        }

        .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before, .icheck-primary > input:first-child:checked + label::before {
            background-color: #3d85c6!important;
            border-color: #3d85c6!important;
            border: 1px solid #3d85c6!important;
        }

        .icheck-primary > input:first-child:hover + input[type="hidden"] + label::before, .icheck-primary > input:first-child:hover + label::before {
            border: 3px solid #3d85c6!important;
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
            background: #3d85c6!important;     
                    }
        
        .custom-control-input:checked ~ .custom-control-label::before { background-color: #3d85c6!important; }
        .custom-range::-moz-range-thumb { background-color: #3d85c6!important; }
        .progress-bar-primary { background-color: #3d85c6!important; }
        .text-primary { color: #3d85c6!important; }
        .card-primary:not(.card-outline) > .card-header { background-color: #3d85c6!important; }
        select > option:checked { background: #3d85c6 -webkit-linear-gradient(bottom, #3d85c6 0%, #3d85c6 100%)!important; }

 
        .direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before {
            border-left-color: #3d85c6!important;
        }

        .direct-chat-primary .left > .direct-chat-text::after, .direct-chat-primary .left > .direct-chat-text::before {
            border-right-color: #3d85c6!important;
        }

        .direct-chat-primary .right > .direct-chat-text {
            background-color: #3d85c6!important;
            border-color: #3d85c6!important;
                    }

        .direct-chat-primary .left > .direct-chat-text {
            background-color: #3d85c6!important;
            border-color: #3d85c6!important;
                    }

        .badge-primary {
                        background-color: #3d85c6!important;
        }

        blockquote { border-left-color: #3d85c6; }
        blockquote.quote-primary { border-color: #3d85c6!important; }

        .card-primary.card-outline { border-top: 3px solid #3d85c6; }
        .callout.callout-primary { border-left-color: #3d85c6!important; }
.bootbox-dialog {
  min-width:  10vw;
}