/* YuzSpace Version 2.0 */
:root{
    --theme-blue : #1f345f;
    --theme-orange : #e74900;
}
/**======== DEFAULT COMPONENTS CLASSES =======***/

/* font-weight */
.fw-200{
    font-weight: 200 !important;
  }.fw-300{
    font-weight: 300 !important;
  }.fw-350{
    font-weight: 350 !important;
  }.fw-400{
    font-weight: 400 !important;
  }.fw-450{
    font-weight: 450 !important;
  }.fw-500{
    font-weight: 500 !important;
  }.fw-550{
    font-weight: 550 !important;
  }.fw-600{
    font-weight: 600 !important;
  }.fw-700{
    font-weight: 700 !important;
  }.fw-800{
    font-weight: 800 !important;
  }.fw-900{
    font-weight: 900 !important;
  }
  /* font-size */
  .fs-8{
    font-size:8px !important;
  }.fs-9{
    font-size:9px !important;
  }.fs-10{
    font-size:10px !important;
  }.fs-10{
    font-size:10px !important;
  }.fs-11{
    font-size:11px !important;
  }.fs-12{
    font-size:12px !important;
  }.fs-13{
    font-size:13px !important;
  }.fs-14{
    font-size:14px !important;
  }.fs-15{
    font-size:15px !important;
  }.fs-16{
    font-size:16px !important;
  }.fs-17{
    font-size:17px !important;
  }.fs-18{
    font-size:18px !important;
  }.fs-19{
    font-size:19px !important;
  }.fs-20{
    font-size:20px !important;
  }.fs-21{
    font-size:21px !important;
  }.fs-22{
    font-size:22px !important;
  }.fs-23{
    font-size:23px !important;
  }.fs-24{
    font-size:24px !important;
  }.fs-25{
    font-size:25px !important;
  }.fs-26{
    font-size:26px !important;
  }.fs-27{
    font-size:27px !important;
  }.fs-28{
    font-size:28px !important;
  }.fs-29{
    font-size:29px !important;
  }.fs-30{
    font-size:30px !important;
  }
  @media screen and (max-width: 576px) {
    .fs-xm-8{
      font-size:8px !important;
    }.fs-xm-9{
      font-size:9px !important;
    }.fs-xm-10{
      font-size:10px !important;
    }.fs-xm-10{
      font-size:10px !important;
    }.fs-xm-11{
      font-size:11px !important;
    }.fs-xm-12{
      font-size:12px !important;
    }.fs-xm-13{
      font-size:13px !important;
    }.fs-xm-14{
      font-size:14px !important;
    }.fs-xm-15{
      font-size:15px !important;
    }.fs-xm-16{
      font-size:16px !important;
    }.fs-xm-17{
      font-size:17px !important;
    }.fs-xm-18{
      font-size:18px !important;
    }.fs-xm-19{
      font-size:19px !important;
    }.fs-xm-20{
      font-size:20px !important;
    }.fs-xm-21{
      font-size:21px !important;
    }.fs-xm-22{
      font-size:22px !important;
    }.fs-xm-23{
      font-size:23px !important;
    }.fs-xm-24{
      font-size:24px !important;
    }.fs-xm-25{
      font-size:25px !important;
    }.fs-xm-26{
      font-size:26px !important;
    }.fs-xm-27{
      font-size:27px !important;
    }.fs-xm-28{
      font-size:28px !important;
    }.fs-xm-29{
      font-size:29px !important;
    }.fs-xm-30{
      font-size:30px !important;
    }
    .fs-xm-31{
      font-size:31px !important;
    }
    .fs-xm-32{
      font-size:32px !important;
    }
    .fs-xm-33{
      font-size:33px !important;
    }
    .fs-xm-34{
      font-size:34px !important;
    }
    .fs-xm-35{
      font-size:35px !important;
    }
  }

  @media screen and (min-width: 576px) {
    .fs-sm-8{
      font-size:8px !important;
    }.fs-sm-9{
      font-size:9px !important;
    }.fs-sm-10{
      font-size:10px !important;
    }.fs-sm-10{
      font-size:10px !important;
    }.fs-sm-11{
      font-size:11px !important;
    }.fs-sm-12{
      font-size:12px !important;
    }.fs-sm-13{
      font-size:13px !important;
    }.fs-sm-14{
      font-size:14px !important;
    }.fs-sm-15{
      font-size:15px !important;
    }.fs-sm-16{
      font-size:16px !important;
    }.fs-sm-17{
      font-size:17px !important;
    }.fs-sm-18{
      font-size:18px !important;
    }.fs-sm-19{
      font-size:19px !important;
    }.fs-sm-20{
      font-size:20px !important;
    }.fs-sm-21{
      font-size:21px !important;
    }.fs-sm-22{
      font-size:22px !important;
    }.fs-sm-23{
      font-size:23px !important;
    }.fs-sm-24{
      font-size:24px !important;
    }.fs-sm-25{
      font-size:25px !important;
    }.fs-sm-26{
      font-size:26px !important;
    }.fs-sm-27{
      font-size:27px !important;
    }.fs-sm-28{
      font-size:28px !important;
    }.fs-sm-29{
      font-size:29px !important;
    }.fs-sm-30{
      font-size:30px !important;
    }
    .fs-sm-31{
      font-size:31px !important;
    }
    .fs-sm-32{
      font-size:32px !important;
    }
    .fs-sm-33{
      font-size:33px !important;
    }
    .fs-sm-34{
      font-size:34px !important;
    }
    .fs-sm-34{
      font-size:34px !important;
    }
  }
  @media screen and (min-width: 768px) {
    .fs-md-8{
      font-size:8px !important;
    }.fs-md-9{
      font-size:9px !important;
    }.fs-md-10{
      font-size:10px !important;
    }.fs-md-10{
      font-size:10px !important;
    }.fs-md-11{
      font-size:11px !important;
    }.fs-md-12{
      font-size:12px !important;
    }.fs-md-13{
      font-size:13px !important;
    }.fs-md-14{
      font-size:14px !important;
    }.fs-md-15{
      font-size:15px !important;
    }.fs-md-16{
      font-size:16px !important;
    }.fs-md-17{
      font-size:17px !important;
    }.fs-md-18{
      font-size:18px !important;
    }.fs-md-19{
      font-size:19px !important;
    }.fs-md-20{
      font-size:20px !important;
    }.fs-md-21{
      font-size:21px !important;
    }.fs-md-22{
      font-size:22px !important;
    }.fs-md-23{
      font-size:23px !important;
    }.fs-md-24{
      font-size:24px !important;
    }.fs-md-25{
      font-size:25px !important;
    }.fs-md-26{
      font-size:26px !important;
    }.fs-md-27{
      font-size:27px !important;
    }.fs-md-28{
      font-size:28px !important;
    }.fs-md-29{
      font-size:29px !important;
    }.fs-md-30{
      font-size:30px !important;
    }
    .fs-md-31{
      font-size:31px !important;
    }
    .fs-md-32{
      font-size:32px !important;
    }
    .fs-md-33{
      font-size:33px !important;
    }
    .fs-md-34{
      font-size:34px !important;
    }
    .fs-md-35{
      font-size:35px !important;
    }
  }

  @media screen and (min-width: 1080px) {
    .fs-lg-8{
      font-size:8px !important;
    }.fs-lg-9{
      font-size:9px !important;
    }.fs-lg-10{
      font-size:10px !important;
    }.fs-lg-10{
      font-size:10px !important;
    }.fs-lg-11{
      font-size:11px !important;
    }.fs-lg-12{
      font-size:12px !important;
    }.fs-lg-13{
      font-size:13px !important;
    }.fs-lg-14{
      font-size:14px !important;
    }.fs-lg-15{
      font-size:15px !important;
    }.fs-lg-16{
      font-size:16px !important;
    }.fs-lg-17{
      font-size:17px !important;
    }.fs-lg-18{
      font-size:18px !important;
    }.fs-lg-19{
      font-size:19px !important;
    }.fs-lg-20{
      font-size:20px !important;
    }.fs-lg-21{
      font-size:21px !important;
    }.fs-lg-22{
      font-size:22px !important;
    }.fs-lg-23{
      font-size:23px !important;
    }.fs-lg-24{
      font-size:24px !important;
    }.fs-lg-25{
      font-size:25px !important;
    }.fs-lg-26{
      font-size:26px !important;
    }.fs-lg-27{
      font-size:27px !important;
    }.fs-lg-28{
      font-size:28px !important;
    }.fs-lg-29{
      font-size:29px !important;
    }.fs-lg-30{
      font-size:30px !important;
    }
  }
  /* Style and decoration */
  .style-none{
    text-decoration: none !important;
    list-style: none;
  }
  .list-style-none{
    list-style: none;
  }
  .padding-0{
    padding:  0 0 !important;
  }.margin-0{
    margin:  0 0 !important;
  }.z-index-1{
    z-index: 1 !important;
  }.z-index-2{
    z-index: 2 !important;
  }.z-index-5{
    z-index: 5 !important;
  }.z-index-10{
    z-index: 10 !important;
  }.z-index-20{
    z-index: 20 !important;
  }.z-index-30{
    z-index: 30 !important;
  }.z-index-40{
    z-index: 40 !important;
  }.z-index-50{
    z-index: 50 !important;
  }.z-index-100{
    z-index: 100 !important;
  }

