@import url('https://fonts.googleapis.com/css?family=Tajawal');

* {
    font-family: Tajawal, sans-serif;
}
body, html {
    font-family: "Tajawal" !important;
    overflow-x: hidden;
}

body {
    background-color: #faf8f6;
}

.text-brown, .text-primary, .menu-state-color .menu-item .menu-link.active .menu-title, .menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title{
    color: #2f6db5 !important;
}
.aside .aside-primary {
    background-color: #000;
}
.menu-title-gray-600 .menu-item .menu-link .menu-title, .menu-icon-gray-400 .menu-item .menu-link .menu-icon, .menu-icon-gray-400 .menu-item .menu-link .menu-icon .svg-icon, .menu-icon-gray-400 .menu-item .menu-link .menu-icon i{
    color: #000;
    font-size: 15px;
    font-weight: 700;
}
.page-link.active, .active > .page-link, .btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary
, .menu-state-primary .menu-item .menu-link.active .menu-bullet .bullet, .btn.btn-primary
, .btn-check:checked + .btn.btn-active-primary, .btn-check:active + .btn.btn-active-primary, .btn.btn-active-primary:focus:not(.btn-active), .btn.btn-active-primary:hover:not(.btn-active), .btn.btn-active-primary:active:not(.btn-active), .btn.btn-active-primary.active, .btn.btn-active-primary.show, .show > .btn.btn-active-primary
, .bg-main{
    background-color: #2f6db5 !important;
}
.menu-state-primary .menu-item .menu-link.active .menu-title, .menu-state-primary .menu-item.show > .menu-link, .menu-state-primary .menu-item.show > .menu-link .menu-icon, .menu-state-primary .menu-item.show > .menu-link .menu-icon .svg-icon, .menu-state-primary .menu-item.show > .menu-link .menu-icon i, .menu-state-primary .menu-item.show > .menu-link .menu-title{
    color: #2f6db5 !important;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here){
    color: #2f6db5 !important;
}

.menu-state-primary .menu-item .menu-link.active .menu-icon, .menu-state-primary .menu-item .menu-link.active .menu-icon .svg-icon, .menu-state-primary .menu-item .menu-link.active .menu-icon i
, .menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i
, .menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here)
,.menu-state-color .menu-item .menu-link.active
{
     color: #2f6db5 !important;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title{
    color: #2f6db5 !important;
}
.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i
, .menu-state-color .menu-item .menu-link.active .menu-icon, .menu-state-color .menu-item .menu-link.active .menu-icon .svg-icon, .menu-state-color .menu-item .menu-link.active .menu-icon i{
    color: #2f6db5 !important;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after{
    background-color: #2f6db5 !important;
}

.align-right{
        text-align: right !important;
}

img{
    border-radius: 10px;
}

.form-group{
  margin-bottom: 20px;
}
.fa-lg {
    font-size: 1.25em !important;
}
.btn-main{
    background-color: #2f6db5 !important;
}
.checked {
  color: orange;
}