/***************************************************
 * css
 * *************************************************
 * TOC:
* 1: navbar
* 2: pagination
* 3: body
* 4: tables
* 5: headers
* 6: forms
* 7: links
* 8: buttons
* 9: floating labels
 *
 * */

/* 
 * 1 navbar
 * */
.bg-light {
    background-color: #fff!important;
}
/* 
 * 2 pagination
 * */


.page-item.active .page-link {
    background-color: #565656;
    border-color: #565656;
    color: #fff;
    
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #aeaeae;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

.page-link:hover {
    z-index: 2;
    color: #565656;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
/* 
 * 3 body
 * */
body { 
    color: #565656;
	font-family: 'Gilmer-Regular', Helvetica, Arial, Sans-Serif;
	-moz-font-feature-settings:'aalt=0,ccmp=0,dlig=0,dnom=0,frac=0,liga=0,locl=0,numr=0,ordn=0,pnum=0,sinf=0,subs=0,sups=0,tnum=0';
	background: #EEEEEE
}

html.vcenter,
html.vcenter body {
  height: 100%;
}

html.vcenter .card-hero {
    margin: 0 auto;
}

html.vcenter body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

body #main {
    margin-top: 80px;
}

section {
    background: #fff;
    padding: 30px
}

/* 
 * 4 tables
 * */
    table {
        width: 100%;
        color: #565656
    }
    
    table thead tr,
    table tbody tr {
        
    }
    
    table thead th {
    
    }
    
    
    table tbody th,
    table tbody td {
        border-bottom: 2px solid #aeaeae;    
        padding: 10px 5px
    }
    
    table tbody th {
        
    }
    
    table tbody td {
        
    }
    
    table.dataTable thead .sorting:before, 
    table.dataTable thead .sorting:after, 
    table.dataTable thead .sorting_asc:before, 
    table.dataTable thead .sorting_asc:after, 
    table.dataTable thead .sorting_desc:before, 
    table.dataTable thead .sorting_desc:after, 
    table.dataTable thead .sorting_asc_disabled:before, 
    table.dataTable thead .sorting_asc_disabled:after, 
    table.dataTable thead .sorting_desc_disabled:before, 
    table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0em;
    display: block;
    opacity: 0.3;
}
/* 
 * 5 headers
 * */
h1,h2,h3,h4 {
    color: #1D71B8;
	font-family: 'Gilmer-Heavy', Helvetica, Arial, Sans-Serif;
	-moz-font-feature-settings:'aalt=0,ccmp=0,dlig=0,dnom=0,frac=0,liga=0,locl=0,numr=0,ordn=0,pnum=0,sinf=0,subs=0,sups=0,tnum=0';
}

/* 
 * 6 forms
 * */
input[type="search"].form-control {
    border: none;
    border-radius: 0px;
}

#domain_list_filter label {
    border-bottom: 2px solid #565656;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none;
}

.card-hero {
    max-width: 400px;
    min-width: 350px;
}
.card,
.card-header,
.card-footer {
    border: none;
    background: white;
}
.loginLoginForm label {
    _display: none;
}
.form-control {
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid black;
}
.btn {
    border-radius: 0.4em;
    border-width: 2px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.5em 2em;
}
p:last-of-type {
    margin-bottom: 0px;
}
.card-footer {
    font-size: 12px;
}
.form-check,
.forgot-password {
    font-size: 12px;
    line-height: 24px;
}
.login-form .form-check-input {
    _margin-top: 8px;
}
    .login-form .form-check-label {
        font-weight: bold;
    }
.forgot-password {
    display: block;
    color: #aeaeae;
}
input::placeholder {
    text-align: center;
}

.form-control[readonly] {
    background: #ffffff;
}
/* 
 * 7 links
 * */
ul.nav a {
    color: #565656;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-weight: bold;
}

ul.nav a:hover,
ul.nav a.active {
    color: #1D71B8;
}

.card-header h2 a {
    color: black !important;
}
/* 
 * 8 buttons
 * */
.btn {
    background-color: #1D71B8;
    color: #fff;
    border-radius: 0px;
}

.btn i {
    color: #fff;
}

.small-button {
    border-width: 0.1em !important;
    font-size: 0.7rem;
}

.small-button-change {
    visibility: hidden;
}

.form-buttons {
    margin-top: 2rem;
}
/* 
 * 9 floating labels
 * */
.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group .form-control {
    border-bottom: none;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}