select{
    word-wrap: normal;
    padding: 5px;
    border: 2px solid #ddd;
    border-radius: 1px;
    color: #454545;
    cursor: pointer;
}

#bg-loader-fix{
  display: none;
}

.bgdark{
  background:#000;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0.5;
}

.poster-product{
  width: 100%;
  height: 200px;
}
.poster-product img {
  width: 100%;
  height: auto;
}

.bg-loader-fix{
  background: #00000030;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 50;
  display: flex;
    align-items: center;
    top: 0;
}

#bg-dark{
  display: none;
}

.bg-dark{
  background: #00000030!important;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: flex;
    align-items: center;
    top: 0;
}

.c-loader {
  
    position: relative;
    animation: is-rotating 1s infinite;
    border: 6px solid #ffffff;
    border-radius: 50%;
    border-top-color: #ff8944;
    height: 40px;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
}
@keyframes is-rotating {
  to {
    transform: rotate(1turn);
  }
}



/**Header**/
.header{
  display: flex;
  justify-content: space-between;
  padding: 5px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.logo{
  width: 43px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  background: #000;
}
.logo img{
  width: 100%;
}
.titulo{
  width: auto;
  padding: 5px 0px 0px 10px;
  text-align: center;
}
.titulo h1{
  font-size: 14px;
  color: #555;
}
.titulo h2{
  font-size: 12px;
  color: #999;
}

.menu{
  width: 100%;
    
}
.btn-cart{
  
  position: relative;
}

.btn-view-cart{
  background: #219f0e;
    border-radius: 4px;
    color: #fff;
  border:none;
  padding: 6px 5px 6px 5px;

    font-weight: bold;
    font-size: 13px;
}

.btn-cancel{
  background: #d61b1b;
    border-radius: 4px;
    color: #fff;
  border:none;
  padding: 6px 5px 6px 5px;
  margin: 0px 3px 0px 0px;
    font-weight: bold;
    font-size: 13px;
}

.btn-finalizar-cart{
  background: #ec742e;
    border-radius: 4px;
    color: #fff;
  border:none;
  padding: 10px 20px 10px 20px;

    font-weight: bold;
    font-size: 13px;
}


.box-categories{
  background: #e7e7e7;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
    padding: 15px 0px 5px 0px;
    position: relative;
}

.categories::-webkit-scrollbar{width:5px; height:7px}
.categories::-webkit-scrollbar-thumb { background: #e7e7e7;border-radius:5px}
.categories::-webkit-scrollbar-track { background:#e7e7e7}

.categories{
  display: flex;
  padding: 0px 20px 0px 20px;
  overflow: auto;
  position: relative;
  scroll-behavior: smooth;
  width: 93%;
}
.ind-left{
  background: #ec742e;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 45px;
    padding: 6px 7px 6px 5px;
    z-index: 10;
    border: 2px solid #e7e7e7;
}

.ind-right{
  background: #ec742e;
    border-radius: 50%;
    position: absolute;
    right: 1px;
    top: 45px;
    padding: 6px 7px 6px 5px;
    border: 2px solid #e7e7e7;
}
.categories .category-poster{
  width: 90px;
  height: 90px;
  margin-left: auto;
    margin-right: auto;
        border-radius: 10px;
    overflow: hidden;

}
.category-name{
      font-size: 13px;
    font-weight: bold;
      padding: 25px 7px;
}

.categories .category-poster img{
  width: 100%;
  height: 100%;
}
.categories .category{
  width: 100px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  margin: 0px 5px 5px 0px;
}



.box-products h1{
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin: 5px 0px;
}
.box-products{
  padding: 5px;
    background: #f2f2f2;
    margin: 0 0px 0px 0px;
        border-top: 3px solid #e2e2e2;
}

.products{

}
.product{
  margin: 10px 0px;
    border-bottom: 1px solid #dadada;
    padding: 10px 10px;
    background: #fff;
    border-radius: 5px;
}
.product-price{
  color: #219f0e;
    font-weight: bold;
    font-size: 15px;
}
.product-name,.product-price{
  margin: 5px 0px;
    padding: 5px 0px;
}



/**Modal cart**/
.modal-cart .product{
  margin:0!important;
  padding:0!important;
}
.modal-cart{
  display: none;
  position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 10px 10px 35px 10px;
    z-index: 12;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 2px solid #e9e9e9;
}

.btns-increment button{
      background: #ec742e;
    border: none;
    padding: 7px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: bolder;
}
.btn-add-cart{
  background: #219f0e!important;
    margin: 0px 0px 0px 7px;
    position: relative;
    padding: 0px 8px 0px 25px!important;
}
.btns-increment input{
  background: #ddd;
  color: #000;
  width: 30px;
  border:none;
  border-radius: 4px;
  padding: 6px;
  text-align: center;
  font-size: 13px;
    font-weight: bolder;
    margin: 0px 5px 0px 5px;
}
.btns-increment{
  display: flex;
  width: 100%;
  margin: 7px 0px;
}

.item-options .options-input input{
  padding: 5px;border: 1px solid #e3e3e3;
    background: #f1f1f1;
    border-radius: 4px;
}


.item-options .options-input{
  border-bottom: 1px solid #f2f2f2;
    padding: 7px 0px;
}
.item-options{
  margin: 10px 0px;
}

.box-cart-items{
      overflow: auto;
    height: 230px;
}
.product-items-cart{

}

.btn-remove-item-cart{
  background: #f13c4a!important;
  margin:0px 0px 0px 0px!important;
  font-size: 12px!important;
}




.box-finalize-order{
  background: #eeeeee;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #838383;
}

.box-finalize-order .item-options .options-input textarea{
  padding: 5px;border: 1px solid #e3e3e3;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    color: #838383;
}

.box-finalize-order .item-options .options-input input{
  padding: 7px 5px;border: 1px solid #e3e3e3;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    color: #838383;
}
.box-finalize-order .item-options .options-input select{
  padding: 7px 5px;border: 1px solid #e3e3e3;
    background: #fff;
    border-radius: 4px;
    width: 180px;
    color: #838383;
}




.box-tables .card a{
    text-decoration: none;
    color: #000;
}
.box-tables .card{
        margin: 5px!important;
        width: 40%!important;
        background: #198f06!important;
        border:none!important;

}
.box-tables .card-title{
    font-size: 16px!important;
    font-weight: bold;
    color: #fff!important;
}
.box-tables{
    
}
.card{
  box-shadow:none;
  border-radius: 1.25rem;
}
.main-header{
  border:none;
}
.small-box{
  border-radius: 1.25rem;
}
.menu-dashboard{
  display: flex;
}


.menu-d{
  margin: 10px;
    background: #343a40;
    padding: 15px;
    border-radius: 1.25rem;
}
.menu-d-title{
  color: #fff;
    font-size: 25px;
    font-weight: bold;
}

/** icon **/
.icon{
  width: 25px;
  height: 25px;
  display: inherit;
}
.icon-big{
  width: 55px;
  height: 55px;
  display: inherit;
  background-size: 54px 54px!important;
  margin-left: auto;
    margin-right: auto;
}
.icon-sm{
  width: 21px;
  height: 21px;
  display: inherit;
}

.icon-medium{
  width: 15px;
  height: 15px;
  display: inherit;
}
.icon-file-add{
  background: url('/assets/img/file-upload.svg') no-repeat center;
  background-size: 25px 25px;
}
.icon-add{
  background: url('/assets/img/add.svg') no-repeat center;
  background-size: 20px 20px;
}
.icon-comment{
  background: url('/assets/img/comment.svg') no-repeat center;
  background-size: 15px 15px;
}

.icon-bullhorn{
  background: url('/assets/img/bullhorn.svg') no-repeat center;
  background-size: 15px 15px;
}

.icon-down{
  background: url('/assets/img/arrow-down.svg') no-repeat center;
  background-size: 15px 15px;
}

.icon-down-toolt{
  background: url('/assets/img/down-toolt.svg') no-repeat center;
  background-size: 12px 12px;
}

.icon-turn-down{
  background: url('/assets/img/turn-down.svg') no-repeat center;
  background-size: 12px 12px;
}

.icon-right{
  background: url('/assets/img/right.svg') no-repeat center;
  background-size: 12px 12px;
}

.icon-right-black{
  background: url('/assets/img/right-black.svg') no-repeat center;
  background-size: 10px 10px;
  position: absolute;
    left: 0;
}

.icon-right-red{
  background: url('/assets/img/right-red.svg') no-repeat center;
  background-size: 8px 8px;
  position: absolute;
    left: 0;
    top: 1px;
}

.icon-arrow-right{
  background: url('/assets/img/arrow-right.svg') no-repeat center;
  background-size: 12px 12px;
  position: absolute;
    
    right: 20px;
    top: 11px;
}

.icon-hamb-d{
  background: url('/assets/img/list.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
    
    left: 0px;
    
}

.icon-hamb{
  background: url('/assets/img/hamb.svg') no-repeat center;
  background-size: 16px 16px;
  position: absolute;
    
    left: 11px;
    top: 16px;
}

.icon-close{
  background: url('/assets/img/close.svg') no-repeat center;
  background-size: 16px 16px;
  position: absolute;
    
    left: 11px;
    top: 16px;
}

.icon-arrow-right-w{
  background: url('/assets/img/arrow-right-w.svg') no-repeat center;
  background-size: 12px 12px;
  position: absolute;
    
    right: 20px;
    top: 11px;
}

.icon-left{
  background: url('/assets/img/left.svg') no-repeat center;
  background-size: 12px 12px;
}

.icon-left-d{
  background: url('/assets/img/left-d.svg') no-repeat center;
  background-size: 16px 16px;
   background-size: 15px 15px;
    position: absolute;
    left: 8px;
    top: -4px;
}

.icon-lupa{
  background: url('/assets/img/lupa.svg') no-repeat center;
  background-size: 15px 15px;
}

.icon-view{
  background: url('/assets/img/eye-solid.svg') no-repeat center;
  background-size: 10px 10px;
  position: absolute;
   left: 2px;
    top: 3px;
}
.icon-cart{
  background: url('/assets/img/cart.svg') no-repeat center;
 background-size: 15px 15px;
    position: absolute;
    left: 5px;
    top: 7px;
}

.icon-comment{
  background: url('/assets/img/comment.svg') no-repeat center;
  background-size: 25px 25px;
}

.icon-home{
  background: url('/assets/img/home.svg') no-repeat center;
  background-size: 14px 14px;
}

.icon-cart-big{
  background: url('/assets/img/cart-big.svg') no-repeat center;
  background-size: 14px 14px;
}

.icon-money-big{
  background: url('/assets/img/money-big.svg') no-repeat center;
  background-size: 14px 14px;
}

.icon-star{
  background: url('/assets/img/star.svg') no-repeat center;
  background-size: 22px 22px;
}

.icon-star-w{
  background: url('/assets/img/star-w.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
    
    right: 20px;
    top: 11px;
}

.icon-star-black{
  background: url('/assets/img/star-black.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
    
    right: 20px;
    top: 11px;
}

.icon-play-hover{
  background: url('/assets/img/play-hover.svg') no-repeat center;
  background-size: 25px 25px;
}

.icon-play{
  background: url('/assets/img/play.svg') no-repeat center;
  background-size: 18px 18px;
}

.icon-play-r{
  background: url('/assets/img/play-r.svg') no-repeat center;
  background-size: 18px 18px;
}

.icon-arrow{
  background: url('/assets/img/arrow.svg') no-repeat center;
  background-size: 15px 15px;
}

.icon-audio{
  background: url('/assets/img/audio.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
  left: 2px;
    top: 3px;
}

.icon-audio-d{
  background: url('/assets/img/audio-d.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 6px;
    top: 14px;
}

.icon-bookmark{
  background: url('/assets/img/bookmark.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
    top: 14px;
}

.icon-imdb{
  background: url('/assets/img/imdb.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
    top: 14px;
}
.icon-base{
  background: url('/assets/img/base.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
    top: 14px;
}

.icon-time{
  background: url('/assets/img/time-2.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
}
.icon-calendar{
  background: url('/assets/img/calendar.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
  
}

.icon-movie{
  background: url('/assets/img/movie.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
  
}

.icon-movie-d{
  background: url('/assets/img/movie.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
  top: 16px;
  
}

.icon-movie-r{
  background: url('/assets/img/movie-r.svg') no-repeat center;
  background-size: 11px 11px;
  position: absolute;
  left: 0;
  top: 16px;
  
}

.icon-tag{
  background: url('/assets/img/tag.svg') no-repeat center;
  background-size: 13px 13px;
  position: absolute;
  left: 0;
  
}

.icon-info{
  background: url('/assets/img/info.svg') no-repeat center;
  background-size: 12px 12px;
  position: absolute;
  left: 0;
  
}

.icon-info-d{
  background: url('/assets/img/info-d.svg') no-repeat center;
  background-size: 12px 12px;
  position: absolute;
  left: 0;
  
}

.icon-rotate-left{
  background: url('/assets/img/rotate-left.svg') no-repeat center;
  background-size: 10px 10px;
  position: absolute;
  left: 0;
  top:18px;
}

/*icon */

.list-group-item{
  cursor: pointer;
}
.list-group-item:hover{
  background: #f4f4f4;
}

.box-results-all-service, .box-results-all-product, .box-results-all-customer, .box-results-all-tech{
  position: relative;
}
.results-items-service, .results-items-product, .results-items-customer,.results-items-tech {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1111;
}

.results-items-service ul, .results-items-product ul, .results-items-customer ul, .results-items-tech ul {
  padding: 0;
}


.box-items-services, .box-items-products{
  display: flex;
  flex-wrap: wrap;
}
.item-serv-and-prod{
  background: #3f51b5;
  display: flex;
  font-weight: bold;
  margin:10px 7px 0px 0px;
  padding: 5px;
  border-radius: 8px;
  font-size: 16px;
  color: #fff;
  width: auto;
}
.item-serv-and-prod-subs{
  width: 100%;
  padding: 2px 0px 2px 5px;
}
.item-serv-and-prod-delete{
  padding: 0px 5px;
  display: flex;
}

.item-serv-and-prod-delete .increment-qtd-items-os{
  margin-right: 10px;
  margin-left: 10px;
}
.delete-item-os-serv:hover{
  background:#b40909;
}
.delete-item-os-serv{
  cursor: pointer;
  background:#d60909;
  padding: 3px 10px;
  border-radius: 7px;
}

.increment-qtd-items-os{
  display: flex;
}
.increment-qtd-items-os .btn{
  margin: 0px 4px;
  font-size: 16px;
  font-weight: bold;
}
.increment-qtd-items-os input{
  width: 26px;
  height: 30px;
  padding: 0px 3px;
  font-size: 13px;
  font-weight: bold;
}

.modal-header{
    background: #e6e6e6!important;
}

.modal-content{
        background: #f4f4f4!important;
}
.form-control{
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
}

.new-forms-all select{
  width: 100%!important;
  border: 1px solid #ddd !important;
    border-radius: 4px !important;
}

.nav-sidebar{

    border-radius: 7px;
}

.elevation-4{
  box-shadow: 0 14px 12px rgba(0, 0, 0, .25), 0 5px 0px rgba(0, 0, 0, .22) !important;
}

.atalhos-stl{

}
.atalhos-stl h2{
  font-size: 27px;
    font-weight: bold;
    color: #00bc8c;
}

.atalhos-stl h3{
    font-weight: bold;
    font-size: 22px;
}

.atalhos-stl h3 span{
    font-weight: 100;
}

.boxs{
    display: flex;
    flex-wrap: wrap;
    background: #615e66;
    justify-content: center;
    position: relative;
}
.box{
    width: 100%;
    background: #3498db;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.box-open{
    background: unset;
    z-index: 1;
}

.form-label{
  font-weight: 400!important;
}

.box-logo-aside{
  padding: 5px 35px;
  justify-content: center;
}
.logo-bg-aside{
  width: 130px;
  height: 130px;
  
}
.logo-bg-aside img{
  object-fit: cover;
  width: 100%!important;
  height: 100%!important;
}

.brand-link .brand-image{
  width: 100%!important;
  max-width: unset!important;
  max-height: unset!important;
  float: unset;
  line-height: 0!important; 
  margin-left: 0!important;
  margin-right: 0!important;
  margin-top: 0!important;
}

.btn-1{
  background: #c42121!important;
background: linear-gradient(125deg,rgba(196, 33, 33, 1) 0%, rgba(255, 102, 102, 1) 100%)!important;
border:none!important;
transition: all ease 0.5s;
}
.btn-1:hover{
  background: #c42121!important;
background: linear-gradient(125deg,rgb(174, 27, 27) 0%, rgb(239, 91, 91) 100%)!important;
}

.btn-2{
  background: #138f30!important;
background: linear-gradient(125deg,rgba(19, 143, 48, 1) 0%, rgba(36, 189, 43, 1) 100%)!important;
border:none!important;
}

.btn-2:hover{
  background: #138f30!important;
background: linear-gradient(125deg,rgb(15, 128, 42) 0%, rgb(31, 171, 38) 100%)!important;
}


.btn-3{
  background: #22abc3!important;
background: linear-gradient(168deg,rgba(34, 171, 195, 1) 0%, rgba(36, 220, 237, 1) 100%)!important;
border:none!important;
}

.btn-3:hover{
  background: #22abc3!important;
background: linear-gradient(168deg,rgb(27, 149, 171) 0%, rgb(32, 206, 222) 100%)!important;
}

.btn-4{
  background: #949494!important;
background: linear-gradient(125deg,rgba(148, 148, 148, 1) 0%, rgba(168, 168, 168, 1) 99%)!important;
border:none!important;
}

.btn-4:hover{
  background: #949494!important;
background: linear-gradient(125deg,rgb(128, 128, 128) 0%, rgb(158, 158, 158) 99%)!important;
}


.btn-5{
  background: #dc7b05!important;
background: linear-gradient(125deg,rgb(190, 138, 6) 0%, rgb(226, 156, 26) 99%)!important;
border:none!important;
}
.btn-5:hover{
  background: #dc7b05!important;
background: linear-gradient(125deg,rgb(176, 128, 5) 0%, rgb(215, 148, 24) 99%)!important;
}

.btn-6{
  background: #b304ad!important;
background: linear-gradient(125deg,rgb(162, 7, 159) 0%, rgb(195, 13, 205) 99%)!important;
border:none!important;
}
.btn-6:hover{
  background: #980593!important;
background: linear-gradient(125deg,rgb(176, 12, 173) 0%, rgb(242, 0, 255) 99%)!important;
}


.select2-container--default .select2-selection--single{
  height: auto!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 7px!important;
}

.container-fluid{
  padding-right: 15px!important;
    padding-left: 20px!important;
}

.brand-link{
  border-bottom: none!important;
}

.box-pdv .card{
    height: 100%;
}
.box-pdv .content-header{
    color: #fff;
}
.box-pdv{
    position: fixed;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1050;
    background: #c42121 !important;
    background: linear-gradient(125deg, rgba(196, 33, 33, 1) 0%, rgba(255, 102, 102, 1) 100%) !important;
}

.nav-item a{
  color: #fff!important;
}
.main-sidebar{
  background: #1492a4;
  border-top-right-radius: 30px;
    border-bottom-right-radius: 40px;
  background: linear-gradient(180deg, rgb(15 133 150) 0%, rgb(5 179 204) 100%, rgba(56, 56, 56, 1) 54%) !important;
}

.loadinging {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    
}
.loadingingimg {
    width: 100%;
    position: absolute;
    margin: 310px 0px 0px 0px;
        
}
.loadingingimgimg {
    text-align: center;
    width: 100%;
    
}
#modal{
    display: none;
}


.atalhos{
    position: fixed;
    width: auto;
    height: auto;
    bottom: 0;
    left: 0;
    padding: 10px;
}


.items-list ul{
	height: 300px;
    overflow: auto;
}

.box-pdv-prods{

	background: #ececec;
    padding: 10px;
    border-radius: 5px;
    margin: 0px 0px 20px 0px;
}




.results, .results-workers, .results-customers{
	position: relative;
  z-index: 1111111;
}
.results ul, .results-workers ul, .results-customers ul{
	width: 100%;
	position: absolute;
	top: 0;
  overflow: auto;
  height: unset;
}
.results ul li, .results-workers ul li, .results-customers ul li{
	cursor: pointer;
}

.results ul li:hover, .results-workers ul li:hover, .results-customers ul li:hover{
	color: #fff;
	background: #28a745;
}


@media screen and (max-width: 900px) {
  .logo-bg-aside{
      width: 100%;
      height: 100%;
  }
  
}