/* GP  */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;1,300&display=swap');

html,
body {
  font-family: 'Roboto', sans-serif !important;
}
label.error {
  font-size: .8rem;
  color: red;
  display: block;
  margin-top: .4rem;
}
.sb-sidenav,
.navbar-nav,
.dropdown-item {
  font-size: .8rem;
}
.custom_response {
  font-size: .8rem !important;
}
.form-section-title {
  font-size: .9rem;
  font-weight: 600;
}
.form-section-info {
  font-size: .9rem;
}

.alert {
  font-size: .8rem !important;
}

.dashboard_box h5 {
  font-size: 1rem !important;
}
.dashboard_box ul,
  .dashboard_box ul li {
  font-size: .8rem !important;
}

#table_id {
  font-size: .8rem !important;
}
.dataTables_length { font-size: .8rem !important;}
.dataTables_filter { 
  margin-top: .4rem !important;
  font-size: .8rem !important;
}
.dataTables_filter input { 
  margin-left: .4rem !important;
  border: 1px solid #cecece;
}
.dataTables_info {
  font-size: .8rem !important;
}
.dataTables_paginate {
  font-size: .8rem !important;
}
.dataTables_paginate a {
  margin: 0 .4rem 0 .4rem;
}
  .dataTables_paginate a:first-of-type {
      margin-left: 0;
  }
  .dataTables_paginate a.disabled {
    text-decoration: none;
    color: #636464;
  }
  .dataTables_paginate a.current {
    text-decoration: none;
    color: #636464;
  }
  .dataTables_filter input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    border-radius: 4px;
  }

  .tab-content {
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
  }
  .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #f8f9fa;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
  }
.toggle-password {
  cursor: pointer;
} 

/* MC  */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.container {
  position: relative;
  width: 50%;
  height: 20%;
  overflow: hidden;
  padding-top: 40%; /* 4:3 Aspect Ratio */
}

/* === Fiera === */
.btn-primary {
    background-color: #0c8077 !important;
    border-color: #0c8077 !important;
}
.sb-sidenav-dark {
  background-color: #F8F9FA !important;
}
.sb-sidenav-dark,
.sb-sidenav-menu,
.sb-sidenav-menu-heading {
  color: #0c8077 !important;
}
.nav-link {
  color: #0c8077 !important;
}
.sb-nav-link-icon {
  color: #0c8077 !important;
}
.sb-sidenav-collapse-arrow {
  color: #000 !important;
  }
.sb-topnav {
  background-color: #F8F9FA !important;
}  
.dwicon-new {
  color: #0c8077;
  border-color: #0c8077;
}
.zipicon-new {
  color: #0c8077;
  border-color: #0c8077;
}
.dwicon-new:hover {
  border-color: #0c8077;
  background-color: #0c8077;
}
.zipicon-new:hover {
  background-color: #0c8077;
  border-color: #0c8077;
}

.btn:focus{
  box-shadow: 1px 1px 1px 1px #000;
}
	
.sb-topnav.navbar-dark #sidebarToggle {
  color: #0c8077 !important;
}