@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&display=swap');
body{
    font-weight: 400;
    font-family: 'Montserrat', sans-serif !important;
}
p{
    font-family: 'Montserrat', sans-serif !important;

}
.primary{
   background-color: #1D44DF !important;
}

.light-blue{
  background-color: #B0EDFF !important;
}
.primary-text{
   color: #1D44DF !important;
}

.jumbotron{
   border-radius: 15px;
   -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.light-grey{
  background-color: #CBCBCB !important;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem !important;
}
.badge{
    color: #fff !important;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
a{
    font-weight: 600;
    font-family: 'Montserrat', sans-serif !important;

    text-decoration: none !important;

}

.wrapper{
   background-image: url(../img/web/login_bg.png);
   background-size: cover;
   /*height: 100vh;*/
}

.form-group .form-control {
    padding-left: 4rem;
    border:none;
    border-radius: 10em;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), 0 2px 10px 0 rgba(0,0,0,0.12);
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.form-group .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    padding-left: 1rem;
    margin-top: .3rem;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;

}
 ::placeholder{
     color: rgba(108, 117, 125,0.5) !important;
     font-weight: 600;
 }

 .btn-rounded{
     border-radius: 10em;
 }

 .btn-circle{
     border-radius: 50%;
 }

 .btn{
    padding: 0.7rem 1rem;
    font-family: 'Montserrat', sans-serif !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
 }

 #wrapper #content-wrapper {
    overflow-x: hidden;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 80px;
  }
  #wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .navbar-nav .form-inline .input-group {
    width: 100%;
  }

  .navbar-nav .nav-item.active .nav-link {
    color: rgb(0, 0, 0);
  }

  .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
    width: 1rem;
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
  }

  .navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
    content: '\f107';
  }

  .navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
    display: none;
  }

  .navbar-nav .nav-item .nav-link:focus {
    outline: none;
  }

  .navbar-nav .nav-item .nav-link .badge {
    position: absolute;
    margin-left: 0.75rem;
    top: 0.3rem;
    font-weight: 400;
    font-size: 0.5rem;
  }

  @media (min-width: 768px) {
    .navbar-nav .form-inline .input-group {
      width: auto;
    }
  }

  .sidebar {
    width: 90px !important;
    background-color: #fff;
    border-right:1px solid rgb(187, 187, 187,.7);
    min-height: calc(100vh - 56px);
  }

  .sidebar .nav-item:last-child {
    margin-bottom: 1rem;
  }

  .sidebar .nav-item .nav-link {
    text-align: center;
    padding: 0.75rem 1rem;
    width: 90px;
  }

  .sidebar .nav-item .nav-link span {
    font-size: 0.65rem;
    display: block;
  }

  .sidebar .nav-item .dropdown-menu {
    position: absolute !important;
    -webkit-transform: none !important;
    transform: none !important;
    left: calc(90px + 0.5rem) !important;
    margin: 0;
  }

  .sidebar .nav-item .dropdown-menu.dropup {
    bottom: 0;
    top: auto !important;
  }

  .sidebar .nav-item.dropdown .dropdown-toggle::after {
    display: none;
  }

  .sidebar .nav-item .nav-link {
    color: rgba(0, 0, 0);
  }

  .sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover {
    color: rgba(0, 0, 0, 0.75);
  }

  .sidebar.toggled {
    width: 0 !important;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .sidebar {
      width: 225px !important;
    }
    .sidebar .nav-item .nav-link {
      display: block;
      width: 100%;
      text-align: left;
      padding: 1rem;
      width: 225px;
    }
    .sidebar .nav-item .nav-link span {
      font-size: .85rem;
      display: inline;
    }
    .sidebar .nav-item .dropdown-menu {
      position: static !important;
      margin: 0 1rem;
      top: 0;
    }
    .sidebar .nav-item.dropdown .dropdown-toggle::after {
      display: block;
    }
    .sidebar.toggled {
      overflow: visible;
      width: 90px !important;
    }
    .sidebar.toggled .nav-item:last-child {
      margin-bottom: 1rem;
    }
    .sidebar.toggled .nav-item .nav-link {
      text-align: center;
      padding: 0.75rem 1rem;
      width: 90px;
    }
    .sidebar.toggled .nav-item .nav-link span {
      font-size: 0.65rem;
      display: none;
    }
    .sidebar.toggled .nav-item .dropdown-menu {
      position: absolute !important;
      -webkit-transform: none !important;
      transform: none !important;
      left: calc(90px + 0.5rem) !important;
      margin: 0;
    }
    .sidebar.toggled .nav-item .dropdown-menu.dropup {
      bottom: 0;
      top: auto !important;
    }
    .sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
      display: none;
    }
  }
  .sidebar.fixed-top {
    top: 56px;
    height: calc(100vh - 56px);
    overflow-y: auto;
  }
  body.sidebar-toggled footer.sticky-footer {
    width: 100%;
  }

  @media (min-width: 768px) {
    body.sidebar-toggled footer.sticky-footer {
      width: calc(100% - 90px);
    }
  }
  .sidebar{
      position: relative;
  }

  .sidebar-btn{
      position: absolute;
      right:0;
      top:30px;
      margin-right:-18px;
  }

  .table .thead{
      background-color:rgb(200, 240, 252);
      border:none;
      border-radius: 10rem !important;
  }

  table,tr{
      border:none;
  }

  .datepicker {
    border-radius: 0;
    padding: 0;
}
.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
    padding: 10px;
    display: list-item;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #4285F4;
    color: #ffffff;
    border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {
    border-radius: 3px;
}
.datepicker-days table thead tr:nth-child(3n+0) {
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 11px 13px;
}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
    border-radius: 0;
}
.datepicker td, .datepicker th {
    border-radius: 50%;
    padding: 0 12px;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #4285F4;
    color: #ffffff;
    border-radius: 0;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-image: none;
}
.datepicker .prev, .datepicker .next {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    width: 37px;
    height: 37px;
}
.datepicker .prev:hover, .datepicker .next:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.99);
    font-size: 21px;
}
.datepicker .datepicker-switch {
    font-size: 24px;
    font-weight: 400;
    transition: 0.3s;
}
.datepicker .datepicker-switch:hover {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
}
.datepicker table tr td span {
    border-radius: 2px;
    margin: 3%;
    width: 27%;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #4285F4;
  background-image: none;
}
.dropdown-menu {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(0,0,0,.1);
}
.btn-group-sm>.btn,.btn.btn-sm{
  
  padding: .25rem .5rem;
  font-size: .80rem;
    line-height: 1.5;
    border-radius: .2rem;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100);
