@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400&display=swap');

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Almarai', sans-serif !important;
}

.vertical-menu {
    font-weight: 200 !important;
}
.page-content {
    padding: 1.5rem calc(1.5rem / 2) 60px calc(1.5rem / 2) !important;
}
input, select, .select-2 {
    border: none !important;
    height: 50px !important;
    background-color: rgba(247, 247, 249, 0.7) !important;
    padding-left: 20px !important;
    border-radius: 5px;
}

.btn-primary {
    background: #153d57 !important;
    border: #153d57 !important;
}

.bg-primary {
    background-color: #153d57 !important;
}


.select2-container .select2-selection--multiple{
        height: 50px !important;
}

.select2-search__field {
    display: none;
}


.select2-container .select2-selection--multiple .select2-selection__choice {
    padding: 0 15px !important;
    height: 36px !important;
    line-height: 2.5 !important;
}

body[data-sidebar="dark"] .mm-active .active {
    color: #153d57 !important;
}

*:focus {
    outline: none;
}

[data-letters]:before {
  content:attr(data-letters);
  display:inline-block;
  font-size:1em;
  width:2.5em;
  height:2.5em;
  line-height:2.5em;
  text-align:center;
  border-radius:50%;
  background:#383b4d;
  vertical-align:middle;
  margin-right:1em;
  margin-left:1em;
  color:white;
}

#input-icon {
    background-color: #3e3e3d4;
    border: none !important;
}

input[type="file"] {
    display: inline-block;
    padding: 16px;
    position: relative;
}

.right-bar-enabled .right-bar {
    width: 50%;
}

.btn-danger {
    color: #fff;
    background-color: #ec4561 !important;
    border-color: #ec4561 !important;
}

.border-right {
    border-right: 1px solid #f7f8f8;
}

.border-left {
    border-left: 1px solid #f7f8f8;
}

.form-check-input:checked {
    background-color: #153d57 !important;
    border-color: #153d57 !important;
}

.form-check > label {
    margin-top: 4px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.fc-event {
    border: none !important;
}
.ts-control .item {
    height: 47;
}