@import "variables";




.blv-frw-card {
  .card-header {
    .header-title {
      font-weight: 200;
      margin-top: 6px;
    }
  }
  .card-footer {
    .footer-text-left {
      font-weight: 200;
      margin-top: 6px;
    }
  }
}

.alert {
  box-shadow: $shadow-big;
  width: 450px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1030;
}


.badge {
  margin-left: 2px !important;
}

.no-spinners {
  -moz-appearance: textfield;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
}

@for $i from 1 through 100 {
  $total: $i*10;
  .w-#{$total + 'px'} {
    width: #{$total + 'px'} !important;
  }
}

pre {
  background: #d4d4d459;
  padding: 50px;
  margin: 30px;
}

@media print {
  .btn {
    display: none;
  }
  @for $i from 1 through 12 {
    .col-md-#{$i}, .col-sm-#{$i}, .col-lg-#{$i}, col-xl-#{$i} {
      width: #{percentage(round($i*8.33)/100)};
      float: left;
    }
  }
  @page {
    size: landscape
  }
}

.overflow-auto {
  overflow: auto;
  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6) !important;
    background-color: #CCCCCC !important;
  }
  &::-webkit-scrollbar {
    width: 10px !important;
    background-color: #F5F5F5 !important;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #FFF !important;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, transparent 100%, rgba(0, 0, 0, 1) 75%, transparent) !important;
  }
}


body {
  overflow-x: hidden;
}

@media (min-width: 992px) {
  body {
    font-family: 'Open Sans', sans-serif;
  }
}

*:focus {
  outline: none !important;
}

/* CURSOR */
.cursor-pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default;
}

.cursor-move {
  cursor: move;
}

.cursor-no-drop {
  cursor: no-drop;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-left-0 {
  border-radius: 0 4px 4px 0 !important;
}

.rounded-right-0 {
  border-radius: 4px 0px 0px 4px !important;
}


/* FORMS */
input:hover, textarea:hover, select:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
input:focus, textarea:focus, select:focus {
  outline:0px !important;
  border: 0 !important;
}

.edit-stars:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.25);
}

/* CENTER BOX */
.center-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  margin: auto;
  height: 300px;
  width: 300px;
}

/* PLACEHOLDER */
input {
  &::-webkit-input-placeholder, &:-moz-placeholder {
    font-weight: 300 !important;
  }
}

/* COLORS */
.text-gray {
  color: #D3D3D3;
}

.bg-gray {
  background-color: #6c757d;
}

/* LINKS */
a {
  color: #327ABD;
  &:hover {
    color: #2D6BA5;
  }
}

//BUTTONS
.btn-xs{
  padding  : 2px .4rem !important;
  font-size:14px !important;
  text-transform: capitalize !important;
}

/* TEXT */
.text-90 {
  font-size: 90%;
}

.text-80 {
  font-size: 80%;
}

.line-through {
  text-decoration: line-through;
}

.emphasis {
  background-color: #FFFFCC;
  padding: 2px 4px;
  border-radius: 2px;
  color: #999900;
  font-weight: 200;
  font-style: italic;
}

/* SIDEBAR */
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  &.toggled {
    padding-left: 260px;
  }
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 260px;
  width: 0;
  height: 100%;
  margin-left: -260px;
  overflow-y: auto;
  background: #FFF;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 260px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -260px;
}

@media (min-width: 768px) {
  #wrapper {
    padding-left: 0;
    &.toggled {
      padding-left: 260px;
    }
  }
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 260px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}

/* CONTENT ADMIN */
#sidebar-wrapper .list-group-item {
  color: #1B2734;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 200;
  border: none;
  background-color: transparent;
  font-size: 14px;
  &:hover {
    color: #2D6BA5 !important;
    cursor: pointer;
  }
  &.active {
    color: #327ABD;
  }
}

// DROPDOWN
.dropdown-circle {
  .dropdown-toggle::after {
    display: none;
  }
}

.dropdown-content {
  padding-top: 0;
  padding-bottom: 0px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 3px;
  min-width: 250px;
  .dropdown-item {
    border-bottom: 1px solid #CCC;
    padding: 8px 15px;
    p {
      width: 185px;
      margin-bottom: 0;
      float: left;
    }
    i {
      margin-top: 2px;
      color: #FFF;
      float: right;
    }
  }
  .dropdown-item:hover {
    color: #327ABD !important;
    background-color: transparent;
    i {
      color: #327ABD;
    }
  }
  .dropdown-item.active {
    color: #327ABD !important;
    background-color: transparent;
    i {
      color: #327ABD;
    }
  }
  .dropdown-item:last-child {
    border-bottom: 0;
  }
}

