.content {
  display: none;
}

input.invalid, select.invalid {
  border-color: red !important;
}


.table-bordered {
  border: 1px solid rgb(240, 240, 240);
}
.table-bordered>thead>tr>th, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>th {
  border: 1px solid #40494C;
}
.table-bordered>thead>tr>td, 
.table-bordered>tbody>tr>td, 
.table-bordered>tfoot>tr>td {
  border: 1px solid rgb(240, 240, 240);
}

.btn-black {
  background-color: #333;
  border-color: #222;
  color: white;
  background-image: -webkit-linear-gradient(top, #333 0, #222 100%);
  background-image: -o-linear-gradient(top, #333 0, #222 100%);
  background-image: linear-gradient(to bottom, #333 0, #222 100%);
  background-repeat: repeat-x;
}

.btn-black:hover,
.btn-black:active,
.btn-black:focus {
  background-color: #222;
  color: white;
}

.btn-gray {
  background-color: #ddd;
  border-color: #aaa;
  color: #444;
  background-image: -webkit-linear-gradient(top, #ddd 0, #aaa 100%);
  background-image: -o-linear-gradient(top, #ddd 0, #aaa 100%);
  background-image: linear-gradient(to bottom, #ddd 0, #aaa 100%);
  background-repeat: repeat-x;
}

.btn-gray:hover,
.btn-gray:active,
.btn-gray:focus {
  background-color: #aaa;
  color: #444;
}

.btn-brown {
  background-color: rgb(168, 156, 144);
  border-color: rgb(145, 131, 117);
  color: white;
  background-image: -webkit-linear-gradient(top, rgb(168, 156, 144) 0, rgb(145, 131, 117) 100%);
  background-image: -o-linear-gradient(top, rgb(168, 156, 144) 0, rgb(145, 131, 117) 100%);
  background-image: linear-gradient(to bottom, rgb(168, 156, 144) 0, rgb(145, 131, 117) 100%);
  background-repeat: repeat-x;
}

.btn-brown:hover,
.btn-brown:active,
.btn-brown:focus {
  background-color: rgb(109, 98, 87);
  color: #ddd;
}

.btn-navy {
  background-color: rgb(82, 95, 120);
  border-color: rgb(77, 90, 112);
  color: white;
  background-image: -webkit-linear-gradient(top, rgb(82, 95, 120) 0, rgb(77, 90, 112) 100%);
  background-image: -o-linear-gradient(top, rgb(82, 95, 120) 0, rgb(77, 90, 112) 100%);
  background-image: linear-gradient(to bottom, rgb(82, 95, 120) 0, rgb(77, 90, 112) 100%);
  background-repeat: repeat-x;
}

.btn-navy:hover,
.btn-navy:active,
.btn-navy:focus {
  background-color: rgb(77, 90, 112);
  color: #ddd;
}

.btn-red {
  background-color: rgb(217, 13, 5);
  border-color: rgb(177, 15, 9);
  color: white;
  background-image: -webkit-linear-gradient(top, rgb(217, 13, 5) 0, rgb(177, 15, 9) 100%);
  background-image: -o-linear-gradient(top, rgb(217, 13, 5) 0, rgb(177, 15, 9) 100%);
  background-image: linear-gradient(to bottom, rgb(217, 13, 5) 0, rgb(177, 15, 9) 100%);
  background-repeat: repeat-x;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
  background-color: rgb(217, 13, 5);
  color: #ddd;
}

.btn-no-radius {
  border-radius: 0px !important;
}

.box-black {
  border-top: 3px solid #1a2226;
}

.box-none {
  border-top: none;
}
.box-header {
  padding-bottom: 0px;
}

.table {
  margin-bottom: 0px;
  color: #555;
}
.table-header-black thead {
  background: #1a2226;
  color: #ddd;
}

.dataTable th, td {
  font-size: 12px;
  text-align: center;
  vertical-align: middle !important;
}

.dataTables_wrapper > div.row:nth-child(3) > div:first-child {
  display: none;
}

.dataTables_wrapper > div.row:nth-child(3) > div:not(:first-child) {
  width: 100% !important;
}

.dataTables_wrapper
  > div.row:nth-child(3)
  > div:not(:first-child)
  > div.dataTables_paginate.paging_full_numbers {
  text-align: center;
}

.dataTables_wrapper
  > div.row:nth-child(3)
  > div:not(:first-child)
  > div.dataTables_paginate.paging_full_numbers
  li.active
  > a {
  background-color: #333;
  border: 1px solid #333;
  color: white;
}

.dataTables_wrapper
  > div.row:nth-child(3)
  > div:not(:first-child)
  > div.dataTables_paginate.paging_full_numbers
  li:not(.active)
  > a:hover {
  color: #111 !important;
}

.dataTables_wrapper > div.row > div.col-sm-6 {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
}

.custom-table-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.custom-length-change {
  font-size: 12px;
  width: 80px;
}

.custom-info {
  font-size: 12px;
  width: 80px;
  padding-left: 5px;
}

.navbar-header-title {
  float: left;
  padding: 10px 15px;
  font-size: 20px;
  font-weight: 600;
  color: #ddd;
}

li.logout > a {
  color: #ddd !important;
}

.sidebar-header-head {
  font-size: 45px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  padding: 5px auto;
  line-height: 1;
}

.sidebar-header-body {
  color: #555;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 5px;
}

.sidebar-header-foot {
  text-align: center;
  width: 100%;
  color: #ddd;
  padding-bottom: 10px;
}
.sidebar-logo {
  padding: 0px !important;
}
.sidebar-menu > li.header:hover > a {
  background-color: #1a2226 !important;
}
.sidebar-menu li.header {
  padding: 0 !important;
}
.sidebar-menu li.header > a {
  background-color: #1a2226 !important;
}
.logo-g {
  color: rgb(166, 189, 84);
}
.logo-p {
  color: rgb(58, 160, 178);
}
.logo-a {
  color: #444;
}

.option-box>* {
  display: inline-block;
  vertical-align: top;
}

.option-box>div.option-title {
  padding-top: 6px;
  padding-right: 10px;
  font-weight: 600;
  font-size: 14px;
  width: 85px;
  text-align: right;
}

.option-box button+button {
  margin-left: 2px;
}

.option-box+.option-box {
  margin-top: 5px;
}

.notice-box {
  background: rgb(252, 248, 227);
  border: 1px solid rgb(251, 240, 214);
  border-radius: 5px;
  padding: 10px;
}
.notice-box>span {
  color: white;
  border-radius: 2px;
  background: rgb(237, 85, 101);
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px;
  margin-bottom: 5px;
}
.notice-box>ul {
  color: rgb(176, 156, 115);
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 20px;
}

.modal {
  background-color: rgba(150, 150, 150,.2) !important;
}
.modal-black .modal-header {
  color: #eee;
}
.modal-black .modal-header, .modal-footer {
  background-color: #1a2226;
  padding: 10px;
}
.modal .modal-header button {
  font-size: 40px;
  color: white;
}