/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================


NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.modal-footer{
padding: 1.3rem 0.3rem !important;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
  margin-top: 10px !important;
}
.sorting:before,.sorting:after,.sorting_asc:before,.sorting_desc:before,.sorting_asc:after,.sorting_desc:after{
  bottom:0px !important;
}
td{
  padding-right:15px;
}
#alertTableOuterDiv{
  padding:25px;
}
#alerts{
  vertical-align: top;
}
.dataProp{
  font-weight: bold;
  margin-right:5px;
}
.dataVal{
  margin-left:5px;
}
.desktopOnly {
  display: unset;
}

.mr-1{
  margin-right: 5px;
}

table tbody tr.even{
  color:#444;
}

.sortList{
  border: 1px solid #DFE3E7;
  padding:5px;
}

.form-control-small {
    display: block;
    width: 100%;
     height: 25px;
     padding-left: 5px;
    font-size: 1rem;
    margin:2px;
    font-weight: 400;
    line-height: 1.4;
    color: #475F7B;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #DFE3E7;
    border-radius: 0.267rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mobileOnly {
  display: none;
}

@media only screen and (max-device-width: 480px) {
  .desktopOnly {
    display: none !important;
  }

  #locationsDiv {
    background: #ebedef;
  }

  #register {
    margin-top: 15px;
  }

  .badge-pill {
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
  }

  .badge {
    padding: 5px !important;
  }

  .mobileDeviceCard {
    margin-left: 0px !important;
    margin-right: -30px !important;
  }

  .mobileOnly {
    display: unset !important;
  }

  .content-wrapper {
    padding: 10px !important;
    margin-top: 75px !important;
  }

  .table thead th {
    font-size: 10pt !important;
  }

  .table th, .table td {
    padding: 10px !important;
  }

  h3 {
    font-size: 14pt !important;
  }

  small {
    font-size: 100% !important;
  }

  .card-body {
    padding-bottom: 0px !important;
  }

  .dtr-details {
    margin-left: 30px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .card {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
  }

  .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding-right: 0px !important;
  }

  .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-nav {
    margin-right: 0px !important;
  }

  .header-navbar .navbar-container .show .dropdown-menu {
    right: 0;
    left: auto !important;
  }

  .wizard.vertical .steps ul li a {
    padding: 10px !important;
  }

  .dropdown-menu {
    width: 50% !important;
    right: 0px !important;
  }

  #pduSelect button {
    font-size: 10pt !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .btn {
    padding: 5px !important;
    margin-bottom: 5px;
  }

  hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  #dropdownMenuButton {
    padding-right: 20px !important;
  }

  table {
    margin-bottom: 10px !important;
    padding: 5px !important;
  }

  .header-navbar {
    border-bottom: 1px solid;
  }

  .dataTable>thead>tr>th[class*="sort"]:before,
  .dataTable>thead>tr>th[class*="sort"]:after {
    content: "" !important;
  }

  table tr {
    padding: 10px !important;
  }

  .logo {
    height: 70px !important;
  }

  #activeAlertsTable {
    margin-bottom: 15px !important;
  }

  #navbar-mobile.navbar-collapse .navbar-nav .menu-toggle {
    top: -1.5px !important;
  }

  .card-header {
    padding: 10px !important;
  }

  .menu-title {
    font-size: 12pt !important;
  }

  body {
    /* line-height: 1 !important; */
    font-size: 10pt !important;
  }
}

.linkText {
  text-decoration: underline !important;
  color: blue !important;
  cursor: pointer !important;
}

.card-body {
  padding: 1rem;
}

.floatRight {
  float: right;
}

.pl-25 {
  padding-left: 25px !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.alignBottom {
  vertical-align: bottom;
  position: absolute;
  bottom: 13px;
}

.vertical-align-center{
  vertical-align: middle;

}
.noBackground {
  background-color: #F2F4F4;
}

.table td {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}

.margin-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.dropdown-language {
  padding-top: 17px !important;
}

.error {
  border: 1px solid red !important;
}

.buttons-csv {
  margin-left: 10px;
}

.navbar-brand {
  margin-top: 0px !important;
}

#mainMenu {
  margin-top: 10px;
}

.badge{
  margin-bottom:5px;
}
.btn{
  margin-bottom:5px;
}
.logo {
  height: 85px  !important;
  margin-top: -13px;
}

/* .sorting {
  max-width: 50px;
} */
table.dataTable thead tr th {
  word-wrap: break-word;
  word-break: break-all;
}

/* .list-group-item {
  padding: 5px;
} */
.toggleSwitch {
  text-align: center !important;
  padding: 10px;
  margin-left: 15px;
}

.tableSmall {
  padding: 1px !important;
  margin: 1px;
  font-size: 9pt;
}

.mb-1 {
  margin-bottom: 5px !important;
}

.ml-1 {
  margin-left: 5px !important;
}

.mt-1 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.xs {
  padding: 5px !important;
}

.dt-buttons {
  float: left !important;
}

.list-title {
  font-size: .8rem !important;
}

.tableHeaderSelect {
  padding: 2px;
  color: #475F7B;
}

.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 {
  top: 23px !important;
}
a.nav-link i.collapse-indicator {
  transition: transform 0.3s;
}
a.nav-link.collapsed i.collapse-indicator {
  transform: rotate(180deg);
}
.mr-05 {
  margin-right: 0.125rem; /* half of Bootstrap’s mr-1 */
}