html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

body.show-spinner>main {
  overflow: hidden !important;
}

/* Hide everything under body tag */
body.show-spinner>* {
  opacity: 0;
}

/* Spinner */
body.show-spinner::after {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

/**/
/**/
/**/
/*Custom*/
/**/
/**/
/**/

footer.page-footer {
    padding-top: 1.5rem;
     /*padding-bottom: 0.5rem; */
    border-top: 1px solid #d7d7d7;
    width: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
     height: 60px; 
}

.navbar #notificationDropdown {
    width: 260px;
    padding: 1.5rem;
    height: 285px;
    right: 15px;
}

.f-24 {
  font-size: 24px;
}

.f-18 {
  font-size: 18px;
}
.border-right {
    border-right: 1px solid #f3f3f3!important;
}

.border-left {
    border-left: 1px solid #f3f3f3!important;
}

.pr-2_2 {
  padding-right: 2.2rem !important;
}

.w-150 {
  width: 150px;
}

.round-primary {
  width: 15px;
  height: 15px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  background-color: #00365a;
  border-radius: 50%;
}

.round-green {
  width: 15px;
  height: 15px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  background-color: #28a745;
  border-radius: 50%;
}

.round-gray {
  width: 15px;
  height: 15px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  background-color: #909090;
  border-radius: 50%;
}

.custom-switch.custom-switch-green .custom-switch-input:checked+.custom-switch-btn {
    background: #28a745;
    border: 1px solid #28a745;
}

.border-theme-4 {
  border-color: #909090!important;
}

.border-theme-5 {
  border-color: #28a745!important;
}

.select-card {
  border-radius: .75rem;
  border: 1px solid transparent;
}

.select-card:hover {
  cursor: pointer;
  border-radius: .75rem;
  border: 1px solid #00365a;
  color: #3a3a3a;
  box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}

.card-2 {
  width: 220px !important;
}

.card-3 {
 max-width: 958px !important;
}

.navbar .header-icon#notificationButton .count {
    font-size: 9px;
    color: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 10px;
    position: absolute;
    width: 18px;
    height: 15px;
    text-align: center;
    font-weight: 700;
    top: -4px;
    right: 2px;
    line-height: 14px;
}

.h-44 {
    height: 44.4% !important;
}

.link-dashed {
  border-bottom: 1px dashed #3a3a3a;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #28a745!important;
    box-shadow: initial!important;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #28a745!important;
    box-shadow: initial!important;
    border: 1px solid #28a745!important;
}

.scroll {
    margin-right: -15px;
    padding-right: 15px;
    position: relative;
    margin-bottom: 50px;
}

.row-hover {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    border-color: #f3f3f3!important;
}

.row-hover:hover {
  background-color: #f3f3f3;
}

.block {
    background: green;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    color: #fff;
   }

.card-arrow {

}

.card .card-arrow {
  position: relative;
  z-index: 1;
  width:100%;
  height:100%;
  box-sizing: border-box;
  padding: 20px;
  background: #fff;
}

.card-arrow::after {
  content: '';
  position: absolute;
  top: -40px;
  left: 250px;
  background: white;
  border: 10px solid transparent;
  transform: rotate(45deg) translateX(15px) translateY(15px);
  box-shadow: -1px -1px 2px -2px #909090;
 }

.logo-single2 {
    width: 110px;
    height: 35px;
    /*background: url(../logos/black.svg) no-repeat;*/
    background-position: center center;
    display: inline-block;
    margin-bottom: 60px;
}

/*@media (min-width: 576px)*/
.modal-dialog-800 {
    max-width: 800px!important;
    margin: 1.75rem auto;
}