:root {
    --login-title-order: 1;
    --login-logo-order: 2;
    --login-description-order: 3;
    --login-form-field-border-radius: 25px;
    --login-background-color: #ffffff;
    --login-background-size: cover;
    --login-background-position: center;
   /* --login-form-background-color: rgba(0, 0, 0, 0.3);*/
    --login-form-width: 350px;
    --login-form-position-vertical: center;
    --login-form-position-horizontal: center;
    --login-form-logo-display: block;
    --login-form-title-text-size: 20px;
    --login-form-subtitle-text-size: 0;
    --footer-logos-section-display: flex;
    --footer-logo1-display: block;
    --footer-logo2-display: block;
    --footer-logo3-display: none;
    --footer-logo4-display: none;
    --footer-logo5-display: none;
    --footer-extra-text: block;
    --login-form-right-half: 60%;
    --login-copyright-position: center;
    --login-copyright-text-color: #fff;
    --login-form-border-raduis: 20px;
    --login-form-blur-rate: -5px;
    /*--login-form-text-color: #fff;*/
    --login-form-text-weight: 600;
    --login-form-error-color: #ff3c3c;
    --login-separator-color: rgba(255, 255, 255, .3);
    --shell-header-logo-height: 52px;
    --login-form-logo-powerd-by: none;
    --footer-flex-direction: column;
    --footer-align-items: center;
    --footer-logos-justify: center;
    --footer-extra-text: block;
    --footer-extra-text-align: center;
}

.sis-login__form-content{
    color: #fff;
}

.sis-login__logo{
    text-transform: uppercase;
}

.sis-login__form-control.sis-form-field .mat-input-element:not(textarea), .sis-login__form-control.sis-form-field .mat-select,
.sis-login__form-control.sis-form-field .mat-form-field-label-wrapper .mat-form-field-label,
.sis-login__form-control.sis-form-field .mat-form-field-placeholder-wrapper .mat-form-field-label {
   /* color: #333333;*/
    height: 40px !important;
    line-height: 46px !important;
    padding: 0 12px !important;
}

.sis-login__form-control.mat-form-field-hide-placeholder .mat-input-element:not(textarea){
    color: #333333;
}

.sis-login__form-control.sis-form-field .mat-form-field-label-wrapper .mat-form-field-label,
.sis-login__form-control.sis-form-field .mat-form-field-placeholder-wrapper .mat-form-field-label {
    top: -4px !important;
}

.sis-login__form-control.sis-form-field .mat-form-field-suffix {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}

.sis-login__form-control, .sis-login__reset-password{
    margin-bottom: 16px !important;
}

.sis-login__form-action{
    background-color: #fdb63a !important;
    color: #ffffff !important;
    height: 40px;
    font-size: 16px !important;
}

.sis-login__form-action.mat-raised-button .mat-button-wrapper{
    height: 40px;
}

.sis-login__form-group{
    padding-top: 10px !important;
}

.sis-login__warning{
    padding: 12px;
    color: #fbc02d;
    font-size: 14px;
    text-align: center;
}

.sis-login__form-link:hover{
    color: #ffffff;
    text-decoration: underline;
}

.sis-login__logo-image{
    height: 220px !important;
}

.sis-login__registration{
    line-height: 22px;
    margin-top: 24px !important;
}

.sis-login__separator{
    margin: 16px 0 !important;
}

.sis-login__footer{
    padding: 0 20px 20px !important;
}

.sis-login__footer .sis-login__logos{
    flex-wrap: wrap-reverse !important;
}

.sis-login__footer .sis-login__logos div:first-child,
.sis-login__footer .sis-login__logos div:nth-child(2) {
    height: 58px !important;
}

.sis-login__footer .sis-login__logos div:nth-child(2){
    width: 63px !important;
}

.sis-login__footer .sis-login__logos div:last-child{
    color: #ffffff !important;
    font-weight: bold;
    font-family: Proxima Nova Semibold, Roboto, Arial, sans-serif;
    padding-bottom: 16px;
}

.sis-shell-nav {
    background: #081929;
    color: #ffffff !important;
}

.sis-shell-nav .mat-expansion-panel {
    background: #081929;
}

.sis-shell-nav-container::-webkit-scrollbar {
    background-color: #081929 !important;
}

.sis-shell-nav-container::-webkit-scrollbar-track {
    background-color: #081929 !important;
    box-shadow: inset 0 0 2px #010d18 !important;
}

.form-designer .form-designer-content {
    background: #f3f3fe !important;
}

.form-designer .form-designer-content .form-designer-main-container {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.form-designer .form-designer__header:hover .form-designer-overlay,
.form-designer .form-designer__subway:hover .form-designer-overlay,
.form-designer .form-designer__tabs:hover .form-designer-overlay,
.form-designer .form-designer-card:hover>.form-designer-overlay {
    background-color: rgb(191, 191, 191, .06) !important;
}