@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/S6uyw4BMUTPHjx4wXg.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/S6u9w4BMUTPHh50XSwiPGQ.woff2') format('woff2');
}


html {
    position: relative;
    min-height: 100%;
}

body {
   /* padding-top: 70px;*/ /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    margin-bottom: 100px; /* Margin bottom by footer height */
    /*background:#7a7a7a;*/
    font-family: 'Lato';
}

h3 {
  font-weight: 900;
  font-size:2.5em;
}

.top-bar {
  background-color: #00a89c;
  padding:5px;
}

.top-bar .container p {
  margin:0 !important;
}

.top-bar .container a {
  padding-left:15px;
  color: #000000 !important;
  text-decoration: none;
}

.top-bar .container .top-active, 
.top-bar .container a:hover {
  color: #ffffff !important;
}

.navbar-fixed-top .nav {
  padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
  padding: 0 15px;
}

.navbar,
.navbar-collapse {
  border:none !important;
}

.navbar-inverse {
  background-color: #000000 !important;
}

.navbar-header {
  padding: 0 0 30px; /*  Required for no index links */
}

.navbar-brand {
  margin-right:50px;
}

.nav-link {
  display: block;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out  !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
   letter-spacing: 1px !important;

}

hr{
  height: 1px;
  background-color: #b3b3b3;
  border: none;
}

.navbar-nav {
  padding-top:20px !important;
  padding-bottom: 0px !important;
}

.nav-link:hover {
  color: #00a89c !important;
}

.navbar-nav .active {
  border-bottom: 4px solid #00a89c  !important;
  color: #00a89c !important;
}

/*  ----------------------------------------- */

.panel-title {
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: 30px;
}

.panel-default>.panel-heading,
.panel-footer {
  background-color:#cceeeb !important;
}

.panel-default>.panel-heading {
  text-align: center !important;
}


button {
   border-radius:20px !important;
  padding: 2px 10px !important;
}

.btn-primary {
  background-color: #00a89c !important;
  border:none !important;
}

.btn-transp {
  border:none !important;
  background-color: transparent;
}

/*  ----------------------------------------- */

@media(min-width:768px) {
  body {
      /*padding-top: 100px;*/ /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
  }
  .navbar-fixed-top .navbar-brand {
      padding: 15px 0;
  }
  .navbar-nav>li>a {
    padding-bottom:26px;
}
.navbar {
   border-radius: 0px;
}
.top-bar {
 /* padding-left:45px;*/
}
}

@media(max-width:768px) {
.navbar-header {
  padding: 0 0 0px;
}

}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px; /* Set the fixed height of the footer here */
  color: #00a89c;
  background-color: #000000;
}

.text-footer {
    margin-top:22pt;
 }

.login-container {
  max-width: 320px;
  text-align: center;
  margin-top:30px;
}

.panel-container {
  margin-top:30px;
}


.check-custom {
  font-size:10px !important;
  color:#00a89c !important;
  border:2px solid#00a89c !important;
}

#update-assig {
  display:none;
}

/*  ----------------------------------------- */

.margins-input {
  margin-left:10px !important;
  margin-right: 10px !important;
}

select, 
input[type=search] {
  /*
  display: block;
  width: 100%;
 height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
*/
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

table.dataTable.display tbody tr.odd>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1, 
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #cceeeb !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: none !important;
}

table.dataTable thead th, 
table.dataTable thead td,
table.dataTable.no-footer {
  border-bottom: none !important;
  text-align: center;
}

.paginate_button:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border-radius:13px !important;
  background-color: #00a89c !important;
  background: #00a89c !important;
  border-color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.3em 0.9em !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  background-color: #00a89c !important;
}

/*  ----------------------------------------- */


.table-striped>tbody>tr:nth-of-type(odd) {
  background-color:#cceeeb !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-top: none !important;
}

.table thead tr th {
  text-align: center !important;
}