/* CSS Document */

a:focus,
input[type=button]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=submit]:focus,
input[type=text]:focus,
option:focus, 
select:focus,
textarea:focus,
.btn:active:focus,
.btn:focus,
.selectize-input.focus,
.tcDay:focus {
    outline-color: rgba(225,5,19,.5);
    outline-offset: 1px;
    outline-style: dotted;
    outline-width: 2px;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    outline-offset: 4px;
}


::selection {
    background: rgba(225,5,19,.5); /* WebKit/Blink Browsers */
    color: #FFF;
}

::-moz-selection {
    background: rgba(225,5,19,.5); /* Gecko Browsers */
    color: #FFF;
}

body, input, label, option, pre, select, textarea, .btn:not(.fa), .dropdown-menu {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
}

a, .dropdown-menu-large .dropdown-header, .information {
    color: rgba(225,5,19,1);
}

    a:hover, a:focus {
        color: #FF5056;
    }

h1, h2, h3, h4, h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

h1 {
    font-weight: 800;
}

input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
    background-color: rgba(225,5,19,1);
    visibility: visible;
    border-color: #B1000B;
}

svg path {
    fill: rgba(225,5,19,1);
}

.badge {
    background-color: #F27900;
}

.btn-primary,
.nav-pills > li.active > a {
    color: #fff;
    background-color: rgba(225,5,19,1);
    border-color: #B1000B;
}

    .btn-primary.active.focus,
    .btn-primary.active:focus,
    .btn-primary.active:hover,
    .btn-primary:active.focus,
    .btn-primary:active:focus,
    .btn-primary:active:hover,
    .open > .dropdown-toggle.btn-primary.focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .open > .dropdown-toggle.btn-primary:hover {
        color: #fff;
        background-color: #C70E12;
        border-color: #B1000B;
    }

    .btn-primary.active,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    .nav-pills > li.active > a:focus,
    .nav-pills > li.active > a:hover {
        background-color: #C70E12;
        border-color: #B1000B;
    }

    .btn-primary.disabled,
    .btn-primary.disabled.active,
    .btn-primary.disabled.focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled],
    .btn-primary[disabled].active,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-primary.active,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: #A35058;
        border-color: #B1000B;
    }

.btn.selected {
    background-color: rgba(227, 16, 23, 0.6);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    color: #FFF;
}

.backcolor-primary-light {
    background-color: rgba(225,5,19,.1) !important;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: rgba(225,5,19,1) !important;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: rgba(225,5,19,1) !important;
}

    .bootstrap-datetimepicker-widget table td.active.today:before {
        border-bottom-color: #fff !important;
    }

.bootstrap-datetimepicker-widget table td span.active {
    background-color: rgba(225,5,19,1) !important;
}

.dropdown-menu-large .dropdown-header {
    font-weight: 700;
}

.language.selected {
    border-color: rgba(225,5,19,1);
}

.navbar {
    background-color: #FFF;
    border-bottom: 1px solid #DDDDDD; /* border color2 */
}

    .navbar :focus {
        outline: none !important;
    }

.progress-bar {
    background-color: rgba(225,5,19,1);
}


.selectize-input.focus {
    border-color: #DDDDDD; /* border color2 */
}

.selectize-input > input:focus {
    outline: none !important;
}

.selectize-control.multi .selectize-input > div.active {
    background: rgba(225,5,19,.5); /* WebKit/Blink Browsers */
    color: #FFF;
}

.table > thead > tr > th {
    border-color: #DDDDDD; /* border color2 */
}

.table > tbody > tr > td, .table > tbody > tr > th {
    border-color: #DDDDDD; /* border color2 */
}

/* ------------------- spinner */

.loader,
.loader:after {
    border-radius: 50%;
    width: 15em;
    height: 15em;
    margin: -7.5em;
}

.loader {
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    border-top: 1.8em solid rgba(227,5,19, 0.2);
    border-right: 1.8em solid rgba(227,5,19, 0.2);
    border-bottom: 1.8em solid rgba(227,5,19, 0.2);
    border-left: 1.8em solid rgba(227,5,19, 0.8);
    position: fixed;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    top: 50%;
    left: 50%;
    z-index: 100;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ------------------- end spinner */