* {
  text-transform: uppercase !important;
}

.vl {
    border-left: 2px solid #DDD;
    height: 40px;
    margin-left: 50% !important;
    margin-left: -1px;
    top: 0;
}
.pagination {
    margin-bottom: 0px !important;
}
.btn {
    min-width: 80px !important;
}
.main-footer a {
    color: #07353e !important;
}
.btn-tooltip {
    min-width: 40px;
}
.border-left-primary {
    border-left: 0.25rem solid #007bff!important;
}
.border-left-secondary {
    border-left: 0.25rem solid #6c757d!important;
}
.border-left-info {
    border-left: 0.25rem solid #17a2b8!important;
}
.border-left-warning {
    border-left: 0.25rem solid #ffc107!important;
}
.border-left-danger {
    border-left: 0.25rem solid #dc3545!important;
}
.border-left-success {
    border-left: 0.25rem solid #2aa847!important;
}
.text-gray-800 {
    color: #5a5c69!important;
}
.text-gray-300 {
    color: #dddfeb!important;
}
.input-group-text {
    border: 1px solid #8099b7 !important;
}
.touppercase {
    text-transform: uppercase;
}
.disabled {
    pointer-events: none;
  cursor: default;
}
.text-heading {
    font-weight: 800;
    text-decoration: underline;
}
.hide {
    display: none !important;
}
.table thead th {
    border-bottom: 2px solid #DDD;
    text-align: center;
    font-size: 14px !important;
}
.table tbody td { font-size: 14px !important; }
.table-bordered td, .table-bordered th {
    border: 1px solid #DDD;
}
.table td, .table th {
    padding: 7px 5px !important;
    vertical-align: middle !important;
}
.table-extra {
    font-family: Arial, Helvetica, sans-serif;
}
.table-font15 {
    font-size: 15px !important;
}
.white {
    color:  #fff;
}
.form-control.is-invalid {
    margin-bottom: 1px !important;
}
.invalid-feedback {
	margin-top: 0px !important;
	font-size: 75% !important;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: #000 !important;
}
[class*=sidebar-dark-] {
    background-color: #000 !important;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #cf171d !important;
    color: #FFF !important;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: rgba(255,255,255,.9);
    color: #062e56;
}
.brand-text {
  color: #FFF !important;
  text-transform: uppercase;
}
.nav-link {
    padding: 0.5rem 0.3rem !important;
}
.font-15 {
    font-size: 15px !important;
}
.font-14 {
    font-size: 14px !important;
}
.font-13 {
    font-size: 13px !important;
}
.font-12 {
    font-size: 12px !important;
}
.font-11 {
    font-size: 11px !important;
}
.font-10 {
    font-size: 10px !important;
}
.m-10 {
    margin: 10px !important;
}
.bg-viozzy{
    background-color: #023d81;
}
.bg-viozzy2{
    background-color: #ef2f37;
}
.fa-add-new {
  font-size: 60px;
  position: fixed;
  bottom: 80px;
  right: 70px;
  color: #cf171d;
}
.break-words {
    word-break: break-all;
    word-wrap: break-word;
    white-space: break-spaces;
}
.select2-container {
  width: 100% !important;
}
.modal-dialog {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}
.pagination {
  overflow: hidden;
}
.btn-special-one {
  margin-top: 32px;
}
.nav-sidebar .nav-item>.nav-link {
  font-size: 14px;
}




@media only screen and (max-width: 1000px) {
  .fa-add-new {
    font-size: 50px;
    bottom: 60px;
    right: 50px;
  }
  .h5, h5 {
    font-size: 1.2rem;
  }
  .h4, h4 {
    font-size: 1.3rem;
  }
  p,a,span,li,btn,input,strong,label {
    font-size: 1.1rem;
  }
  .list-group-item {
    padding: 0.5rem 0.9rem;
  }
  .content-header {
    padding: 10px 0.5rem;
  }
  .info-box, .card{
    margin-bottom: 0.7rem;
  }
  .mb-4, .my-4 {
    margin-bottom: 1rem!important;
  }
  .btn-special-one {
    margin-top: 10px;
  }
  .btn-tooltip {
    min-width: 40px !important;
  }
  .pagination {
    overflow: scroll;
  }
}
@media only screen and (max-width: 600px) {
  .fa-add-new {
    font-size: 40px;
    bottom: 30px;
    right: 25px;
  }
  .h5, h5 {
    font-size: 1.1rem;
  }
  .h4, h4 {
    font-size: 1.2rem;
  }
  p,a,span,li,btn,input,strong,label {
    font-size: 1rem;
  }
  .text-md {
    font-size: 0.9rem!important;
  }
  .card-title {
    font-size: 1rem;
  }
  label {
    margin-bottom: 0.3rem;
  }
  .tooltip-inner {
    font-size: 12px;
  }
  .list-group-item {
    padding: 0.3rem 0.6rem;
    height: 80px;
    display: flex;
    align-items: center;
  }
  .table thead th { font-size: 12px !important; }
  .table tbody td { font-size: 12px !important; }
  .breadcrumb-item+.breadcrumb-item { padding-left: 0.3rem; } 
  .breadcrumb-item+.breadcrumb-item::before { padding-right: 0.3rem; }
  .info-box, .card{
    margin-bottom: 0.5rem;
  }
  .content-header {
    padding: 8px 0.5rem 0px;
  }
  .mb-4, .my-4 {
    margin-bottom: 0.5rem!important;
  }
  .breadcrumb li {
    font-size: 12px !important;
  }
  .btn {
    width: 100%;
  }
  button.close, button.mailbox-attachment-close {
    font-size: 12px;
  }
  .card-body, .card-footer, .card-header {
    padding: 0.75rem;
  }
  .p-3 {
    padding: 0.75rem!important;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-12 {
    margin-bottom: 6px !important;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-12 {
    margin-bottom: 6px !important;
  }
  .form-group {
    margin-bottom: 3px;
  }
  .m-10 {
    margin: 4px !important;
  }
}
@media only screen and (max-width: 400px) {
  .h5, h5 {
    font-size: 1rem;
  }
  .h4, h4 {
    font-size: 1.1rem;
  }
  p,a,span,li,btn,input,strong,label {
    font-size: 0.9rem;
  }
  .card-title {
    font-size: 0.9rem;
  }
  label {
    margin-bottom: 0.1rem;
  } 
  .list-group-item {
    padding: 0.2rem 0.4rem;
    height: 70px;
  }
  td {
    font-size: 0.8rem !important;
  }
  .breadcrumb-item+.breadcrumb-item{
    padding-left: 0.2rem;
  } 
  .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0.2rem;
  }
  .info-box, .card{
    margin-bottom: 0.4rem;
  }
  .mb-4, .my-4 {
    margin-bottom: 0.4rem!important;
  }
  .card-body, .card-footer, .card-header {
    padding: 0.5rem;
  }
  .p-3 {
    padding: 0.5rem!important;
  }
}