#demo {
  -webkit-transition: width 1s ease;
  -moz-transition: width 1s ease;
  -o-transition: width 1s ease;
  transition: width 1s ease;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  height: 0px;
  width: 0px;
  &.in {
    width: 300px;
    height: 100%;
  }
}

/* PADDING COLLAPSE LATERAL */
#page-content-wrapper {
  padding: 10px 0 !important;
  .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* CARD SUBSECTION */
// .card-subsection {
//   border: 0;
//   border-left: 5px solid #327ABD;
// }

/* DROPDOWN */
// .dropdown .dropdown-menu {
//   width: 250px;
//   border-radius: 3px;
//   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
//   .dropdown-item {
//     padding-top: 10px;
//     padding-bottom: 10px;
//   }
//   .active {
//     background-color: #f8f9fa !important;
//     color: #327ABD !important;
//   }
// }

/* BREADCRUM */
// .breadcrumb {
//   background-color: transparent;
//   padding-left: 0;
// }

/* TABLE HEADER */
// .header-table-section h5 {
//   margin-top: 6px;
//   margin-bottom: 0;
// }

/* MODAL */
.modal-xl {
  max-width: 90%;
}
.modal-xxl {
  max-width: 100%;
}

/* SUMMARY */
// .summary-incidents {
//   .card:hover {
//     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
//   }
//   .fa {
//     font-size: 21px;
//     padding: 8px 13px;
//     border-radius: 20px;
//     margin-top: -5px;
//   }
// }
// .bar-bottom-critical {
//   border-bottom: 5px solid #1B2734;
// }
// .bar-bottom-high {
//   border-bottom: 5px solid #DC665A;
// }
// .bar-bottom-medium {
//   border-bottom: 5px solid #EBCB00;
// }
// .bar-bottom-low {
//   border-bottom: 5px solid #00B18F;
// }

/* NAV MAPS */
// .nav-pills {
//   .nav-link {
//     border-radius: 0;
//     border-right: 3px solid #D4D4D4;
//     color: #6c757d;
//     &.active {
//       background-color: #f8f9fa;
//       border-right: 3px solid #327ABD;
//       color: #327ABD;
//     }
//   }
//   .show > .nav-link {
//     background-color: #f8f9fa;
//     border-right: 3px solid #327ABD;
//     color: #327ABD;
//   }
//   .nav-link:hover {
//     background-color: #f8f9fa;
//     border-right: 3px solid #327ABD;
//   }
// }

/* DRAG AND DROP */
// .drop-section .drop-box {
//   background-color: #EAEAEA;
//   .drop-content {
//     border: 2px dashed #327ABD;
//     opacity: 0.5;
//   }
// }
// .chart-section .chart-box {
//   background-color: #CCC;
// }

/* LIST */
// .draganddrop:hover {
//   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
//   color: #327ABD;
//   cursor: move;
// }

// MEDIA QUERIES
@media screen and (max-width: 992px) {
  .visible-desktop {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .visible-mobile {
    display: none;
  }
}


.card-header {
  .header-title {
    font-weight: 200;
    margin-top: 6px;
  }
}
.card-footer {
  .footer-text-left {
    font-weight: 200;
    margin-top: 6px;
  }
}

.alert {
  box-shadow: $shadow-big;
  width: 450px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1030;
}


.badge {
  margin-left: 2px !important;
}

.no-spinners {
  -moz-appearance: textfield;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
}

@for $i from 1 through 100 {
  $total: $i*10;
  .w-#{$total + 'px'} {
    width: #{$total + 'px'} !important;
  }
}

pre {
  background: #d4d4d459;
  padding: 50px;
  margin: 30px;
}

@media print {
  .btn {
    display: none;
  }
  @for $i from 1 through 12 {
    .col-md-#{$i}, .col-sm-#{$i}, .col-lg-#{$i}, col-xl-#{$i} {
      width: #{percentage(round($i*8.33)/100)};
      float: left;
    }
  }
  @page {
    size: landscape
  }
}

.overflow-auto {
  overflow: auto;
  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6) !important;
    background-color: #CCCCCC !important;
  }
  &::-webkit-scrollbar {
    width: 10px !important;
    background-color: #F5F5F5 !important;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #FFF !important;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, transparent 100%, rgba(0, 0, 0, 1) 75%, transparent) !important;
  }
}