/**=== BTN COMPONENTS ===**/
.btn-theme-blue {
    color: #eaf5ff;
    font-weight: 550;
    background-color: var(--theme-blue);
    border-color: #19305c;
}
.btn-theme-outline-blue {
    color: var(--theme-blue);
    font-weight: 550;
    background-color: transparent;
    border-color: #19305c;
}
.btn-theme-blue:hover, .btn-theme-outline-blue:hover {
    color: #fafafa;
    background-color: #26445f;
    border-color: #26445f;
}
.btn-theme-orange {
    color: #ffff;
    font-weight: 550;
    background-color: var(--theme-orange);
    border-color: #d84400;
}
.btn-theme-outline-orange {
    color: var(--theme-orange);
    font-weight: 550;
    background-color: transparent;
    border-color: #d84400;
}
.btn-theme-orange:hover, .btn-theme-outline-orange:hover {
    color: #ffffff;
    background-color: #ee5b17;
    border-color: #dc500f
}
/**====== TABLE COMPONENTS  ======**/
.table > thead{
    background: var(--theme-blue) !important;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
}
.table > thead th{
    text-transform: uppercase;
    font-weight: 600;
    color: #f5faff;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f9fafc;
}
table tbody tr td.breakable {
    white-space: unset !important;
  }
/***==== PAGINATION COMPONENTS =======**/
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--theme-blue);
    border-color: var(--theme-blue);
}
/**========== FORM COMPONENTS ============**/
.form-control {
    height: calc(1.5em + .78rem + 2.4px);
    font-size: 1.1rem;
    font-weight: 500;
    color: #252628;
    border: 1px solid #aebac6;
    border-radius: .185rem;
}
.form-control:focus{color: var(--theme-blue);background-color:#fff;border-color: var(--theme-blue);box-shadow:0 0 0 .2rem rgba(6, 50, 131, 0.25)}
-ms-input-placeholder{color:#859098;font-size: 1rem;}
.form-control::-ms-input-placeholder{color:#859098;font-size: 1rem;}.form-control::placeholder{color:#859098;font-size: 1rem;}
/**=========== MODAL COMPONENTS ============**/
.modal{
    background-color: rgba(0, 0, 0, 0.231) !important;
}
.modal-header {
    /*background-color: #ffefe7;*/
    /*border-bottom: 1px solid #d54903 !important;*/
    background-color: #dfe6f5;
    border-bottom: 1px solid var(--theme-blue) !important;
}
.modal-header  .modal-title{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    /*color: #953b0e;*/
    color: var(--theme-blue);
}
.modal-header .close {
    padding: 0 ;/* 1rem 1rem; */
    margin: 0; /*-1rem -1rem -1rem auto */
}
 .modal-header .close > span{
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    align-self: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50rem;
    background-color: #cccbcb;
    font-size: 25px;
}
.modal-footer {
    background-color: #eff3f9;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
}
/** Update Select 2 form style **/
.select2-container {
    height: calc(1.5em + .78rem + 2.4px);
    font-size: 1.1rem;
    font-weight: 500;
    color: #252628;
    border: 1px solid #aebac6;
    border-radius: .185rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px !important;
  }
  ul.pagination{
    justify-content: end !important;
  }
/**======= Dashboard  Prospection =========***/

.dashboard-card{
  position: relative;
  width: 100%;
  padding: 5px;
  display: block;
  background-color: #fff;
  border: 1px solid #f7f7f7;
  margin: 0 auto 1.5rem auto;
  height: 115px;
  border-radius: 10px;
  box-shadow: rgba(9, 30, 66, 0.11) 0px 1px 1px, rgba(9, 30, 66, 0.091) 0px 0px 1px 1px;
  transition: all .2s ease-in;
}
.dashboard-card:hover{
  transition: all .2s ease-in;
  transform: scale(1.1);
  box-shadow: rgba(47, 47, 104, 0.05) 0px 4px 16px, rgba(28, 28, 81, 0.05) 0px 8px 32px;
}
.dashboard-card .dashboard-card-body{
  position: relative;
  width: 100%;
  padding: .8rem;
  height: 100%;
}
.dc-content{
  display: flex;
  width: 100%;
  align-items: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}

.dc-icon{
  width: 20%;
}
.box-icon{
  height: 70px;
  width: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dcebff;
  font-size: 31px;
  border: 1px solid transparent;
}
.box-icon.primary{
  background-color: #c8e0ff;
  color: #0961d4;
}
.box-icon.secondary{
  background-color: #ffdaeb;
  color: #e83e8c;
}
.box-icon.danger{
  background-color: #ffdbdf;
  color: #dc3545;
}
.box-icon.info{
  background-color: #dcfaff;
  color: #17a2b8;
}
.box-icon.orange{
  background-color: #c8e0ff;
  color: #0961d4;
}
.box-icon.warning{
  background-color: #fff1c6;
  color: #ffc107;
}
.box-icon.success{
  background-color: #d8ffe1;
  color: #28a745;
}
.dc-infos{
  width: 80%;
  float: left;
}
.dc-infos h2{
  font-weight: 900;
  font-size: 33px;
  margin-bottom: .3rem;
}.dc-infos > span{
 color: #99a4b2;
 display: inline-block;
 font-weight: 400;
}
.absolute-link{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}