:root {
    --primary: #42a5f5; /* primary */
    --secondary: #f0ad4e; /* warning */
    --tertiary: #d43f3a; /* danger */
    --clickable: #42a5f5; /* buttons */
}
.text-primary{
    color: var(--primary)!important;
}
.btn-danger{
    background: var(--tertiary)!important;
    border-color: var(--tertiary)!important;
}
.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger.focus,
.btn-danger:active, 
.btn-danger.active, 
.open>.dropdown-toggle.btn-danger{
    background:var(--tertiary)!important;
    border-color: var(--tertiary)!important;
}

.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus,
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{
    color:#fff!important;
    background: var(--clickable)!important;
    border-color: var(--clickable)!important;
}

.btn-warning.disabled, 
.btn-warning[disabled], 
fieldset[disabled] .btn-warning, 
.btn-warning.disabled:hover, 
.btn-warning[disabled]:hover, 
fieldset[disabled] .btn-warning:hover, 
.btn-warning.disabled:focus, 
.btn-warning[disabled]:focus, 
fieldset[disabled] .btn-warning:focus, 
.btn-warning.disabled.focus, 
.btn-warning[disabled].focus, 
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active, 
.btn-warning[disabled]:active, 
fieldset[disabled] .btn-warning:active, 
.btn-warning.disabled.active, 
.btn-warning[disabled].active, 
fieldset[disabled] .btn-warning.active{
    background-color: var(--secondary)!important;
    border-color:  var(--secondary)!important;
}
.btn,
.btn-primary:active, 
.btn-primary.active, 
.open>.dropdown-toggle.btn-primary
.btn-info{
    font-weight:400!important;
    color:#fff!important;
    background: var(--clickable)!important;
    border-color: var(--clickable)!important;
}
.btn:hover,
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus{
    background: var(--clickable)!important;
    border-color: var(--clickable)!important;
}


.image_wrapper,
div.lock-container {
    width: 400px !important;
}

.image_wrapper {
    padding: 50px !important;
}

div.lock-container {
    padding: 55px !important;
    max-width: unset !important;
}
.modal.fade .modal-dialog{ 
    -webkit-transform: none; 
    -ms-transform: none; 
    transform: none; 
} 
.modal-backdrop.show { 
    opacity: 0.5; 
    filter: alpha(opacity=50); 
}
.show-password{
    position: absolute;
    right: 0;
    bottom:5px;
    z-index:1;
    background: none;
    border: none;
    color:#ccc
}
.show-password.showed{
    color:#333
}

#spinnerSAML {
    border: 16px solid var(--primary);
    border-top: 16px solid transparent;
}