/*Login image logo*/
.vw-login-logo {
    background: linear-gradient(60deg, #ffffff, #ffffff) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(0 108 193 / 44%) !important;
}

.vw-login-logo > img {
    width: 100% !important;
}


/*Card subtitle*/
.vw-card-subtitle > table {
    margin-top: 10px;
    margin-bottom: 0px;
    /*list-style-type: none !important;*/
    padding-inline-start: 0px !important;
    border-spacing: 0 !important; /* Removes the cell spacing via CSS */
    border-collapse: collapse !important;
}

.vw-card-subtitle > div > table > tbody > tr > td {
    color: #3C4858;
}

/*Client*/
.btn.btn-blue {
    color: #fff;
    background-color: #006dc2;
    border-color: #1777c5;
    box-shadow: 0 2px 2px 0 rgb(0 109 194 / 15%), 0 3px 1px -2px rgb(3 108 193 / 22%), 0 1px 5px 0 rgb(0 109 194 / 32%);
}

.btn.btn-blue:focus, .btn.btn-blue.focus, .btn.btn-blue:hover {
    color: #fff;
    background-color: #287dc8;
    border-color: #4290d1;
}

.btn.btn-blue:focus, .btn.btn-blue:active, .btn.btn-blue:hover {
    box-shadow: 0 14px 26px -12px rgb(0 107 192 / 55%), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgb(2 108 192 / 32%);
}

.btn.btn-yellow {
    color: #fff;
    background-color: #d79e31;
    border-color: #f0cb77;
    box-shadow: 0 2px 2px 0 rgb(194 164 0 / 15%), 0 3px 1px -2px rgb(193 174 3 / 22%), 0 1px 5px 0 rgb(194 146 0 / 32%);
}

.btn.btn-yellow:focus, .btn.btn-yellow.focus, .btn.btn-yellow:hover {
    color: #fff;
    background-color: #cbb01b;
    border-color: #e9cc80;
}

.btn.btn-yellow:focus, .btn.btn-yellow:active, .btn.btn-yellow:hover {
    box-shadow: 0 14px 26px -12px rgb(192 168 0 / 55%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(192 166 2 / 32%);
}

.card 
.card-header-yellow 
.card-icon, 
.card 
.card-header-yellow 
.card-text, 
.card 
.card-header-yellow:not(.card-header-icon):not(.card-header-text), 
.card.bg-yellow, 
.card.card-rotate.bg-yellow 
.front, 
.card.card-rotate.bg-yellow 
.back
{
    background: #e2bd69;
    background: -webkit-linear-gradient(60deg, #ffecb7, #e2bd69);
    background: -o-linear-gradient(60deg, #26c6da, #00acc1);
    background: -moz-linear-gradient(60deg, #26c6da, #00acc1);
    background: linear-gradient(60deg, #ffecb7, #e2bd69);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(226 188 105);
}

.card
.card-header-blue
.card-icon, .card
.card-header-blue
.card-text,
.card
.card-header-blue:not(.card-header-icon):not(.card-header-text),
.card.bg-blue,
.card.card-rotate.bg-blue
.front,
.card.card-rotate.bg-blue
.back {
    background: #457dbc;
    background: -webkit-linear-gradient(60deg, #4e8dd1a8, #457dbc);
    background: -o-linear-gradient(60deg, #4e8dd1a8, #457dbc);
    background: -moz-linear-gradient(60deg, #4e8dd1a8, #457dbc);
    background: linear-gradient(60deg, #4e8dd1a8, #457dbc);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(98 97 97 / 50%);
}

.vw-logo-sidebar {
    margin-right: 15px !important;
}

.vw-logo-sidebar > img {
    width: 100%;
}

.vw-sc-reader {
    width: 100%;
    min-height: 100px;
    text-align: center;
    position: relative;
}

.vm-sc-reader-init {
    width: 490px;
    height: 368px;
    position: relative;
    background-color: rgb(51 51 51 / 11%);
    align-content: center;
}

.vw-self-center {
    float: none;
    margin: 0 auto;
}

/*Public*/
.vw-public-panel {
    width: 100% !important;
    float: none !important;
}

/*General*/
.vw-title-section {
    text-wrap: auto;
}

/*Sidebar*/
.sarc-sidebar {
    background-image: url('/template/materialpro/img/login.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.sarc-mini-logo {
    width: 60px !important;
    margin-left: 8px !important;
    margin-right: 0px !important;
    margin-top: -10px !important;
}

.sarc-mini-logo > img {
    width: 100%;
}