@import url(//fonts.googleapis.com/css?family=Quicksand);

body {
    font-size: .88rem;
    font-weight: 400;
    line-height: 1.5;
    color: #f1f1f1;
    text-align: left;
    background-color: #363636;
}

body {
    font-family:  'Quicksand', 'Poppins', sans-serif !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.app-theme-dark .app-footer .app-footer__inner, .app-theme-dark .app-header, .app-theme-dark .app-main .app-sidebar {
    background: #2B2D3E;
    /* text-transform: uppercase; */
}


.main {
    padding-top: 60px;
}

.divider {
    margin-top: 20px;
    margin-bottom: 40px;
    height: 1px;
    overflow: hidden;
    background: #3D3C3C;
}

.form-control {
    display:block;
    font-size: 0.88rem;
    width:100%;
    height:calc(2.25rem + 2px);
    padding:.375rem .75rem;
    font-weight:400;
    line-height:1.5;
    color: #f1f1f1;
    background-color: #1d1f2a;
    background-clip: padding-box;
    border: 1px solid #1d1f2a;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-group {
    margin-bottom: 1rem;
}

.text-large {
    min-height: 100px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #1d1f2a;
    opacity: 0.7;
  }

.header {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}


h4 {
    margin-bottom: 30px;
}

h2, h1 {
    color: white;

}


.form button {
    color: white;
    background-color: #FF6758;
    height: calc(2.25rem + 2px);
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .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-lg-auto, .col-md, .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-md-auto, .col-sm, .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-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.has-horizontal-keyline {
    border-bottom: 1px solid #dadce0;
}

.panel-right {
    background-color: #191919;
    height: 100vh;
}
.btn {
    font-size: inherit;
    font-weight: 500;
    border-radius: .60rem !important;
}
.input-group .btn {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

/*.btn-group .btn:not(.dropdown-toggle) {*/
/*    border-bottom-right-radius: 0px !important;*/
/*    border-top-right-radius: 0px !important;*/
/*}*/


.btn-group .dropdown-toggle {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.btn-outline-state {

    background-color: transparent;
    padding:.375rem .75rem;
    border-radius: 10px;
}

ul {
    list-style-type: none;
    padding: 20px;
}

ul li {
    margin-bottom: 10px;
    margin-top: 3px;
}
.red {
    color: #FF6758;
}
.fancytree-helper-hidden {
    display: none;
}
.fancytree-helper-indeterminate-cb {
    color: #777;
}


.ES-C {
    background:url(fonts/ESC.svg) no-repeat
}

.company-details-mail {
    color: #63AC52;
}

.company-details a {
    color: #5F98CB;
}

.bg-dark {
    background-color: #191919 !important;
    color: #fff !important;
}

.card {
    background-color: #2B2D3E;
    color: #fff !important;
    border-radius: 15px;
}

.card-header {
    border-radius: 15px 15px 0 0 !important;
    background-color: #323548;
}

.card-footer {
    border-radius: 0 0 15px 15px !important;
    background-color: #323548;
  }

.header button {
    font-size: 1rem;
}

.vertical-nav-menu li a {
    color:#bdbcbc !important; 
    font-weight: 800 !important;
}

.modal-content {

    background-color: #2b2d3e;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1rem !important;
}
.modal-footer, .modal-header {
    background: #323548;
    border-bottom: 1px solid #323548;
    padding: .5rem 1rem;
}
.modal-header {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.modal-footer {
    background: #323548;
    border-top: 1px solid #323548;
}

.card-footer {
    /* background-color: transparent; */
}

.like-select {
    background-color: #555555 !important;
    border:1px solid #555555 !important;
    color: #f1f1f1 !important;
}

.select2-selection {
    color: #f1f1f1 !important;
    background-color: #1d1f2a !important;
    background-clip: padding-box;
    border: 1px solid #1d1f2a !important;
    border-radius:.25rem;
    font-size: .88rem;
    outline: 0;
}

.app-wrapper-footer .app-footer {
    border-top: #3D3C3C solid 1px;
}

.app-wrapper-footer .app-footer .app-footer__inner {
    border-left: #161616 solid 1px;
}

/*.table-hover tr:hover tbody td {*/
/*    background: rgba(0, 0, 0, 0.6) !important;*/
/*}*/

.table-hover tbody tr:hover  {
    background: transparent !important;
}

.table-hover tbody tr:hover td  {
    background-color: rgba(0,0,0,.20) !important;
}

/*.table-striped tbody tr:nth-of-type(2n+1)  {*/
/*    background-color: rgba(0,0,0,.3);*/
/*}*/

.table-striped tbody tr:nth-of-type(2n+1) td  {
    background-color: rgba(0,0,0,.3);
}

table {
    border-spacing: 0 10px;
    border-collapse: collapse;
    /* text-transform: uppercase; */
}

td {
    border: solid 1px #000;
    padding: 10px;
    /* left-radius: 10px; */
   }

/*tr:hover  {*/
/*    background-color: transparent;*/
/*}*/

/*.table-hover tbody tr:hover {*/
/*    background-color:  transparent;*/
/*}*/


tr td:first-child { border-top-left-radius: 1em; }
tr td:first-child { border-bottom-left-radius: 1em; }
tr td:last-child { border-bottom-right-radius: 1em; }
tr td:last-child { border-top-right-radius: 1em; }



.vertical-nav-menu i.metismenu-icon, .vertical-nav-menu i.metismenu-state-icon {
    color: #FF6758;
    opacity: 1;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #f1f1f1;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    color: #f1f1f1;
}




.vertical-timeline::before {
    background: #464545;
}

.badge-dot-xl::before {
    background-color: #202020;
}

.vertical-timeline-element-icon .badge-dot-xl {
    box-shadow: 0 0 0 0px #fff;
}

.btn-outline-danger {
    color: #FF6758;
    border-color: #FF6758;
}

.btn-danger {
    color: #fff !important;
    background-color: #FF6758 !important;
    border-color: #FF6758 !important
}


.text-danger {
    color: #FF6758 !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #FF6758 !important
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #FF6758;
    border-color: #FF6758;
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #FF6758;
    border-color: #FF6758;
}
.list-group-item {
    background-color: transparent;
}
.text-focus {
    color: #807ba1 !important;
}

.shadow-overflow::after, .shadow-overflow::before {

    background: transparent;
}

.card-header, .card-title {
    color: rgba(255, 255, 255, 0.7);
}

.vertical-nav-menu ul::before {
    background: #404040;
  }

.close {

    text-shadow: transparent;
    opacity: .5;
}

.btn-actions-pane-left button {
    padding: 0;
}
.btn-actions-pane-left .active {
    background-color: #1d1f2a !important;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #fff;
    background-color: #1d1f2a;
    border-color: #fa5e50;
}

.filepond--drip {
    background: #4e4e4e !important;
    opacity: 1 !important;
}

.filepond--drop-label {
    color: #a8a8a8 !important;
}

.modal-dialog {
    box-shadow: 0 .76875rem 2.4875rem rgba(52, 58, 64, 0.1),0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.13),0 .55rem .53125rem rgb(0, 0, 0),0 .225rem .4375rem rgba(52, 58, 64, 0.22);
    border-radius: 30px;
}

.btn-light {
    color: #212529;
    background-color: #a8a8a8;
    border-color: #a8a8a8;
}

.select2-container--open .select2-dropdown {
    color: #f1f1f1;
    background-color: #1d1f2a !important;
    border: 1px solid #1d1f2a;
   
}
/* 
.select2-container--bootstrap4 .select2-dropdown {
    border-color: transparent  !important;
    border-top-color: transparent  !important;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
} */

.custom-select {
    color: #f1f1f1 !important;
    background-color: #1d1f2a !important;
    border: 1px solid rgb(29, 31, 42) !important;
    border-radius: .25rem;
    width: 100% !important;
}

.daterangepicker {
    color: #f1f1f1 !important;
    border-radius: .25rem;
    background-color: #1d1f2a !important;
    border: 1px solid rgb(29, 31, 42) !important;
}

.dropdown-menu {
    color: #f1f1f1 !important;
    background-color: #1d1f2a !important;
    border-radius: .25rem;
}

.dropdown-item {
    color: #f1f1f1 !important;
}


.form-control::placeholder {
    color: #f1f1f1;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #f1f1f1;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #f1f1f1;
}

.text-muted {
    color: #a8a8a8 !important;
}

.apexcharts-svg {
    background: #2B2D3E !important;
}

.actions-icon-btn .btn-icon-only {
    padding-left: 0;
    padding-right: 0;
    color: #fff;
}

.card-header > .nav .nav-link {
    color: #a8a8a8;
}

.card-header > .nav .nav-link::before {
    background: #1d1f2a !important;
    bottom: -10px;
    opacity: 0;
}

.card-header > .nav .nav-link.active {
    color: #1d1f2a !important;
}

.card-footer > .nav .nav-link {
    color: #a8a8a8;
}

.card-footer > .nav .nav-link::before {
    background: #1d1f2a !important;
    bottom: -10px;
    opacity: 0;
}

.card-footer > .nav .nav-link.active {
    color: #1d1f2a !important;
}


.card-footer, .card-title {
    color: rgba(255, 255, 255, 0.7);

}

.widget-chart .widget-numbers {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1;
}

.vertical-nav-menu li a:hover {
    background: rgba(33, 37, 41, 0.55) !important;
}

.vertical-nav-menu li.mm-active > a {
    background: #161616 !important;
    font-weight: 700;
}

.vertical-nav-menu > li.mm-active > a {
    background: #1d1f2a !important;
  }

.vertical-nav-menu ul > li > a:hover {
    color: #1d1f2a;
    background: #f9f9f9;
}

.page-item.active .page-link, .pagination .active.page-number .page-link {
    z-index: 1;
    color: #fff;
    background-color: #D58B18 !important;
    border-color: #D58B18 !important;
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 2px;
}

.page-item .page-link, .pagination page-number .page-link {
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 2px;
    color: #1d1f2a;
    background-color: #2b2d3e !important;
    border-color: #2b2d3e !important;

}

.pagination li:first-child a {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.page-item:last-child .page-link, .pagination .page-number:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.page-item:first-child .page-link, .pagination .page-number:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.pagination li a {
    padding: .50rem .85rem;
}

.dt-buttons {
    display: none;
}

.print-inform .modal-content {
    color: #495057;
    background-color: #fff !important;
}

.print-inform .modal-content .modal-header {
    background: #f8f9fa !important;
    color: #495057 !important;
    border-bottom: 1px solid #f8f9fa;
    padding: .5rem 1rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px !important;
}

li a .badge {
   margin-left: 5px;
}

.badge {
    font-size: 75% !important;
    font-weight: 900 !important;
  }


.badge-danger {
    background-color: #FF6758;
}

.custom-control-label {
    position: relative;
    margin-bottom: .5rem;
    vertical-align: top;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

}
.btn-group:not(.fc-button-group) .btn:not(.dropdown-toggle) {

    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;

}
.btn-outline-alternate.disabled, .btn-outline-alternate:disabled {

    color: #ca97dd;
    background-color: transparent;

}
.btn-group .btn {

    font-size: .8rem;
    font-weight: 500;

}
.btn-group-vertical > .btn, .btn-group > .btn {

    position: relative;
    flex: 1 1 auto;

}
.btn-outline-alternate.disabled, .btn-outline-alternate:disabled {

    color: #ca97dd;
    background-color: transparent;

}
.btn.disabled, .btn:disabled {

    opacity: .65;

}
.btn {

    font-size: inherit;
    font-weight: 500;
    border-radius: .25rem !important;
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;

}
.btn {

    position: relative;
    transition: color .15s,background-color .15s,border-color .15s,box-shadow .15s;

}
.btn-outline-alternate {

    color: #ca97dd;
    border-color: #ca97dd;

}
.btn {

    font-size: .8rem;
    font-weight: 500;

}
.btn, a, button {

    outline: 0 !important;

}
.btn-group-sm > .btn, .btn-sm {
    padding: .15rem .5rem;
    font-size: .815rem;
    line-height: 1.5;
    border-radius: .2rem;
  }

.btn-outline-alternate {

    color: #ca97dd;
    border-color: #ca97dd;

}

.text-alternate{color:#ca97dd!important}
.btn-gradient-alternate{background-image:linear-gradient(140deg,#4e3159 -30%,#ca97dd 90%);background-color:#4e3159;border-color:#4e3159;color:#fff}
.btn-gradient-alternate.active,.btn-gradient-alternate:active,.btn-gradient-alternate:not(:disabled):not(.disabled):hover{background-image:linear-gradient(120deg,#452b4f 0,#704780 100%);color:#fff;border-color:#311f38}
.btn-gradient-alternate.active,.btn-gradient-alternate.focus,.btn-gradient-alternate:active,.btn-gradient-alternate:focus{color:#fff!important;border-color:#3f2848!important}
.btn-gradient-alternate.btn-shadow{box-shadow:0 .125rem .625rem rgba(121,76,138,.4),0 .0625rem .125rem rgba(121,76,138,.5)}
.btn-gradient-alternate.btn-shadow:hover{box-shadow:0 .125rem .625rem rgba(121,76,138,.5),0 .0625rem .125rem rgba(121,76,138,.6)}

.btn-alternate{color:#fff;background-color:#ca97dd;border-color:#ca97dd}.btn-alternate:hover{color:#fff;background-color:#633e71;border-color:#5c3a69}.btn-alternate.focus,.btn-alternate:focus{box-shadow:0 0 0 0 rgba(141,103,156,.5)}.btn-alternate.disabled,.btn-alternate:disabled{color:#fff;background-color:#ca97dd;border-color:#ca97dd}.btn-alternate:not(:disabled):not(.disabled).active,.btn-alternate:not(:disabled):not(.disabled):active,.show>.btn-alternate.dropdown-toggle{color:#fff;background-color:#5c3a69;border-color:#553561}.btn-alternate:not(:disabled):not(.disabled).active:focus,.btn-alternate:not(:disabled):not(.disabled):active:focus,.show>.btn-alternate.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(141,103,156,.5)}.btn-alternate.btn-shadow{box-shadow:0 .125rem .625rem rgba(121,76,138,.4),0 .0625rem .125rem rgba(121,76,138,.5)}.btn-alternate.btn-shadow:hover{box-shadow:0 .125rem .625rem rgba(121,76,138,.5),0 .0625rem .125rem rgba(121,76,138,.6)}


.btn-outline-primary{color:#9cb4f2;border-color:#9cb4f2}
.btn-outline-primary:hover{color:#fff;background-color:#9cb4f2;border-color:#9cb4f2}
.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 0 rgba(63,106,216,.5)}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#9cb4f2;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#9cb4f2;border-color:#9cb4f2}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(63,106,216,.5)}
.btn-outline-primary.btn-shadow{box-shadow:0 .125rem .625rem rgba(63,106,216,.4),0 .0625rem .125rem rgba(63,106,216,.5)}.btn-outline-primary.btn-shadow.active:hover,.btn-outline-primary.btn-shadow.disabled:hover,.btn-outline-primary.btn-shadow:active:hover,.btn-outline-primary.btn-shadow:disabled:hover{box-shadow:0 .125rem .625rem rgba(63,106,216,.5),0 .0625rem .125rem rgba(63,106,216,.6)}
.btn-outline-primary.btn-shadow:hover{box-shadow:0 5px 15px 2px rgba(63,106,216,.19)}
.dropdown-menu-hover-primary .dropdown-item:hover{background:#9cb4f2;color:#fff}


.text-primary{color:#5673be!important}
a.text-primary:focus,a.text-primary:hover{color: #2955c8!important}
.btn-primary{color:#fff;background-color:#5673be;border-color:#5673be}
.btn-primary:hover{color:#fff;background-color:#2955c8;border-color:#2651be}
.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 0 #5673be}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#5673be;border-color:#5673be}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#2651be;border-color:#244cb3}
.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 #5673be}

a{color:#5673be;text-decoration:none;background-color:transparent}a:hover{color: #5673be;text-decoration:underline}

.btn {
    border-width: 1.5px !important;
    /* text-transform: uppercase; */
    font-weight: bold !important;
}

.opacity-text-5 {
    opacity: .5;
}

.header-title {
    opacity: .8;
    font-weight: 600;
}

/* calendar */

.fc-liquid-hack td, .fc-liquid-hack th {
    position: inherit !important;
}

.fc-theme-standard td, .fc-theme-standard th {
    border-color:  #3D3D3D !important;
}

.fc-theme-standard th td {

    border-radius: 1em !important;
}

.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #3D3D3D !important;
    border: 1px solid var(--fc-border-color, #3d3d3d) !important;
}

.fc-theme-standard .fc-scrollgrid {
    border-color:  transparent !important;
}
.fc-day {
    background: rgb(83, 83, 83)!important ;

}
.fc-day:not(.fc-day-past){
    background: rgba(0,0,0,.3) !important;
}

/*.fc-day-today {*/
/*    background: rgba(0,0,0,.3) !important;*/
/*}*/


.fc-day-today .fc-daygrid-day-number {
    padding: .5rem .9rem !important;
    background: #FF6758 !important;
    border-radius: 2em;
}

.fc-button-group .btn {
    color: #F1f1f1;
}

.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff) !important;
    background-color: #FF6758  !important;
    background-color: var(--fc-button-bg-color, #FF6758)  !important;
    border-color: #FF6758  !important;
    border-color: var(--fc-button-border-color, #FF6758)  !important;
}

.widget-content .form-group {
    margin-bottom: 0rem;
}

.fc-state-over {
    background-color: rgba(0,0,0,.3) !important;
}

.fc-state-active, .fc-state-down {
    background-color: rgba(0,0,0,.3) !important;
    background-image: none;
    box-shadow: transparent;
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #F1f1f1;
    background-color: rgba(0,0,0,.3) !important;
}

.fc-event {
    background-color: rgba(0,0,0,.1) !important;
    border-color:  rgba(0,0,0,.1) !important;
}

.fc-theme-standard .fc-list-day-cushion {
    background-color: #2B2B2B !important;
    background-color: var(--fc-neutral-bg-color, #2B2B2B) !important;
}

.fc .fc-list-event:hover td {
    background-color: #3D3D3D !important;
}

.fc-theme-standard .fc-list {
    border: 1px solid transparent !important;
    border: 1px solid var(--fc-border-color, transparent) !important;
}

.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
    height: auto;
    position: relative !important;
    top: 0;
    right: 0;
    bottom: 0;
}

/*.fc .fc-non-business {*/
/*    background: rgb(83, 83, 83) !important;*/
/*}*/


.nav-link {
    /* background-color: #555555 !important; */
    border-radius: 2rem !important;
    padding: .135rem .10rem !important;
    color: #F1f1f1 !important;
}

.nav-link .tablink {
    color: #F1f1f1 !important;
    padding: .375rem 2rem !important;
}

.nav-pills .nav-link.active {
    background: #16171F;
  }


.tablink:hover, .nav-link .active {
    color: #fffefe !important;
    background-color: #242424 !important;
    border-radius: .60rem !important;

}

.tablink:hover {
    background-color: rgba(36, 36, 36, 0.52) !important;
}

.bg-text-dark {
    color: #242424 !important;
}

.modal .fc-toolbar-title {
    font-size: 1.3em !important;
}

.form-control:focus {
    color: #ffffff !important;
    background-color: rgba(36, 36, 36, 0.52) !important;
    border-color: #eea9a9 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(255, 0, 0, 0.25)!important;
}

.pick-selected-day{
    background: #FF6758 !important;
}

.app-sidebar:hover{
    overflow-y: scroll;
}

.text-orange {
    color: #e78200 !important;
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {

    background-color: #FF6758 !important;
}

.toggle-handle {
    width: 40px !important;
}

.custom-switch .toggle {
    margin-left: 10px;
    margin-right: 10px;
}
.form-inline input {
    margin-left: 10px;
}

.invoice{
    margin: 20px;
}


.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #3f4041 !important;
}


.datepicker-panel > ul > li {
    background-color: #262525 !important;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
}

.datepicker-dropdown {
    border: 1px solid #262525 !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0) !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1;
}


.overline-text {
    text-decoration: line-through !important;
    opacity: 0.5;
}

#invoiceReport {
    color:#161616 !important;
}

.print-inform h2, .print-inform h1 {
    color:#161616 !important;
}

.print-inform .table-striped tbody tr:nth-of-type(2n+1) td {
    background-color: transparent  !important;
}

.print-inform .table-hover tbody tr:hover td  {
    background-color: transparent  !important;
}

.toggle-password-eye {
    float: right;
    top: -25px;
    right: 10px;
    position: relative;
    cursor: pointer;
}

.daterangepicker .ranges li:hover {
    background-color: rgb(105, 105, 105) !important;

}

.daterangepicker .ranges li:hover {
    background-color:rgb(105, 105, 105) !important;
}

 .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field {
    background-color: #323548 !important;
    border: 1px solid #323548 !important;
    color: #ffffff !important;
  }

.select2-results__message {
    color: #ebedee !important;
}



/* .select2-container--bootstrap4 .select2-selection  {
    color: #ffffff !important;
    background-color: #323548 !important;
    border: 1px solid  #323548 !important;
} */

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    padding: 6px 15px 2px 8px !important;
  }

 
  .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #1d1f2a !important;
    font-weight: 900;
    float: left;
    margin: 4px !important;
    border: none;
      border-right-color: currentcolor;
      border-right-style: none;
      border-right-width: medium;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: medium;
  }

  .select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: #313a54 !important;
    color: #f8f9fa;
  }

  .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {
    background-color: #313a54 !important;
    color: white !important;
  }

  .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #fff !important;
    padding: 5px .35em 5px .35em;
    margin-left: calc(calc(2.25rem + 2px)/ 5 - 1px);
    margin-top: 0;
    border-radius: .2rem;
    background-color: #323548 !important;
    cursor: default;
    vertical-align: top;
    text-align: center;
    overflow: hidden;
    max-width: 100%;
  }


  /* .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: -14px !important;
  } */

  .trumbowyg-button-pane {
    background-color: #313a54 !important;
  }

  .trumbowyg-box svg, .trumbowyg-modal svg {
    color: #eae2e2 !important;
    fill: #fff !important;
  }

  .trumbowyg-box, .trumbowyg-editor {
    border: 1px solid #1d1f2a !important;
  }

  .trumbowyg-button-pane button.trumbowyg-active, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
    background-color: #1d1f2a !important;
  }

  .trumbowyg-button-pane .trumbowyg-button-group::after {
    background: #1d1f2a !important;
  }

  .trumbowyg-button-pane::after {
    background: #1d1f2a !important;
  }

  .card-dashboard {
    height: 95%;
  }


  .table-striped > tbody > tr:nth-of-type(2n+1) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg) !important;
    color: white !important;
  }

  .table-hover > tbody > tr:hover > * {
    color: white !important;
  }

  .table {
    --bs-table-color: white !important;
  }
/* 

#applicationTraffic { width: 80%; height: 200px; border: 1px ; position: relative; left: 10%; }
#centerApplicationTraffic { width: 10px; height: 10px; position: absolute; left: 50%; top: 100px; }
.itemCrosshair-yApplicationTraffic { width: 20px; height: 20px; position: absolute; }
#crosshair-xApplicationTraffic { width: 100%; height: 1px; position: absolute; left: 0; top: 100px; }
#crosshair-yApplicationTraffic { width: 1px; height: 200px;  position: absolute; left: 50%; top: 0; } */