/* Minification failed. Returning unminified contents.
(26,18): run-time error CSS1030: Expected identifier, found '>'
(26,29): run-time error CSS1031: Expected selector, found ')'
(26,29): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800&display=swap');
body {background-color:#FAFAFA;color:#333333;font-family: 'Open Sans', sans-serif;font-size:1rem}
.titulo, .cinza-titulo, .titulo-azul, .montserrat, .breadcrumb, .caminho, nav,  {font-family: 'Montserrat', sans-serif;font-weight:700}
.cinza-titulo {font-size:18px;font-weight:800}
#carregando {position:absolute;z-index:9999;/*display:block;display:none;*/width:100%;height:100%;background-color:#295097;color:#fff;/*background-color:rgba(248,185,83,255);color:rgba(248,185,83,255);*/font-size:4rem;text-shadow:-1px -1px 0 #29596d, 1px -1px 0 #29596d, -1px 1px 0 #29596d, 1px 1px 0 #29596d;padding-top:20%}
#capa-busca {position:absolute;z-index:3;display:none;width:100%;height:100%;background-color: rgba(255, 255, 255, 0.7)}
.busca .close {position:absolute;top:12px;z-index:990;color: rgba(127, 127, 127);display:none;width:100%;cursor:pointer!important}
.cursor {cursor:pointer!important}
.busca .form-control {margin-left:6px;width:90%;font-size: 1.067rem;color: rgba(100,100,100)}
.busca form {width:100%}
.busca-col-6 {max-width:70%!important}
.busca input::-webkit-input-placeholder {color:#A9A9A9} /* Edge */
.busca input:-ms-input-placeholder {color:#A9A9A9} /* Internet Explorer */
.busca input::placeholder {color:#A9A9A9}
.campoB {background-color:red}
.ui-autocomplete-category {font-weight:bold;padding:.2em .4em;margin:.8em 0 .2em;line-height: 1.5}
/*Setas para elementos*/
.class::before {transform: translateY(-50%); position: absolute; left: 0; top: 50%; z-index: 1; display: block; width: 0; border-style: solid; border-color: transparent #9b3a3a; border-width: 6px 0 6px 6px; content: ""; }
.pedido::before, .busca form::before {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);position:absolute;z-index:1;display:block;width:0}
/*
.pedido::before {left:4.5rem;top:2.1rem;border-style:solid;border-color:transparent#007BFF;border-width:0px 0 56px 28px;content:""}
.pedido form::before {left:4.8rem;top:2rem;border-style:solid;border-color:transparent#fff;border-width:0px 0 42px 20px;content:""}
*/
div.col-md-6:has(> nav.busca) {position:absolute;z-index:990;flex:0!important;max-width:100%!important}
a {outline:0;color:#1077CC}
a:hover {text-decoration:none}
label{display:block}
p {line-height:2rem}
.nopadding {padding:0px!important}
.nopaddinglat {padding-left:0px!important;padding-right:0px!important}
.nopaddingteb {padding-top:0px!important;padding-bottom:0px!important}
.nopaddingtop {padding-top:0px!important}
.nopaddingbot {padding-bottom:0px!important}
.nomarginbot {margin-bottom:0px!important}
.padding10tb {padding:10px 0}
.padding5 {padding:5px}
.padding5 {padding:5px}
.paddingtop12rem {padding-top:1.2rem!important}
.paddingtop15 {padding-top:215px}
.paddingtop25 {padding-top:25px}
.paddingtop30 {padding-top:30px}
.paddingbot35 {padding-bottom:35px}
.paddingbot5  {padding-bottom:5px}
.paddingbot10 {padding-bottom:10px}
.paddingbot15 {padding-bottom:15px}
.paddingbot45 {padding-bottom:45px}
.padding20left {padding-left:20px}
.padding20right {padding-right:20px}
.nomargin {margin:0px!important}
.margin5tb {margin:5px 0}
.margin10tb {margin:10px 0}
.margin20left {margin-left:20px}
.margin10left {margin-left:10px}
.close {line-height:1rem!important}
.breadcrumb-item + .breadcrumb-item::before {content: ">"}
.h40 {height:40px}
.alert {display:inline-block;padding: .75rem 1.25rem!important}
.card {margin:10px 0}
.card .icon-bateria {height:20px;width:27px}
.card .icon-alerta {height:22px;width:26px}
.card .icon-bin {height:22px;width:22px}
.card .icon-check {height:28px;width:25px}
.card .icon-lampada, .icon-lampada {width:22px;height:34px}
.avalie {height:280px}
.avalie .btn {padding:.200rem .70rem;color:#404040;background-color:rgba(238, 238, 238, 1);border-color:rgba(238, 238, 238, 1)}
.avalie .btn-primary:hover {color:#fff;background-color:#0069d9;border-color:#0062cc}
.avalie p {min-height:117px}
.avalie .form-inline input {border-radius:.25rem}
.avalie button {width:30px!important;height:38px;margin-left:4px;color:#fff;background-color:#0069d9;border-color:#0062cc}
.avalie button:hover {color:#404040;background-color:rgba(238, 238, 238, 1);border-color:rgba(238, 238, 238, 1)}
.avalie .limpo {min-height:auto}
.ajuda {margin-top:15px}
.ajuda p {line-height:1.3rem;margin-top:10px;font-size:15px;font-weight:700}
.ajuda button {padding: 6px!important}
.light {font-weight:lighter!important}
.caminho {padding-top:10px;color:#333333;font-weight:bold;font-size:15px}
.caminho a, .caminho {color: rgba(150, 152, 154, 0.698039215686274)!important}
.caminho a:hover {color:#007bff!important}
.modal-content {font-size:15px}
/*
.modal-content b {font-size:17px}
*/
#filtragem {display:none;position:absolute;z-index:999;width:100%;height:auto;background-color:rgba(255, 255, 255);}
.filtragemclose {margin:20px}
.bg-primary {background-color:#1077cc!important}
.menu, .menu-2 {font-size:13px;}
/*--------------------------- Boostrap Default ---------------------------*/
/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .busca {padding:0}
    .busca form {width:97%}
    .busca .form-control {margin:5px;width:88%}
    .busca .btn {padding: 0 6px 0 5px!important}
    .pb-5, .py-5 {padding-bottom: 0rem!important}
    .pt-5, .py-5 {padding-top: 1rem!important}
    .card {margin-bottom:15px!important}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .busca .form-control {width:83%}
    /*.busca form {width:100%}*/
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .modal button {font-size:10px!important}
    .modal .close {font-size:35px!important}
    .modal-content {/*width:98%!important;*/margin:0 auto!important}
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .busca .form-control {margin-left:5px;width:90%}
}
/*--------------------------- Fim do Boostrap Default ---------------------------*/
@media (max-width: 576px) {
    /*body {overflow-x:hidden}*/
    .busca {padding:0}
    .busca form {width:100%}
    .busca .form-control {margin-left:7px;width:85%}
    .busca .btn {padding: 0 6px 0 7px!important}
    .ajuda button {margin-bottom:10px}
    .card {margin-bottom:5px!important}
    .btn-outline-light:hover {color:#fff;background-color:transparent;border-color:transparent}
    .pb-5, .py-5 {padding-bottom:0rem!important}
    .pt-5, .py-5 {padding-top:.5rem!important}
    /*
    .breadcrumb {display:none;visibility:hidden}
    */
    .modal button {font-size:10px}
    .modal-content {width:98%;margin:0 auto}
    footer .copyright {padding-top:20px;font-size:17px}
    /*Alterações nas class criadas*/
    .busca form .width-92 {width:85%!important}
}
@media (min-width: 576px) and (max-width: 768px) {
    .busca .form-control {width:83%}
    /*.busca form {width:100%}
    body {background-color:lightblue}
    */
    .card {}
    .card img, .table img {width:30px!important;height:auto!important}
    .ajuda {margin:0 5px}
    .table td, .table th {border:0px;padding-top:20px!important}
    .table {font-size:14px}
    .table td {padding-top:20px!important}
    .produtos-table img {margin:0 2px;height:auto!important}
    .table-financeiro img {display:none}
    .table-financeiro button {margin-top:-11px;}
    .busca .form-control {width:89%}
    .table, #accordion {font-size:12px}
    .container {padding:0px;}
    /*Produtos*/
    .interno-produtos > .col-md-10 .offset-md-1 .row  {padding-left:40px!important;}
    .interno-produtos .card img {width:auto!important}
    /*Modal*/
    .modal-dialog {max-width:550px!important}
}
@media (max-width: 992px) {
    /*Alterações do Menu*/
    /*
    body {background-color:red}
    */
    .navbar .container {max-width:100%}
    .navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
    .navbar {padding:0px}
    .navbar .navbar-brand, .navbar button {padding:15px}
    .navbar .navbar-brand {padding:15px 0}
    .navbar-dark .navbar-toggler {border:0}
    .navbar li {padding:10px 0;background-color:#1077cc}
    .navbar .fa-bars {color:#FFFFFF}
    #navbar-principal {margin:10px 0}
    #navbar-principal li a {margin-left:25px}
    #navbar-principal .menu a {color:#FFF!important}
    .navbar-brand {margin-right: 5rem;font-size: 0.95rem}
    .nav-item {border-bottom:solid 1px #fff;float:left!important}
    .menu li:first-child {border-top:solid 1px #fff}
    .menu-2 li:first-child {text-transform:uppercase}
    .linha {display:none;visibility:hidden}
    .mobile-social-media {background-color:#0e5889;color:#fff;padding:20px;margin-left:20px;}
    .navbar-brand {margin-right: 5rem; font-size: 0.95rem}
    .aviso-home {width:100%!important}
    .ui-accordion-header-icon {display:none!important}
    table td {padding:1px!important}
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right:5px;padding-left:5px;}
    /*Interno*/
    .card .cardbntcen {position:relative;left:auto;bottom:auto}
    .card {min-height:auto!important}
    .home-novidade {}
    .home-novidade img {height:auto!important}
    .home-novidade a {font-size:11px;}
    .banner-home img {height:auto!important;width:100%!important}
    /*Busca*/
    .busca-col-6 {max-width:100%!important}
    /*Alterações nas class criadas*/
    .busca .width-92 {width:89%!important}
    /*Timeline*/
    .timeline {padding-inline-start:0px!important}
    .estagio .estado, .estagio {margin-bottom:0rem!important}
    .status {padding:5px;margin:5px}
    .status::before {left:28%!important;top:0%!important}
    .nfdet div {padding:5px 0}
}
@media (max-width: 1200px) {
    nav {font-size:12px!important}
    .ajuda {padding-bottom:20px}
    footer a.btn-social, .btn-social {width:30px;height:30px;line-height:30px}
}
/*Uteis Gerais*/
.avatar {border-width:2px;border-style:solid;border-color:rgba(0, 123, 255, 1)}
.aviso-home {border-width:2px;border-style:solid;border-color:rgba(255, 213, 37);background-color:rgba(255, 247, 226);border-radius:4px;font-weight:700;font-style:normal;font-size:13px;color:#333333;margin:25px 0;padding:0.45rem 1.25rem!important;width:46%;height:auto}
.aviso-home .frase {display:block;line-height:1.6;padding-top:2px}
.aviso-home i {padding-right:10px;font-size:18px}
.aviso-home .aviso-home-icon {position:absolute;height:48px;width:48px;top:-22px;z-index:888}
.aviso-home-anos {position:absolute;left:40px;top:4px;z-index:999}
.infos p {line-height:.6rem;font-size:13px}
nav {font-size:14px}
nav .pagination {font-weight:lighter}
.page-link:hover {color:#FFFFFF;background-color:#007bff;border-color:#007bff}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.8rem}
.navbar-principal {}
#navbar-principal .menu a {color:#96C8DC;font-weight:700}
.navbar-brand {font-weight:700;font-size:1.375rem}
.dropdown-menu {background-color:#295097;border:0}
.dropdown-menu a {color:#fff}
.dropdown-item {font-size:13px}
.linha {border-width:0px;position:relative;left:0px;top:0px;width:85px;height:1px;display:flex;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform: rotate(-45deg); transform: rotate(-45deg)}
.site-header {background-color:rgba(14, 88, 137)}
.fundoazul {background-color:#295097}
.fundocinza {background-color:#3D3F47}
.fundobranco {background-color:#FFFFFF}
.amarelo {color: rgba(255, 213, 37, 1)!important}
.laranja {color: rgba(245, 154, 35, 1)!important}
.azul {color:#1077CC!important}
.azul-claro {color:#1077CC}
.titulo-azul {color:#1077CC;font-size:1rem;font-weight:700}
.titulo-azul-home {font-size:24px;font-weight:bold;color: #295097;padding:10px 0}
.cinza {color:#96989A!important}
.cinza-aviso {color: rgba(150, 152, 154, 0.698039215686274);font-weight:700}
.cinza-titulo {color:#96989A;font-weight:600!important}
.cinza-escuro-aviso {color: rgba(85, 85, 85, 1)!important;font-weight:700}
.bordalp {border-width:0px 0px 0px 2px; border-style:solid solid solid solid; border-color:#797979 #797979 #797979 #797979}
.bordarp {border-width:0px 0px 1px 0px; border-style:solid solid solid solid; border-color:#797979 #797979 #797979 #797979}
.bordatop {border-width:1px 0px 0px 0px; border-style:solid solid solid solid; border-color:#797979 #797979 #797979 #797979}
.dropdown-item:focus, .dropdown-item:hover {color:#ffd400;text-decoration:none;background-color:#295097}
.width-auto {width:auto!important}
.width-100 {width:100%!important}
.width-97 {width:97%!important}
.width-90 {width:90%!important}
.width-92 {width:92%!important}
.width-84 {width:84%!important}
.width-80 {width:80%!important}
.card {box-shadow: 0px 0px 14px rgba(199, 201, 203, 0.498039215686275);-webkit-box-shadow: 0px 0px 14px rgba(199, 201, 203, 0.498039215686275);min-height:280px}
.card .texto {padding:15px;margin-block-end:.4em}
.card .textobin {padding:15px;margin-block-end:.4em;line-height:1.3rem;font-size:12px}
.card-250 {min-height:250px!important}
.card-72 {min-height:72px!important}
.card-170 {min-height:170px}
.card-177 {min-height:177px}
.card-180 {min-height:180px}
.card button, .card .btn, .table button, .modal-body button, .carrinho button {min-height:40px;font-family: 'Open Sans', sans-serif;font-weight:700!important;font-size:11px!important}
.cardbntcen {position:absolute;bottom:30px;left:27%;width:160px!important}
.cardbntcm {position:absolute;bottom:9px}
.card .cinza-titulo {padding-top:4px}
.card-fh {min-height:auto;margin:auto}
.card-body .row {margin:10px 0}
.card-body {padding:0.9rem 0.7rem}
.card-body p {font-size:15px;padding: 16px 19px 0 19px;line-height: 23px}
.card-body h1 {margin-bottom: 1.3rem}
.card-body .limpo {padding:0rem}
.card .laranja, .card .cinza,.card a {font-weight:700}
.card .cinza {font-size:14px}
.breadcrumb {background-color:transparent;padding:0rem 0rem 0rem 0rem;font-weight:700;width:auto;margin-block-start:0rem!important;margin-block-end:0rem!important;padding-inline-start:0px!important;padding-top:30px}
.breadcrumb span {font-weight:700!important}
.breadcrumb, .breadcrumb a, .breadcrumb:before {color:rgba(150, 152, 154, 0.698039215686274)!important}
.breadcrumbativo {display:block;font-size:21px;color:#1077CC;margin-bottom:20px!important;font-weight:600} 
.modal-dialog {max-width:800px}
.modal-header, .modal-footer {border:0}
.modal .close {font-size:55px!important}
.modal-body {padding:0px 3rem}
.modal-body button {font-size:16px}
.modal-body .btn-lg  {font-size:16px}
.btn-outline-light {border-color:transparent}
.form-control {font-family: 'Montserrat', sans-serif;color:rgb(153, 153, 153)}
.form-control, select {border-radius:0px;border:1px solid rgba(153, 153, 153)!important}
.borda2 {border-radius:28rem}
.btn, .btn:focus, .btn:hover, .btn:active, button, button:focus, button:hover, button:active, a, a:focus, button, img.map, map area, img[usemap] {outline:0!important;outline: none!important}
.fonte11 {font-size:11px!important}
.fonte12 {font-size:12px}
.fonte13 {font-size:13px!important}
.fonte14 {font-size:14px}
.fonte15 {font-size:15px}
.fonte20 {font-size:20px}
.font-weight-bold-600 {font-weight:600}
.btn-primary-dark {background-color:rgba(14, 88, 137, 1);color:#fff}
.btn-warning {background-color:rgba(255, 213, 37, 1);border-color:rgba(255, 213, 37, 1)}
.btn-primary {color:#fff;background-color:#1077CC;border-color:#1077CC}
.table {width:100%;border:1px solid #dee2e6;}
.table button {width:auto}
/*
.table td, .table th {padding:0.25rem!important}
*/
.table td {padding-top:10px}
.table {border-bottom: 1px solid #dee2e6}
.table .bordal {border-left: 1px solid #dee2e6}
.table .bordar {border-right: 1px solid #dee2e6}
.accordion h3 {font-size:90%!important;color:#404040!important}
.accordion .ui-icon {display:none}
.accordion-garantia p {line-height:1.5rem}
.ui-accordion-content {height:auto!important}
.ui-accordion .ui-accordion-content {font-size:14px}
.ui-state-default {}
/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background-color: rgb(255, 255, 255)!important}
*/
.ui-state-active {}
.ui-state-active .laranja, .ui-state-active .azul {color:#FFF!important}
.nfdet div {padding:10px 0}
/*
.table td, .table th {height:58px;border-top:0px}
.table tr {height:58px}*/
.table thead tr th {border-top:0px;height:40px;margin-bottom:30px}
.form-check {padding-left: 2.25rem}
.aviso1 {padding:0 5px!important}
.height92 {min-height:92px!important}
/*produtos*/
.produtos-table {}
.produtos-table tbody tr td {/*padding-top:3%*/}
.produtos-table img {height:52px;width:auto}
.produtos-table button {/*width:100%;font-size:12px*/}
.envio {}
.envio p {padding-top:4px;line-height:normal}
/*.envio .ativo {border-style:solid;border-width:5px;border-radius:5px;border-color:rgba(16, 119, 204, 1);background-color:rgba(220, 248, 255, 1);padding:0px}*/
.envio img {margin-left:15%; height: 15px; width:auto}
.entrega, .retirada {border-radius:5px;padding:5px}
/*.entrega:hover, .retirada:hover {border-style:solid;border-width:5px;padding:0px;border-color:rgba(14, 88, 137, 1)}*/
.carousel-indicators {
    bottom: 0px;
}
/*Pedido*/
.aviso {display:none}
.confirmar-table {}
.confirmar-table td {padding-top:13px!important}
.btn-num, .btn-num1 {display:none}
.content {height:400px;overflow:auto;overflow-x:hidden}
.scrollable {height:auto;width:95%}
/*Busca*/
.busca .btn {padding:0 8px 0 4px;margin:0 2px 0 0}
.busca form {/*padding:5px*/}
.busca input {border:0px!important}
.titulo {position:relative;color:#295097;width:100%;margin:10px 0;font-weight:700;font-size: 1rem;padding:0 5px}
.titulo .elemento {background-image: url("../imagens/geral/linha.svg");background-repeat:no-repeat;background-position: 27px 60%}
.titulo .titint {padding-left:0px}
.menu-produtos p {margin: 1rem 0 0 1rem}
.form-check {margin: 1rem 0}
.interno-produtos .card {min-height:auto;padding:0 0 15px 0;margin-bottom:30px}
/*BIM*/
.tablebin {font-size:13px!important;width:100%}
.table-striped tbody tr:nth-of-type(2n+1) {background-color:#F7F7F7}

body .tablebin tr td {line-height:0.85!important}
/*Meus Pedidos*/
.aviso-paginacao {font-size:15px}
.less, .plus {font-size:25px!important;font-weight:bolder!important}
.qtdcarrinho .less, .qtdcarrinho .plus {font-size:10px !important}
.adicionar .fa {font-size:12px}
.img-bateria {height:28px}
#carrocheio {display:none}
.qtdcarrinho .fa {font-size:10px!important}
/*home*/
.home {position:absolute;height:100%}
.home > .card-body {padding-top:25px}
.home-fundo {background: url(../imagens/home/homepage.png) 0 0 / cover repeat scroll border-box border-box transparent}
.home-fundo2 {background: url(../imagens/home/home2.jpg) 0 0 / cover repeat scroll border-box border-box transparent}
.home-fundo3 {background: url(../imagens/home/home3.jpg) 0 0 / cover repeat scroll border-box border-box transparent}
.home-novidade {margin-top:23px}
.home-novidade a {font-size:14px}
.home-novidade img {border-radius:4px;padding:2px;margin-bottom:10px;width:238px;height:134px}
.home-novidade img:hover {border-style:solid;border-width:2px;padding:0px}
.home-novidade .col-sm-3 {padding-top:7px}
.home-container {}
.home-container > .home-novidade {line-height:1.1em!important}
.home-container > .home-novidade a {line-height:2px!important}
.form-signin label {padding-bottom:10px!important}
.banner-home {margin-top:24px}
.banner-home img {height:619px;width:auto}
.btn-google {border:1px solid #bababa}
.btn-google .fa-google {background: -webkit-linear-gradient(#EA4335, #FBBC05); -webkit-background-clip: text; -webkit-text-fill-color: transparent}
#logar label {padding-bottom:0;margin-bottom:0}
#logar, #esquecisenha {padding-top:10px}
/*rodape*/
.site-footer {background-color:rgba(61, 63, 71);color:rgba(255, 255, 255)}
.site-footer ul li a {color:rgba(255, 255, 255, .8);font-weight:bold}
.site-footer ul li a:hover {color:rgba(255, 255, 255, .6)!important}
.site-footer .fundo {background: url(../imagens/geral/padrao-circulo-rodape.png) 0 0 / auto repeat scroll border-box border-box transparent}
.site-footer .list-unstyled {margin-top:13px;line-height:23px;font-size:15px;color:#FFFFFF}
footer ul li {font-size:15px}
footer .copyright {padding:40px 0 0 35px;font-size:18px}

a.btn-social, .btn-social {border-radius: 50%; color: rgba(61, 63, 71); display: inline-block; height: 40px; line-height: 40px; margin: 2px 2px; text-align: center; text-decoration: none; transition: background-color .3s; webkit-transition: background-color .3s; width:40px}
a.btn-social:hover, .btn-social:hover {color: rgba(255, 255, 255)}
.btn-social .fa,.btn-social i {backface-visibility: hidden; moz-backface-visibility: hidden; ms-transform: scale(1); o-transform: scale(1); transform: scale(1); transition: all .25s; webkit-backface-visibility: hidden; webkit-transform: scale(1); webkit-transition: all .25s}
.btn-social:hover,.btn-social:focus {color: #fff; outline: none; text-decoration: none}
.btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i {ms-transform: scale(1.2); o-transform: scale(1.2); transform: scale(1.2); webkit-transform: scale(1.2)}
.btn-social.btn-xs
{
    font-size: 9px;
    height: 24px;
    line-height: 13px;
    margin: 6px 2px;
    width: 24px;
}
.btn-social.btn-sm
{
    font-size: 13px;
    height: 36px;
    line-height: 18px;
    margin: 6px 2px;
    width: 36px;
}
.btn-social.btn-lg
{
    font-size: 22px;
    height: 72px;
    line-height: 40px;
    margin: 10px 6px;
    width: 72px;
}

.btn-behance
{
    background-color: #1769ff;
}
.btn-behance:hover
{
    background-color: #4a8aff;
}
.btn-bitbucket
{
    background-color: #205081;
}
.btn-bitbucket:hover
{
    background-color: #2a69aa;
}
.btn-codepen
{
    background-color: #76daff;
}
.btn-codepen:hover
{
    background-color: #a9e8ff;
}
.btn-deviantart
{
    background-color: #4e6252;
}
.btn-deviantart:hover
{
    background-color: #657e6a;
}
.btn-digg
{
    background-color: #000;
}
.btn-digg:hover
{
    background-color: #1a1a1a;
}
.btn-dribbble
{
    background-color: #ea4c89;
}
.btn-dribbble:hover
{
    background-color: #ef7aa7;
}
.btn-dropbox
{
    background-color: #007ee5;
}
.btn-dropbox:hover
{
    background-color: #1998ff;
}
.btn-facebook
{
    /*background-color: #3b5998;*/
    background-color: #C4C4C4;
}
.btn-facebook:hover
{
    background-color: #4c70ba;
}
.btn-flickr
{
    background-color: #0063dc;
}
.btn-flickr:hover
{
    background-color: #107cff;
}
.btn-foursquare
{
    background-color: #ef4b78;
}
.btn-foursquare:hover
{
    background-color: #f37a9b;
}
.btn-github
{
    background-color: #4183c4;
}
.btn-github:hover
{
    background-color: #689cd0;
}
.btn-google-plus
{
    background-color: #dd4b39;
}
.btn-google-plus:hover
{
    background-color: #e47365;
}
.btn-instagram
{
    /*background-color: #3f729b;*/
    background-color: #C4C4C4;
}
.btn-instagram:hover
{
    background-color: #548cb9;
}
.btn-jsfiddle
{
    background-color: #4679bd;
}
.btn-jsfiddle:hover
{
    background-color: #6c94ca;
}
.btn-lastfm
{
    background-color: #e31b23;
}
.btn-lastfm:hover
{
    background-color: #e9484e;
}
.btn-linkedin
{
    /*background-color: #0976b4;*/
    background-color: #C4C4C4;
}
.btn-linkedin:hover
{
    background-color: #0b96e5;
}
.btn-paypal
{
    background-color: #253b80;
}
.btn-paypal:hover
{
    background-color: #304da8;
}
.btn-pinterest
{
    background-color: #cc2127;
}
.btn-pinterest:hover
{
    background-color: #e04046;
}
.btn-reddit
{
    background-color: #ff4500;
}
.btn-reddit:hover
{
    background-color: #ff6a33;
}
.btn-skype
{
    background-color: #00aff0;
}
.btn-skype:hover
{
    background-color: #24c4ff;
}
.btn-soundcloud
{
    background-color: #f80;
}
.btn-soundcloud:hover
{
    background-color: #ffa033;
}
.btn-stack-overflow
{
    background-color: #fe7a15;
}
.btn-stack-overflow:hover
{
    background-color: #fe9748;
}
.btn-steam
{
    background-color: #7da10e;
}
.btn-steam:hover
{
    background-color: #a1d012;
}
.btn-stumbleupon
{
    background-color: #eb4924;
}
.btn-stumbleupon:hover
{
    background-color: #ef7053;
}
.btn-trello
{
    background-color: #256a92;
}
.btn-trello:hover
{
    background-color: #2f88bb;
}
.btn-tumblr
{
    background-color: #35465c;
}
.btn-tumblr:hover
{
    background-color: #485f7c;
}
.btn-twitch
{
    background-color: #6441a5;
}
.btn-twitch:hover
{
    background-color: #7e5bbe;
}
.btn-twitter
{
    /*background-color: #55acee;*/
    background-color: #C4C4C4;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}
.btn-vimeo
{
    background-color: #1ab7ea;
}
.btn-vimeo:hover
{
    background-color: #49c6ee;
}
.btn-vine
{
    background-color: #00b488;
}
.btn-vine:hover
{
    background-color: #00e7af;
}
.btn-vk
{
    background-color: #45668e;
}
.btn-vk:hover
{
    background-color: #587fae;
}
.btn-wechat
{
    background-color: #98d11c;
}
.btn-wechat:hover
{
    background-color: #afe53b;
}
.btn-wordpress
{
    background-color: #21759b;
}
.btn-wordpress:hover
{
    background-color: #2a95c5;
}
.btn-xing
{
    background-color: #026466;
}
.btn-xing:hover
{
    background-color: #039598;
}
.btn-yahoo
{
    background-color: #400191;
}
.btn-yahoo:hover
{
    background-color: #5601c4;
}
.btn-yelp
{
    background-color: #af0606;
}
.btn-yelp:hover
{
    background-color: #e00808;
}
.btn-youtube
{
    /*background-color: #e52d27;*/
    background-color: #C4C4C4;
}
.btn-youtube:hover
{
    background-color: #ea5955;
}
.btn-email
{
    background-color: #44c456;
}
.btn-email:hover
{
    background-color: #6bd079;
}
el.error {
    color: red;
}
.card-moura-login{
    position:fixed;
    bottom:60px;
    right:30px
}

.card-moura-login img {
    min-width: 50px;
    height: auto;
}

.loading-div {
    color: #0069d9;
    text-align: center;
    display: inline-block;
    width: 100%
}

td.details-control {
    text-align: center;
    color: forestgreen;
    cursor: pointer;
}

tr.shown td.details-control {
    text-align: center;
    color: red;
}

td.download-control {
    text-align: center;
    cursor: pointer;
}

.bisque {
    background-color: bisque;
}

.label-obrigatorio:after {
    content: "*:" !important;
}

.label-form:after {
    content: ":";
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.space-between {
    justify-content: space-between;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #5CB85C;
    background-color: #5CB85C;
}

.slider:before {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    left: 2px;
    right: 2px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #5CB85C;
}

input:focus + .slider {
    box-shadow: 0 0 2px #5CB85C;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.slider.round {
    border-radius: 10px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.order-sweet-alert-1 {
    order: 1;
}

.order-sweet-alert-2 {
    order: 2;
}

#tabela-produtos_filter {
    display: flex;
    justify-content: end;
}

td.dt-body-center {
    display: flex;
    justify-content: center;
}

.nav-close {
    transform: rotate(90deg);
}

.badge {
    padding: .2em .6em .3em;
    background-color: #777;
    border-radius: .25em;
    text-align: center;
    color: #fff;
    font-weight: 700;
    line-height: 1
}

.badge-info {
    background-color: #007bff;
}

.badge-success {
    background-color: #28a745;
}

.btn-pedir {
    width: 90px;
    margin: 5px;
    white-space: normal;
}

.buttonCss {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 0px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 75%;
    cursor: pointer;
    border-radius: 3px;
}

.max-height-80 {
    max-height: 80px
}

.align-table-row .align-row {
    vertical-align: middle;
}

.dialog-body {
    color: #0069d9;
    text-align: center;
    display: inline-block;
    width: 100%
}

.error-message {
    color: red;
}

.btn-modal-salvar {
    width: 50%;
    margin-top: 15px;
}

.div-adicionar-email {
    height: 200px;
    overflow: auto
}

.negative-margin-top {
    margin-top: -23px;
}

.div-button-partial-view {
    height: 82px;
    padding-left: 18px
}

.div-img-partial-view {
    padding: 3px 0 0 19px
}

.btn-fazer-pedido {
    padding-left: 8px;
    margin: 0 auto
}

.width-430 {
    width: 430px;
}

.padding-30-0-0-0 {
    padding: 30px 0 0 0;
}

.padding-0-0-0-15 {
    padding: 0 0 0 15px;
}

.height-30 {
    height: 30px;
}

.height-25 {
    height: 25px
}

.height-40 {
    height: 40px;
}

.width-25-p {
    width: 25%
}

.heigth-143 {
    height: 143px;
}

.margin-55 {
    margin: 55px;
}

.width-60-p {
    width: 60%
}

.width-30-p {
    width: 30%
}

.width-10-p {
    width: 10%
}

.pb-045-r {
    padding-bottom: .45rem !important;
}

.white-space-normal {
    white-space: normal;
}

.fonte-22 {
    font-size: 22px;
}

.width-90-px {
    width: 90px;
}

.row-gap-7 {
    row-gap: 7px
}

.margin-modal-produto {
    margin: 25% -9px 0 !important;
}

.padding-pedidos {
    padding: 2.0em .5em 1.3em .5em;
}

.backgroundfull {
    background: url('../imagens/home/homepage.png') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.ui-icon-triangle-1-e, .ui-icon-triangle-1-s {position:absolute!important} 
.timeline {list-style-type:none;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:10px;color: rgba(51, 51, 51, 0.498039215686275);margin-block-start:0em;padding-inline-start:20px;padding-top:50px;}
.li {transition:all 200ms ease-in}
.estagio {margin-bottom:10px;display:flex;flex-direction:column;align-items:center}
.estagio .estado {text-transform:uppercase;font-weight:bold;margin-bottom:1rem;text-align:left;height:25px}
.status {padding: 0px 40px; display: flex; justify-content: center; border-top: 2px solid #808080; position: relative; transition: all 200ms ease-in}
.status h4 {font-weight: 600}
.status:before {width:25px;height:25px;background-color:white;border-radius:25px;border:1px solid #808080;position:absolute;top:-15px;left:0%;transition:all 200ms ease-in;/*Posiciona o icone no centro do circulo*/font-family:FontAwesome;color:#FFFFFF;content:"";display:flex;align-items:center;justify-content:center}
.li.complete .status {border-top: 2px solid #808080}
.li.complete .status:before {content:"\f00c";background-color:#808080;border:none;transition:all 200ms ease-in;font-size:18px}
.li.complete .status h4, .li.complete {color:#808080}
.li.atual .status {border-top: 2px solid #808080}
.li.atual .status:before {content:"\f041";background-color:#F59A23;border:none;transition:all 200ms ease-in;font-size:18px}
.li.atual .status h4, .li.atual  {color:#F59A23}
@media (min-device-width: 320px) and (max-device-width: 700px) {
  .timeline {list-style-type: none; display: block}
  .li {transition: all 200ms ease-in; display: flex; width: inherit}
  .estagio {width:100px}
  .li.complete .status, .li.atual .status, .status {border-top:0}
  .status:before {left: -8%; top: 30%; transition: all 200ms ease-in}
}
.valor-positivo {
	color: #3c763d;
	font-weight:bold;
}
.valor-negativo {
	color: #d33230;
}

/** css para formatar o validation summary padrão do MVC **/
.validation-summary-errors, .validation-summary-success {
    padding: 15px;
    margin: 20px 0;
    border: 1px solid transparent;
    border-radius: 4px;
}

.validation-summary-errors > ul, .validation-summary-success > ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

.validation-summary-errors > ul > li > span, .validation-summary-success > ul > li > span {
    margin-right: 10px;
}

.validation-summary-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/*.validation-summary-success li::before {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    margin-right: 10px;
}*/

.validation-summary-errors {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/*.validation-summary-errors li::before {
    font-family: 'Glyphicons Halflings';
    content: "\e101";
    margin-right: 10px;
}*/
/***********************/

/** CSS pelo estilo da div que fará o efetio "Processando..." **/
.loadingDiv {
    position: fixed;
    left: 0px;
    top: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999997;
    opacity: 0.35;
    -moz-opacity: 0.35;
    filter: alpha(opacity = 35);
    background: black;
    text-align: center;
    overflow: hidden;
    color: white;
    font-size: 14px;
    padding-top: 25%;
    /*position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; // half width of the spinner gif
    margin-top: -50px; // half height of the spinner gif
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; // width of the spinner gif
    height: 102px; //hight of the spinner gif +2px to fix IE8 issue
    */
}
.xdsoft_datetimepicker{
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #FFFFFF;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	display: block;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0px;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	display:block;
	right:0px;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:90px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	text-align:center;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}
