/*** General ***/
 body {
   font-size: .875rem;
 }

 h1 {
   padding-top: 20px;
   color: #344050;
 }

 h2 {
   color: #344050;
   font-size: 24px;
 }

 .alert.alert-info {
   margin: 25px 0 0px 0;
 }

 .link-secondary {
    font-size: 14px;
 }

 /*** Header ***/
 header.navbar {
   background: white !important;
 }

 a.nav-link {
   color: #344050;
 }

 /*** Sidebar ***/
 .sidebar {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   z-index: 100;
   /* Behind the navbar */
   padding: 48px 0 0;
   /* Height of navbar */
   box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
 }

 .sidebar-sticky {
   position: relative;
   top: 0;
   height: calc(100vh - 48px);
   padding-top: .5rem;
   overflow-x: hidden;
   overflow-y: auto;
   /* Scrollable contents if viewport is shorter than content. */
 }

 .sidebar .nav-link {
   font-weight: 500;
   color: #5e6e82;
   font-size: 15px;
 }

 .feather {
   width: 16px;
   height: 16px;
   vertical-align: text-bottom;
 }

 .sidebar .nav-link .feather {
   margin-right: 4px;
   color: #5e6e82;
 }

 .sidebar .nav-link.active {
   color: #0060AE;
 }

 .sidebar-heading {
   font-size: .75rem;
 }

 /*** Navbar  ***/
 .navbar-light .navbar-brand {
   color: #0060AE !important;
   font-weight: 600;
 }

 .navbar .navbar-toggler {
   top: .25rem;
   right: 1rem;
 }

 .navbar .form-control {
   padding: .75rem 1rem;
   border-width: 0;
   border-radius: 0;
 }

 .form-control-dark {
   color: #fff;
   background-color: rgba(255, 255, 255, .1);
   border-color: rgba(255, 255, 255, .1);
 }

 .form-control-dark:focus {
   border-color: transparent;
   box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
 }

 .bd-placeholder-img {
   font-size: 1.125rem;
   text-anchor: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
 }

 @media (min-width: 768px) {
   .bd-placeholder-img-lg {
     font-size: 3.5rem;
   }
 }

 /*** Date picker ***/
 .date-div {
   float: right;
 }

 .date-div input {
   height: 40px;
   font-size: 13px;
   width: 170px;
   float: right;
 }

 /* Buttons */
 .dt-buttons, .testbtn {
  padding-top: 0.5rem;
}

.dt-button, .testbtn {
  background-color: #fff;
  border: 1px solid #909090;
  color: #344050;
  padding: 5px 15px;
  font-size: 12px;
  border-radius: .25rem;
}

.dt-button:hover, .testbtn:hover {
  background: #0060AE;
  color: #fff;
  border-color: #0060AE;
}

 /**** LOGIN ****/
 .form-signin {
   margin: 0 auto;
   width: 100%;
   max-width: 330px;
   padding: 15px;
 }

 .form-signin .form-control {
   position: relative;
   box-sizing: border-box;
   height: auto;
   padding: 10px;
   font-size: 16px;
 }

 .form-signin .form-control:focus {
   z-index: 2;
 }

 .form-signin input[type="text"] {
   margin-bottom: -1px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }

 .form-signin input[type="password"] {
   margin-bottom: 10px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }

 .form-signin .form-group {
   padding-bottom: 0px;
 }

 .form-group label.control-label {
   color: #5e6e82;
   font-weight: 600;
   font-size: 14px;
 }
 
 .form-group input {
   font-size: 14px;
 }

 .form-group {
   padding-bottom: 15px;
 }

 /*** Tables ***/
 thead tr {
   background: #f9fafd;
   color: #5e6e82;
   font-weight: 400;
   font-size: 14px;
 }

 tr {
   border: #edf2f9 !important;
   font-size: 14px;
   color: #333;
 }

 .table>:not(:last-child)>:last-child>*,
 table.dataTable.no-footer {
   border-bottom: 1px solid #cdcdcd !important;
 }

 /*** Table footer ***/
 div#molino_filter {
   padding: 10px 0px;
 }

 div#molino_filter label {
   font-size: 12px;
   color: #333;
 }

 /*** Date picker ***/
 select.ui-datepicker-month {
   margin-right: 5px !important;
 }

 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default,
 .ui-button,
 html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active {
   background: #fff !important;
   color: #5e6e82 !important;
 }

 select.ui-datepicker-month,
 select.ui-datepicker-year {
   font-size: 12px !important;
   color: #5e6e82 !important;
   padding: 5px !important;
   border-color: #5e6e82;
 }

 .ui-state-active,
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active,
 a.ui-button:active,
 .ui-button:active,
 .ui-button.ui-state-active:hover {
   background-color: #0060AE !important;
   border-color: #0060AE !important;
   color: #fff !important;
 }

 /*** Table From ***/
.input-form-table, .select-form-table {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
}

a.paginate_button.current, a.paginate_button {   
    font-size: 12px;
    border-radius: .25rem;
}