/* body {
    color: #ffffff;
    overflow: hidden;
} */

@media (min-width: 768px) {
    [data-layout="layout-1"] .wrapper {
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }
}



.oldui{
.form-group label {
    /* font-family: OpenSauceTwo; */
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #414750;
}

.popup-title {
    text-align: center;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.48px;
    text-align: center;
    color: #222121;
}

.popup-button {
    margin-top: 1em;
    width:100%;
}


.button-100 {
    width: 100%;
}

.padding-20 {
    padding: 20px;
}

.form-control {
    background: #555555;
    border-radius: 8px;
    border: transparent;
    padding: .375rem .75rem;
    height: 42px;
}

.custom-view-input {
    display: flex;
    align-items: center;
    color: #ffffff;
}


body.modal-open .modal {
    /* -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px); */
    background-color: rgba(0, 0, 0, 0.8);
}

.full-width {
    width: 100%;
}

.round-corner {
    border-radius: 0.3em;
}


input[type="text"] {
    height: 42px;
    background: transparent;
    border-radius: 0.3em;
    color: #ffffff;
}

input[type="text"]:focus {
    background: transparent;
    border-color: #707070;
}

input[type="text"] {
    border-radius: 8px;
    border: transparent;
}

.add-btn {
    width: 2em;
    height: 2em;
    padding: 0.2em;
    margin: 0 0.3em;
}

/* .custom-select {
    background: transparent;
    color: #ffffff;
    background-image: linear-gradient(
        45deg
        , transparent 50%, white 50%), linear-gradient(
        135deg
        , white 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    height: 42px;
    border-radius: 8px;
    
} */

.form-control:disabled, .form-control[readonly] {
    background: #adadad;
}

select option {
    background: #adadad;
    color: #ffffff;
    padding: 1em;
}

.select-item {
    background: gray;
}

.custom-select:focus {
    outline: none;
    box-shadow: none;
    border-color: #adadad;
}


.swal2-image {
 margin-bottom: 0 !important;
 margin-top: 4em !important;      
}

.swal2-container.swal2-bottom>.swal2-popup {
    max-width: 800px;
    width: 100%;
    background: #1D1D1D;
}

.swal2-title {
    color: var(--primary) !important;
}

.swal2-title {
    margin-top: 0 !important;
}

.swal2-close {
    padding: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 30em !important;
    background: var(--primary) !important;
    color: #000000 !important;
    margin: 0;
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 1.5em !important;
}

.swal2-html-container {
    padding-top: 0 !important;
    color: #ffffff !important;
    font-size: 0.8em !important;
}

.swal2-close:hover {
    color: #000000 !important;
}

.swal2-icon-error .swal2-title {
    color: #f27474 !important;
}

:focus {
    outline: none;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #1d1d1d;
} 

::-webkit-scrollbar
{
	width: 10px;
	background-color: #1d1d1d;
}

::-webkit-scrollbar-thumb
{
	background-color: #333333;
    border-radius: 5px;
}

}