@font-face {
    font-family: "FarmNew-Bold";
    src: url("typos/New Farm/FarmNew-Bold.otf") format("opentype");
}

@font-face {
    font-family: "FarmNew-Light";
    src: url("typos/New Farm/FarmNew-Light.otf") format("opentype");
}

@font-face {
    font-family: "FarmNew-Medium";
    src: url("typos/New Farm/FarmNew-Medium.otf") format("opentype");
}

@font-face {
    font-family: "FarmNew-Regular";
    src: url("typos/New Farm/FarmNew-Regular.otf") format("opentype");
}

@font-face {
    font-family: "FarmNew-Thin";
    src: url("typos/New Farm/FarmNew-Thin.otf") format("opentype");
}

*:not(i):not(.sidebar-toggle):not(.fas) {
    font-family: Roboto;
}

h1, h2, h3 {
    font-family: 'FarmNew-Medium', sans-serif !important;
}

a:hover {
    text-decoration: none !important;
}

.btn {
    border-radius: 25px !important;
}

.btn-big {
    font-size: 1.6rem !important;
}

.btn.btn-default, .btn.btn-primary, .badge.badge-primary, .bg-primary {
    color: white !important;
    background-color: #3c4bff !important;
    border-color: #3c4bff !important;
}

.btn.btn-outlined {
    border: thin solid currentColor;
    background: transparent;
    color: #3c4bff;
    border-radius: 7px !important;
}

.btn.btn-outlined-error {
    border: thin solid currentColor;
    background: transparent;
    color: #fa896b;
    border-radius: 7px !important;
}

/*.btn.btn-primary:hover { color: white; background-color: rgba(60,75,255,.8) !important; border-color: rgba(60,75,255,.8) !important; }*/
.btn.btn-light, .bg-light {
    border-color: #3c4bff !important;
    color: #3c4bff
}

/*.btn.btn-light:hover { color: white; background-color: rgba(60,75,255,.8) !important; border-color: rgba(60,75,255,.8) !important; }*/
.btn.btn-green, .badge.badge-green, .bg-green {
    color: #3c4bff !important;
    background-color: #3cff8c !important;
}

/*.btn.btn-green:hover { color: white; background-color: #3c4bff !important; }*/
.btn.btn-rose, .badge.badge-rose, .bg-rose {
    color: white;
    background-color: #ff9bff !important;
}

/*.btn.btn-rose:hover { color: white; }*/
.btn.btn-yellow, .badge.badge-yellow, .bg-yellow {
    color: #3c4bff !important;
    background-color: #fbfa3e !important;
}

/*.btn.btn-yellow:hover { color: white; background-color: #3c4bff }*/
.bg-white {
    background-color: #fff;
}

.custom-switch {
    padding-left: 2.5em;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2em;
    height: 1.5em;
    opacity: 0;
}

.custom-switch .custom-control-input~.custom-control-label {
    cursor: pointer;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: #6174d1;
    background-color: #6174d1;
}

.custom-switch .custom-control-label:before {
    left: -2.25em;
    width: 1.75em;
    pointer-events: all;
    border-radius: 0.5em;
}

.custom-control-label:before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-control-label:after, .custom-control-label:before {
    position: absolute;
    top: 0.15625em;
    left: -1.5em;
    display: block;
    width: 1em;
    height: 1em;
    content: "";
}

.custom-control-label:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #333;
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translateX(0.75em);
}

.custom-switch .custom-control-label:after {
    top: calc(0.15625em + 2px);
    left: calc(-2.25em + 2px);
    width: calc(1em - 4px);
    height: calc(1em - 4px);
    background-color: #333;
    border-radius: 0.5em;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-control-label:after {
    background: no-repeat 50%/50% 50%;
}

.custom-control-label:after, .custom-control-label:before {
    position: absolute;
    top: 0.15625em;
    left: -1.5em;
    display: block;
    width: 1em;
    height: 1em;
    content: "";
}

.btn.btn-outline-danger {
    border-color: #dc3545 !important;
    color: #dc3545
}

.btn.btn-outline-success {
    border-color: #00a65a !important;
    color: #00a65a
}

.btn.btn-outline-primary {
    border-color: #3c4bff !important;
    color: #3c4bff
}

.badge-danger, .bg-danger {
    color: #fff;
    background-color: #dc3545 !important;
}

span.fas.fa-times {
    color: #dc3545 !important;
}

span.fas.fa-check {
    color: #3cff8c !important;
}

.text-primary {
    color: #3c4bff !important;
}

.text-green {
    color: #3cff8c !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-rose {
    color: #ff9bff !important;
}

.text-yellow {
    color: #fbfa3e !important;
}

.border-primary {
    border-color: #3c4bff !important;
}

.border-green {
    border-color: #3cff8c !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-rose {
    border-color: #ff9bff !important;
}

.border-yellow {
    border-color: #fbfa3e !important;
}

.rounded {
    border-radius: 50% !important;
}

.border-1 {
    border-width: 1px !important;
    border-style: solid;
}

.border-2 {
    border-width: 2px !important;
    border-style: solid;
}

.border-3 {
    border-width: 3px !important;
    border-style: solid;
}

.border-4 {
    border-width: 4px !important;
    border-style: solid;
}

.border-5 {
    border-width: 5px !important;
    border-style: solid;
}

.ajax-loader-container {
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
}

.ajax-loader-container>div {
    position: relative;
    background: none;
    width: 100%;
    height: 100%;
}

.ajax-loader-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.font-big {
    font-size: 1.8rem;
}

.dashboard-invoice-states {
    background-color: #ecf2ff;
    padding: 20px;
    border-radius: 7px;
    margin-bottom: 40px;
}