@import url("https://fonts.googleapis.com/css?family=Nunito:400,700");

@import "custom_sass";

$background: #fff;
//.btn-success {
//  //@include button-variant($mynewcolor, darken($mynewcolor, 7.5%), darken($mynewcolor, 10%), lighten($mynewcolor,5%), lighten($mynewcolor, 10%), darken($mynewcolor,20%));
//@include button-variant(color-yiq($background),  darken($background, 7.5%), darken($background, 10%));
//}

@each $color, $value in $theme-colors {
    .alert-outline-#{$color} {
        background-color: #fff;
    }
}
@each $color, $value in $theme-colors {
    .toast-#{$color} {
        /*box-shadow:0 8px 25px -8px $value;*/
        background-color: $value !important;
        opacity: 1;
        position: absolute;
    }
    .toast-#{$color}:focus {
        box-shadow: 0 8px 25px -8px $value;
    }
}
@each $color, $value in $theme-colors {
    .btn-outline-#{$color}:focus {
        box-shadow: 0 8px 25px -8px $value;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
    }
}

.alert .close {
    color: #333;
}
hr {
    border: 0;
    border-top: 1px solid #eeeeee;
}
p {
    margin-bottom: 10px;
}
/******************* help-block error message ***********/
.help-block {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 10px;
    color: #737373;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #ff7a7a;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #75d1a3;
}
.has-success .form-control {
    border-color: #75d1a3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control {
    border-color: #ff7a7a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
mark,
.mark {
    background-color: #ffce56;
    padding: 0.2em;
}
.form-control-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select[multiple],
select[size] {
    height: auto;
}
.slider.slider-horizontal:hover,
.slider.slider-vertical:hover {
    .tooltip.tooltip-main {
        opacity: 1 !important;
    }
}
.has-success .form-control:focus {
    border-color: #4fc48a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c2ebd6;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c2ebd6;
}
.has-error .form-control:focus {
    border-color: #ff4747;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffe0e0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffe0e0;
}
.lead {
    font-size: 1.25rem;
    font-weight: $lead-font-weight;
}
//$spacers: 4 5 8 10 12 15 16 20 24 25 30 35 40 45 50 60 70 80 90 100 120 140 150 160 180 200 250 300;

//override color of success
//.btn-success,.btn-outline-success:hover,.btn-warning,.btn-warning:hover
//{
//  color:#fff;
//}
code {
    background-image: linear-gradient(90deg, lighten($yellow, 35%), $yellow);
    padding: 0.2em;
}

// give spacing between card float-right icons
.card-header > span.float-right > *:not(:last-child) {
    margin-right: 0.25rem;
}