textarea {
  resize: none;
  height: 95px !important;
}

.show-grid [class^=col-] {
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #eee; 
}

.show-grid [class^=col-] .datepicker {
  background-color:white !important;
  padding: 6px 12px;
}

.show-grid {
  margin:0 !important;
}

.text-left {
  text-align: left !important;
}

.mb-0, .my-0 {
  margin-bottom: 0 !important;
}

.mb-1, .my-1 {
  margin-bottom: .25rem !important;
}

.mb-2, .my-2 {
  margin-bottom: .75rem !important;
}

.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}

.mt-1, .my-1 {
  margin-top: .25rem !important;
}

.mt-2, .my-2 {
  margin-top: .75rem !important;
}

.mt-5, .my-5 {
  margin-top: 3rem !important;
}

.mt-6 {
  margin-top: 5.3rem !important;
}

.mr-1 {
  margin-right: .25rem !important;
}

.m-0 {
  margin: 0 !important;
}

.pl-0{
  padding-left: 0 !important;
}

.pt-0{
  padding-top: 0 !important;
}

.pt-1{
  padding-top: .25rem !important;
}

@media (min-width: 768px){
  .pr-5, .px-5 {
    padding-right: 5px !important;
  }
  
  .pl-5, .px-5 {
    padding-left: 5px !important;
  }

  .control-label{
    margin-top: 0px !important;
  }
}

.datepicker, .datepickermonth{
  cursor:pointer;
  background-color:white !important;
  padding: 6px 12px;
}

.datepicker-dropdown {
  padding: 4px;
}

.control-label{
  margin-top: 6px;
  margin-bottom: 6px;
}

.py-3px{
  padding-top:3px !important;
  padding-bottom:3px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: .23rem !important;
}
.select2{
  width: 100% !important;
  min-width: 200px !important;
}

.wrapper{
  height:100%;
  position:relative;
  overflow-x:hidden;
  overflow-y:hidden
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1052;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0,0,0,.7);
  color: #666f76;
}

.overlay .overlay-fill{
  font-size:16pt;
  margin: auto;
  width: 20%;
  margin-top:40vh;
}

.text-white {
  color: #fff !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.has-error .select2-selection {
  border-color: rgb(185, 74, 72) !important;
}

.box-footer {
  background-color: rgba(0,0,0,.03);
}

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

.table-bordered {
  border: 1px solid #dee2e6 !important;
}

.table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6 !important;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
  border-bottom-width: 0 !important;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
  border-left-width: 0 !important;
  vertical-align: middle !important;
}

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 {
  bottom: 0.6em !important;
}

.skin-red .main-sidebar, .skin-red .left-side {
  background-color: #343a40 !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #007bff !important;
  border-color: #007bff !important;
}

.skin-red .sidebar-menu>li>.treeview-menu {
  background: #3a4046 !important;
}

.skin-red .sidebar-menu .treeview-menu>li>a {
  color: #c2c7d0 !important;
}

.skin-red .sidebar-menu .treeview-menu>li.active>a,.skin-red .sidebar-menu .treeview-menu>li>a:hover {
  color: #fff !important;
}

.w-120{
  width: 120px !important;
}

#inside-table {
  border: none !important;
}
#inside-table th {
  border-bottom: none !important;
  border-top: none !important;
}
#inside-table td {
  border: none !important;
  vertical-align: top !important;
}

.mybg-red{
  background-color: #dc3545 !important;
  color: #fff !important;
}

.mytext-red{
  color: #dc3545 !important;
}

@media print {
  .mybg-red{
    background-color: #ff606f !important;
  }
  .mytext-red{
    color: #dc3545 !important;
  }

  .mytext-red b{
    color: #dc3545 !important;
  }

  body{
    font-size: 10px !important;
  }
}