﻿
.form-control {
    font-size: 14px
}

.btn-primary {
    background-color: #167BE0
}

.btn {
    border-radius: 1px;
    font-size: 12px;
}

.btn-info {
    background-color: #07c382;
    border-color: #07c382;
}

.btn-default {
    border: 1px solid rgb(148,155,160);
}

label {
    margin-top: .5rem;
    margin-bottom: 0
}

[data-toggle="collapse"] {
    cursor: pointer;
}

[data-toggle="collapse"]::after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome, sans-serif;
    font-size: 25px;
    position: relative;
    top: 3px;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

[data-toggle="collapse"].collapsed::after {
    transform: rotate(-90deg);
}

.datepicker i.fa {
    cursor: pointer;
    color: #007bff;
    position: relative;
    top: 5px;
    padding-left: 4px;
    font-size: 18px;
}

.datepicker.disabled i.fa {
    color: GrayText;
    cursor: default;
}

.datepicker > input {
    padding: 2px;
    border-radius: 0;
}

.custom-radio input[type=radio]:not(.custom-control-input) {
    visibility: hidden;
}

.custom-radio input[type=radio]:not(.custom-control-input) ~ label {
    margin-left: -12px;
}

.custom-radio input[type=radio]:not(.custom-control-input) ~ label::before {
    position: absolute;
    top: 10.5px;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #dee2e6;
}

.custom-radio input[type=radio]:not(.custom-control-input) ~ label::after {
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    cursor: pointer;
    content: "\f111";
    background-image: none;
    font-family: FontAwesome, sans-serif;
    color: transparent;
    position: absolute;
    top: 11px;
    left: 3.5px;
    font-size: 11px;
    font-weight: 100;
    line-height: 16px;
}

.custom-radio input[type=radio]:not(.custom-control-input):checked ~ label::after {
    content: "\f111";
    background-image: none;
    font-family: FontAwesome, sans-serif;
    color: #007bff;
    position: absolute;
    top: 10.5px;
    left: 2.5px;
    font-size: 11px;
    font-weight: 100;
    line-height: 16px;
}

.custom-checkbox input[type=checkbox]:not(.custom-control-input) {
    visibility: hidden;
}

.custom-checkbox input[type=checkbox]:not(.custom-control-input) ~ label::before {
    position: absolute;
    top: .1rem;
    left: 1rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 1px;
}

.custom-checkbox input[type=checkbox]:not(.custom-control-input) ~ label::after {
    content: "";
    background-image: none;
    font-family: FontAwesome, sans-serif;
    color: #07C382;
    position: absolute;
    top: .1rem;
    left: 1rem;
    font-size: 18px;
    font-weight: 100;
    height: 1rem;
    width: 1rem;
    line-height: 1rem;
}

.custom-checkbox input[type=checkbox]:not(.custom-control-input):checked ~ label::after {
    content: "\f00c";
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: white;
}

.custom-checkbox .custom-control-label::before {
    content: "";
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 1px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    content: "\f00c";
    background-image: none;
    font-family: FontAwesome, sans-serif;
    color: #07C382;
    position: absolute;
    top: -5px;
    left: -22px;
    font-size: 18px;
    font-weight: 100;
}

@-moz-document url-prefix() {
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        top: -6px;
    }
}

.custom-radio .custom-control-label::before {
    background-color: white;
    border: 1px solid #dee2e6;
}

.custom-checkbox,
.custom-checkbox .custom-control-label,
.custom-checkbox label,
.custom-radio .custom-control-label,
.custom-checkbox .custom-control-label::before,
.custom-radio .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::after {
    cursor: pointer;
}


.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: white;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    content: "\f111";
    background-image: none;
    font-family: FontAwesome, sans-serif;
    color: #007bff;
    position: absolute;
    top: 1px;
    left: -18px;
    font-size: 11px;
    font-weight: 100;
    line-height: 16px;
}

@-moz-document url-prefix() {
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        top: 0px !important;
    }
}

@supports (-ms-ime-align: auto) {
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        top: 0px !important;
    }
}


html[data-useragent*='MSIE 10.0'] .custom-radio .custom-control-input:checked ~ .custom-control-label::after,
html[data-useragent*='Edge'] .custom-radio .custom-control-input:checked ~ .custom-control-label::after,
html[data-useragent*='MSIE 10.0'] .custom-radio > input[type=radio]:not(.custom-control-input):checked ~ label::after,
html[data-useragent*='Edge'] .custom-radio > input[type=radio]:not(.custom-control-input):checked ~ label::after {
    line-height: 15px;
}

.custom-control-label::before {
    top: 0px;
    pointer-events: auto;
    width: 16px;
    height: 16px;
}


.alert.alert-warning {
    background-color: #f89406;
    color: #ffffff;
    opacity: 0.8
}

.alert.alert-success {
    background-color: #51a351;
    color: #ffffff;
    opacity: 0.8
}

.alert.alert-danger {
    background-color: #bd362f;
    color: #ffffff;
    opacity: 0.8
}

.alert.alert-info {
    background-color: #2f96b4;
    color: #ffffff;
    opacity: 0.8
}


.form-control:disabled,
.form-control[readonly] {
    background-color: rgb(249, 249, 249);
}


.tooltip > .tooltip-inner {
    background-color: #fff;
    color: #495057;
    border: 1px solid #ced4da;
    padding: 4px;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #ced4da !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #ced4da !important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #ced4da !important;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #ced4da !important;
}
