.cr-login-logo{
    width: 150px;
}

.cr-text.cr-icon i {
    position: absolute;
    top: 36px;
    right: 10px;
    line-height: 1.35;
    color: #69737d;
    z-index: 1;
}

.cr-hidden{
    display: none !important;
}

.cr-text input[type='text'], .cr-text input[type='number']{
    color: #fff;
}

.cr-text input[type='number'] {
    width: 100%;
    height: 45px;
    padding: 0 45px 0 15px;
    background: rgb(35, 35, 35);
    color: rgb(235, 235, 235);
    border: 0;
    border-radius: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 17px;
    padding: 5px;
    z-index: 10000;
}

.cr-ticket-status-section span.cr-waiting {
    background: rgba(50, 55, 60, .05);
    color: rgb(175, 175, 175);
    border-color: rgb(50, 55, 60);
}

.cr-ticket-status-section span.cr-answered {
    background: rgba(25, 150, 115, .05);
    color: rgb(25, 150, 115);
    border-color: rgb(25, 150, 115);
}

.cr-ticket-status-section span.cr-closed {
    background: rgba(225, 70, 75, .05);
    color: rgb(225, 70, 75);
    border-color: rgb(225, 70, 75);
}

.cr-user-status-section {
    display: flex;
    justify-content: center;
}

.cr-user-status-section span {
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .90rem;
    border: 1px solid transparent;
    border-radius: 300px;
}

.cr-user-status-section span.cr-verified {
    background: rgba(25, 150, 115, .05);
    color: rgb(25, 150, 115);
    border-color: rgb(25, 150, 115);
}

.cr-user-status-section span.cr-unverified {
    background: rgba(225, 70, 75, .05);
    color: rgb(225, 70, 75);
    border-color: rgb(225, 70, 75);
}

.cr-user-status-section span.cr-rejected {
    background: rgba(225, 70, 75, .05);
    color: rgb(250, 51, 15);
    border-color: rgb(241, 79, 64);
}
.cr-user-status-section span.cr-waitingVerified {
    background: rgba(50, 55, 60, .05);
    color: rgb(252 184 20);
    border-color: rgb(252 184 20);
}

.cr-ticket-section .cr-info-section ul li .cr-waiting {
    color: rgb(255, 121, 0);
}

.cr-ticket-section .cr-info-section ul li .cr-answered {
    color: rgb(25, 150, 115);
}

.cr-ticket-section .cr-info-section ul li .cr-closed {
    color: rgb(225, 70, 75);
}


.cr-select select{
    background: #232323;
    border-color: #1e1e1e;
}

.cr-text input[type='password'] {
    width: 100%;
    height: 45px;
    padding: 0 45px 0 15px;
    background: rgb(35, 35, 35);
    border: 0;
    border-radius: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.cr-card .cr-card-header .cr-title .cr-actions .cr-action2{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 30px 10px 20px;
    font-weight: 500;
    background: linear-gradient(100deg, rgb(255 90 90) 5%, rgb(255 92 50) 35%, rgb(250 56 20) 105%);
    color: var(--Text-Color);
    font-family: var(--FontFamily-Bold);
    border: 0;
    border-radius: 300px;
    transition: all .25s ease-in-out;
}

.cr-info {
    width: 100%;
    margin: 0 0 15px;
    padding: 15px;
    font-size: .95rem;
    background: rgba(25, 150, 115, .05);
    color: rgb(25, 150, 115);
    border: 1px solid rgb(25, 150, 115);
    border-radius: 10px;
}

.cr-danger {
    width: 100%;
    margin: 0 0 15px;
    padding: 15px;
    font-size: .95rem;
    background: rgba(225, 70, 75, .05);
    color: rgb(225, 70, 75);
    border: 1px solid rgb(225, 70, 75);
    border-radius: 10px;
}

.cr-card .cr-table .cr-name{
    color: #fff;
}

.cr-orders-section .cr-status-order-section .cr-PENDING {
    color: rgb(44, 62, 80);
}

.cr-orders-section .cr-status-order-section .cr-CREATING {
    color: rgb(243, 156, 18);
}

.cr-orders-section .cr-status-order-section .cr-DOING {
    color: rgb(41, 128, 185);
}

.cr-orders-section .cr-status-order-section .cr-REJECTED {
    color: rgb(225, 70, 75);
}

.cr-orders-section .cr-status-order-section .cr-ACCEPTED {
    color: rgb(39, 174, 96);
}

.cr-account-section .cr-info-section ul li .cr-PENDING {
    color: rgb(25, 150, 115);
}

.cr-account-section .cr-info-section ul li .cr-CREATING {
    color: rgb(25, 150, 115);
}

.cr-account-section .cr-info-section ul li .cr-DOING {
    color: rgb(25, 150, 115);
}

.cr-account-section .cr-info-section ul li .cr-REJECTED {
    color: rgb(25, 150, 115);
}

.cr-account-section .cr-info-section ul li .cr-ACCEPTED {
    color: rgb(25, 150, 115);
}


.cr-table-spinner{
    background: transparent !important;
    padding: 0 !important;
    display: none;
}

.cr-parent-spinner .cr-table-spinner{
    display: block !important;
}

.cr-form-section .cr-actions .cr-spinner{
    background: transparent !important;
    padding: 0 !important;
}