/* 
 MODAL REDESIGN
*/

/* ----- DIALOG/MODAL ----- */
/* FADE/SCALE EFFECT */
.modal.fade .modal-dialog {
  opacity: 0;
  -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
     -o-transform: scale(0.1);
      transform: scale(0.1);
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
}

.modal.fade.show .modal-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
      transform: scale(1);
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
     -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

/* DIALOG CONTENT */
.modal-content {
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
      box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
}

/* DIALOG HEADER */
.modal-header {
  min-height: 16px;
  padding: 24px;
  border-bottom: none;
}

.modal-title {
  font-weight: 500;
  font-size: 21px;
}

/* DIALOG BODY */
.modal-body {
  padding: 0 24px;
}

.modal-body p {
  font-weight: 400;
  font-size: 14px;
  color: #212121;
}

.modal-body .lead {
  font-weight: 300;
  font-size: 16px;
  color: #757575;
}

.modal-body p:last-child,
.modal-body .lead:last-child {
  margin-bottom: 0;
}

/* DIALOG FOOTER */
.modal-footer {
  margin-top: 24px;
  padding: 8px 0;
  border-top: none;
}

/* .modal-footer .btn {
  height: 36px;
  margin-right: 8px;
  padding: 8px 10px;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: rgb(2, 176, 230);
  background-color: #fff;
  box-shadow: none;
}

.modal-footer .btn:focus {
  outline: none;
  box-shadow: none;
}

.modal-footer .btn:focus,
.modal-footer .btn:hover {
  color: #00796B;
} */

/* .modal-footer .btn + .btn {
  margin-left: 0;
}

.modal-footer .btn + .btn:last-child {
  margin-left: -4px;
} */


.table-curved {
  /* border: solid #ccc 1px; */
  border-radius: 6px;
  border-left:0px;
}

.table-curved th {
  border-top: none;
}
.table-curved th:first-child {
  border-radius: 6px 0 0 0;
}
.table-curved th:last-child {
  border-radius: 0 6px 0 0;
}
.table-curved th:only-child{
  border-radius: 6px 6px 0 0;
}
.table-curved tr:last-child td:first-child {
  border-radius: 0 0 0 6px;
}
.table-curved tr:last-child td:last-child {
  border-radius: 0 0 6px 0;
}
.nav-link img,
.nav-link i.fas
{
  width:25px;
}

.card-rounded{
  border-radius:15px;
}

ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 85%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding: 20px;
  margin-left: 35px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #FCA35F;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}
@media(max-width:556px){
.sidebar-btn {
  position: fixed;
  left: 30px;
  top: 30px;
  margin-right: -18px;
}
}