.toggle-eye-password{
    position: relative;
}

.toggle-eye-password i{
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 15px;
    cursor: pointer;
}
.select2-form .select2-container{
    width: 100% !important;
}

.select2-form .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #000 !important;
    border: 1px solid #000 !important;
    color: #fff !important;
}

.select2-form .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    font-size: 12px !important;
}

.select2-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff;
}


/* DESKTOP */
@media (min-width: 768px) and (max-width: 991px) {
    #header.navbar>.navbar-toolbar {
        background-color: #000 !important;
        border-top: 1px solid #fff !important;
    }
}

/* MOBILE */
@media (min-width: 180px) and (max-width: 767px) {
    #header.navbar>.navbar-toolbar {
        background-color: #000 !important;
        border-top: 1px solid #fff !important;
    }
}
.has-error .select2-selection.select2-selection--multiple{
    border: 1px solid #ed5769;
}

/* Estilos para o Toggle */
.box-toggle{
    margin-top: 1em;
}
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}
.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 30px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}
/* Ícones */
.slider .icon.sun {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #fff;
}
.slider .icon.moon {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #fff;
}
input:checked + .slider {
    background-color: #4a4a4a;
}
input:checked + .slider:before {
    transform: translateX(30px);
}
body.dark-mode{
    background-color: #1d1d1d !important;
}
body.dark-mode #header.navbar>.navbar-toolbar{
    background-color: #1d1d1d !important;
}
body.dark-mode #header.navbar>.navbar-toolbar>.navbar-nav>li>a{
    color: #fff !important;
}
body.dark-mode .page-title{
    background-color: #1d1d1d !important;
}
body.dark-mode .page-title .title{
    color: #fff !important;
}
body.dark-mode .stat-box{
    background-color: #1d1d1d !important;
    color: #fff !important;
    border-color: #ddd !important;
}
body.dark-mode .page-header.page-header-block{
    background-color: #4a4a4a !important;
}
body.dark-mode .order_options .event_count{
    color: #fff !important;
}
body.dark-mode .panel-body{
    background-color: #4a4a4a !important;
}
body.dark-mode .nav-section>li>a,body.dark-mode .nav-section>li>.section{
    color: #fff !important;
}
body.dark-mode .panel-footer{
    background-color: #000 !important;
}
body.dark-mode input, body.dark-mode select{
    background-color: #000 !important;
    color: #fff !important;
}
body.dark-mode .panel-success>.panel-heading{
    border-color: #fff !important;
}
body.dark-mode .tab-content.panel{
    background-color: #1d1d1d !important;
}
body.dark-mode label.control-label{
    color: #fff !important;
}
body.dark-mode div.CodeMirror{
    background-color: #1d1d1d !important;
}
body.dark-mode div.CodeMirror-code{
    color: #fff !important;
}
body.dark-mode div.CodeMirror-cursor{
    border-left: 1px solid #fff !important;
}
body.dark-mode .editor-toolbar a{
    color: #fff !important;
}
body.dark-mode .editor-toolbar a.active, .editor-toolbar a:hover{
    background: #666666 !important; 
}
body.dark-mode .nav.nav-tabs{
    background-color: #000;
}
body.dark-mode .nav-tabs>li>a{
    color: #fff;
}
body.dark-mode .nav-tabs>li.active>a,body.dark-mode .nav-tabs>li.active>a:hover,
body.dark-mode .nav-tabs>li.active>a:focus{
    color: #ffffff;
    background: #1d1d1d;
}
body.dark-mode .select2-container--default .select2-selection--multiple{
    background: #535353 !important;
}
body.dark-mode .create_organiser,body.dark-mode .address-manual{
    background: #535353 !important;
}
body.dark-mode .hasDatepicker[disabled],body.dark-mode .hasDatepicker[readonly],
body.dark-mode fieldset[disabled] .hasDatepicker{
    background-color: #000 !important;
}
body.dark-mode .thumbnail{
    background-color: #535353 !important;
}
body.dark-mode .modal-body{
    background-color: #979797 !important;
}
body.dark-mode .modal-footer{
    background-color: #1d1d1d !important;
}
body.dark-mode .table>tbody>tr>td{
    color: #fff !important;
}
body.dark-mode .table>tbody>tr>td a{
    color: #fff !important;
}
body.dark-mode .table>tbody{
    background-color: #000 !important;
}
body.dark-mode .table>tbody{
    background-color: #000 !important;
}
body.dark-mode .lineup-item{
    background: #1d1d1d;
}
body.dark-mode .lineup-item label{
    color: #fff;
}
body.dark-mode .alert-info{
    color: #fff;
}
body.dark-mode .panel-body i,body.dark-mode .panel-body span{
    color: #fff !important;
}
/* body.dark-mode .panel-body i.ico-cart{
    color: #aeb2d3 !important;
} */
body.dark-mode .panel-body > h1,
body.dark-mode .panel-body >h5{
    color: #fff !important;
}

.page-title h1.title{
    position: relative;
}
.page-title h1.title .options-requests-money{
    position: absolute;
    right: 0;
    top: 0;
}
.page-title h1.title .options-requests-money button>i{
    color: #4adb57;
    margin-right: .5em;
}


#bg_image_wrapper{position:relative;display:inline-block}
#bg_image_wrapper img{max-width:100%;height:auto}
.remove-img{
    font-size: 1.5em;
    position: absolute;
    top: 6px;
    right: 6px;
    background: #000000;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
.remove-img:hover{background:#c62828}
.no-padding{
    padding:0 !important;
}

div.humane{
    background: rgb(53, 52, 52);
    color: rgb(255, 255, 255);
    margin-top: 0.5em;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 47px -3px;
}
.thumbnail{
   position:relative;
}