#wrapper {
    overflow-x: hidden;
}

#sidebar-wrapper {
    min-height: 100vh;
    text-align: center;
    -webkit-transition: width .25s ease-out;
    -moz-transition: width .25s ease-out;
    -o-transition: width .25s ease-out;
    transition: width .25s ease-out;
    width: 15rem;
    position: fixed
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}


#page-content-wrapper {
    min-width: 100vw;
    margin-left: 5rem;
    -webkit-transition: margin-left .25s ease-out;
    -moz-transition: margin-left .25s ease-out;
    -o-transition: margin-left .25s ease-out;
    transition: margin-left .25s ease-out;
}


@media (min-width: 768px) {
    #page-content-wrapper {
        margin-left: 15rem;
    }

    #sidebar-wrapper {
        margin-right: 0;
    }

    #page-content-wrapper {
        min-width: 1rem;
        width: 100%;
    }

    #wrapper.sidebar_toggled #sidebar-wrapper {
        /*margin-right: -10rem;*/
        width: 5rem;
    }

    #wrapper.sidebar_toggled #page-content-wrapper {
        margin-left: 5rem;
    }

    /*#wrapper.sidebar_hovered #sidebar-wrapper {*/
    /*    margin-right: 0;*/
    /*}*/
}


/* Fixed sidenav, full height */
.sidenav {

    /*height: 100%;*/
    padding-top: 20px;
}

.sidenav-item {
    width: 12rem;
    overflow-x: hidden;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 100%;
    text-align: right;
    cursor: pointer;
    outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
    color: #b8b8b8;
}

/* Main content */
.main {
    margin-left: 200px; /* Same as the width of the sidenav */
    padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.dropdown-toggle.active {
    background-color: green;
    color: white;
}

.nav-item.active {
    background-color: #3990a8;
    color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    /*display: none;*/
    background-color: #0e6780;
    padding: 5px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}

#wrapper.sidebar_toggled #sidebar-wrapper a {
    text-align: center;
}

.sidebar_toggled a span {
    /*opacity: 0;*/
    /*visibility: hidden;*/
    /*transition: visibility 1s step-end, opacity 1s ease 0s;*/
    /*-webkit-transition: visibility .2s ease-out, opacity .2s ease 0s;;*/
    /*-moz-transition: visibility .2s ease-out, opacity .2s ease 0s;;*/
    /*-o-transition: visibility .2s ease-out, opacity .2s ease 0s;;*/
    /*transition: visibility .2s ease-out, opacity .2s ease 0s;;*/
    /*transition: visibility .2s ease-out, opacity .2s ease 0s;;*/
    display: none !important;
}

.select2-selection__choice {
    color: white;
    background: #76c880 !important;
    padding: 5px !important;
    border-color: white !important;
}

.select2-selection--multiple {
    line-height: 1;
}

.select2-selection__rendered {
    min-height: 38px;
}


.btn-green {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-green:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-green.focus, .btn-green:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-green.disabled, .btn-green:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show > .btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-orange {
    color: white;
    /*background-color: #ffc107;*/
    background-color: #ff6a00;
    border-color: #ff6a00;
}

.btn-orange:hover {
    color: white;
    background-color: #c65501;
    border-color: #ca5100;
}

.btn-orange:focus, .btn-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(141, 46, 0, .5);
}

.btn-orange.disabled, .btn-orange:disabled {
    color: white;
    background-color: #ff6a00;
    border-color: #ff6a00;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
    color: white;
    background-color: #c65501;
    border-color: #c65501;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 36, 0, .5);
}

.btn-gray {
    color: #fff;
    /*background-color: #ffc107;*/
    background-color: #767676;
    border-color: #767676;
}

.btn-gray:hover {
    color: #fff;
    background-color: #565555;
    border-color: #484646;
}

.btn-gray:focus, .btn-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(69, 69, 69, 0.5);
}

.btn-gray.disabled, .btn-gray:disabled {
    color: #fff;
    background-color: #767676;
    border-color: #767676;
}

.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #565555;
    border-color: #565555;
}

.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(69, 69, 69, 0.5);
}

a {
    line-height: inherit;
    color: #0482ba;
    text-decoration: none;
    cursor: pointer
}

.btn {
    font-weight: 200;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card {
    box-shadow: 0 1px 10px 1px rgb(69 65 78 / 15%);
}

.list-group-item {
    border-bottom: 1px solid #f4f3f9;
}


.files-input {
    padding: 1% 1% 1% 1%;
}

.files-input .custom-file-input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 15% 5% 15% 5%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

.files-input:focus {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border: 1px solid #92b0b3;
}


fieldset {
    border: 1px solid #dee2e6 !important;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

fieldset legend {
    width: auto !important;
    margin-top: -35px;
    background-color: #f4f3f9;
}

.thumbnail {
    width: 100%;
    /*padding: 10px;*/
    border-radius: 15px;
}

.coinex-transfer-icon {
    font-size: 20px;
    cursor: pointer;
}

.coinex-transfer-icon:hover {
    color: lightgrey;
}

.row .table-container{
    padding: 0;
}