/*
BOOTSTRAP OVERRIDE CSS ;)
*/

/* GENERAL */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
body {font-family: 'Manrope', sans-serif; font-size:100%; line-height: 100%; font-weight:400; color: #222; }
html,body {
  height: 100%;
}

.custom-font {
    font-family: 'Manrope', sans-serif;
}

.page-top {background:#1e1e1e; text-align: center; padding: 15px; color:#fff; width: 50px; height: 50px; cursor: pointer; position:fixed; bottom:10px; right:10px; display: none; opacity: 0.8;}
.page-top:after{
  content: "\f077";
  font-family: 'Font Awesome\ 5 Free'; font-size: 20px; line-height: 20px; font-weight:900
}
.page-top:hover {color:#fee701; }

input[type=text], input[type=email], input[type=password], textarea, select {resize:none!important; outline:none!important; box-shadow: none!important;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc!important;
  opacity: 1; /* Firefox */
}
input[readonly]{background:#eee!important}
.fa-calendar {cursor: pointer;}

.bootstrap-datetimepicker-widget {background:#fefefe; border-width: 1px; border-color: #eee; box-shadow: 10px 9px 25px -9px rgba(0,0,0,0.61); font-family: 'Manrope', sans-serif!important;}
.bootstrap-datetimepicker-widget table td { padding: 5px; font-size: .9rem; line-height: 1rem!important; }
.bootstrap-datetimepicker-widget table td.day {padding: 5px!important}

a:focus, 
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0.8);
  box-shadow: none;
  outline: 0 none;
}

/*MENU*/


/* SPECIFIC */
.card.h-100.border-0.bg-light {box-shadow: 1px 1px 3px #eee; border-radius: 0px!important}
.bg-black {background: #202020!important}
.minitop {background: #111!important; box-shadow: 3px 3px 5px #999}
.minitop .col.order-2{padding-top: 17px!important; font-size: 1.2rem!important}
.minitop .col-md-auto a {color: #fff; text-decoration: none; display: inline-block; height: 100%;} .minitop .col-md-auto a:hover {color: #ccc;}
.minitop .col-12 {font-style: italic;}
.minitop span {font-style: normal; font-weight: 600; }
.menu {padding: 0px!important;/* min-width: 43px; */overflow: hidden;}
.menu.col-small{max-width: 10%!important;}
.menu.col-big{min-width: 90%!important;}
.navbar {padding: .3rem;}
.navbar-collapse {padding: 0;}
.menu .navbar-nav ul { margin: 5px; padding: 0;}
.menu .nav-link {padding:10px 5px; font-weight: 400; font-size: 1rem; color: #ACB6BC!important;}
.menu .nav-link .fas {width: 18px; text-align: center; margin-right: 6px; /*color: #007bff!important;*/ font-size: 1rem; position: relative; top: -1px}
.menu .dropdown-item .fas {width: 18px; text-align: center; margin-right: 2px;}
.menu .nav-link:hover, .menu .nav-link:focus, .menu .nav-link:active {color:#ffc107!important;}
.menu .active .nav-link {color:#ffc107!important;}
.menu .dropdown-menu { 
    padding-top: 0px; 
    padding-bottom: 0px;
    border: 0;
    font-size: .9rem;
    background: #202020;
    color: #ACB6BC!important; margin-top: 0px; border-radius: 0px!important;
    margin-top: -5px!important;
}
.menu .dropdown-menu  a.dropdown-item {
    color: #ACB6BC!important; font-size: .9rem!important;
    background: #202020; padding-left: 30px; padding-top: 5px; padding-bottom: 5px;
}
.menu .dropdown-menu a.dropdown-item:hover, .menu .dropdown-menu a.dropdown-item.active {
    color: #ffc107!important;
    background: #202020
}
.menu .dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
    transition: 100ms linear all;
}
.menu .dropdown-menu .dropdown-menu{margin-top: 0px!important;  padding-bottom: 5px; padding-top: 2px; margin-left:20px }
.menu .dropdown-menu .dropdown-menu  a.dropdown-item {
    color: #ACB6BC!important;
    background: #202020
}
.menu .dropdown-menu .dropdown-menu  a.dropdown-item:hover, .menu .dropdown-menu .dropdown-menu  a.dropdown-item.active {
    color: #ffc107!important; 
    background: #202020
}
.menu .dropdown-menu .dropdown-menu li a {font-size: .8rem!important;}
.menu .dropdown-menu li a:hover, .menu .dropdown-menu li a:active, .menu .dropdown-menu li a:focus {color:#ffc107!important; background: #202020; }


#account-menu, #search-results {display: none;}
.popover-body ul {list-style: none; padding: 0; margin: 0;}
.popover-body li {padding: 3px 10px;}
.popover-body li:hover{background: #111; color: #fff;}
.popover-body li:hover .fas {color: #ffc107}
.popover-body li:hover a {color: #fff}
.popover-body li a{color:#222; text-decoration: none; }
.popover-body li a:hover {color: #fff;}
.popover-body li .fas { width: 20px; text-align: left; position: relative; left: -3px; color: #111;}
.popover-header {background: #ffc107!important; color: #111!important; text-align: center; }

.form-group label, .form-row label {color: #111; font-size: .9rem; font-weight: bold!important;}
.lead {font-size: 1.2rem; line-height: 1.6rem;}

.breadcrumb a{text-decoration: none!important}

.set-whitelist:hover, .set-whitelist-bulk:hover, .set-imperial:hover, .set-imperial-bulk:hover, .set-blacklist:hover, .set-blacklist-bulk:hover, .download-disavow:hover {cursor: pointer; background: #343A40!important; color:#fff!important;}

.form-control.inline-sm {max-width: 60px!important; display: inline; text-align: center;}

h1 {font-size: 1.6rem; line-height: 2rem; text-transform: uppercase; font-weight: 600;}
.hidden{display:none!important}

#map_canvas {width:100%; height:250px; margin:0 auto;}
.ui-autocomplete {
  background-color: white;
  width: 100%;
  border: 1px solid #cfcfcf;
  list-style-type: none;
  padding-left: 0px; font-size:14px; line-height:15px; z-index: 9999 !important;
}
.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;}
div.pac-container {
    z-index: 9999 !important;
}


input.no-b-left {border-left: none!important;}
input.no-b-right, select.no-b-right {border-right: none!important;}
.input-group-text {color: #999;background: none;}
.input-group-prepend .input-group-text, { padding-right: 0px;}
.input-group-append .input-group-text { padding-left: 0px;}

.dd-handle.bg-danger { opacity: .8;}

.stay-open {display:block !important;}
.hover:hover{cursor: pointer;}.nohover:hover {cursor:default!important }
.custom-input input {width: 40px!important; height: 20px!important;}

/*Color - Picker*/
div.colorPicker-picker {
  height: 20px;
  width: 20px;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  line-height: 16px;
  font-size:0.75em;
  font-weight:bold;
  text-align: center; margin-right: 10px;
}
div.colorPicker-palette {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}
div.colorPicker_hexWrap {width: 100%; float:left }
div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }
div.colorPicker-swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}
/*Color - Picker*/

/*active button*/
.btn.btn-light.border-primary.active {background: #007BFF!important; color: #fff!important}

.zindextop {z-index: 9999!important}
.alert.alert-success.zindextop a:hover, .alert.alert-success.zindextop a:active, .alert.alert-success.zindextop a:focus{background: #B1DFBB!important; text-decoration: none!important;}

.page-link {color:#ffc107; background:#333; border-color: #333; }
.page-link:hover {color:#333; }
.page-item.active .page-link {color:#333; background:#ffc107;border-color: #ffc107; }

.modal-xxl {max-width: 99%!important; min-height: 95%!important; height: 95%!important; max-height: 95%!important;}
.modal-xxl .modal-content {
    min-height: 95%!important; height: 95%!important; max-height: 95%!important;
}

table.table-pricelist {max-height: calc(100vh - 270px);}
table.table-pricelist td:first-child, table.table-pricelist th:first-child 
{
    position:sticky;
    left:0;
    z-index:8888!important;
}
table.table-pricelist thead
{
    position:sticky;
    top:0;
    z-index:8888!important;
}

.100piex {min-width: 80px!important;width: 80px!important;display: inline-block!important}

@media screen and (max-width:1199px){ 

}

@media screen and (max-width:991px){ 
    html,body {
        height: auto;
    }
    .menu {border-bottom: 1px #ddd solid; padding: 20px 0px;}
    .navbar {padding: 1rem;}
    .menu .nav-link {font-size: 1rem;}
}

@media screen and (max-width:767px){ 
    
}

@media screen and (max-width:577px){

}

@media screen and (max-width:480px){

}
/* TEMPLATE */