:root{
    /*--roxolight: #8583fe;*/
    /*--roxodark: #7471ff;*/
    --roxolight: #219dab;
    --roxodark: #1e8693;
    --cinza: #676767;
    --redlight: #e76877;
    --reddarker: #e54d5e;
    --greenlight: #56ac78;
    --greendarker: #438a5f;
}

html{
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
    background-color: #fafafa;
}
body {
    padding: 0;
    margin: 0 !important;
}

main {
    flex: 1 0 auto;
}

h1, h2, h3, h4, h5, h6, span, label, div, li, a {
    font-family: 'Poppins', sans-serif;
}

h1, h2 {
    font-weight: 600 !important;
}

.h2-title {
    margin-left: 15px;
    font-size: 25px;
    color: var(--roxolight);
}

span, label {
    font-weight: 600;
}

label {
    font-size: 15px !important;
}

.titulo_academy {
    margin-left: 15px;
}

.menu-icone {
    font-size: 17px !important;
}

.ui-accordion .ui-accordion-header {
    background-color: white;
    border: 1px solid #c4c4c4;
    font-size: 17px;
    font-weight: 600;
}

.ui-state-active {
    color: white;
    background-color: var(--roxolight) !important;
}

.btn-abrir-video {
    font-size: 16px;
}

.btn-abrir-video:hover {
    font-weight: 600;
    color: var(--roxolight) !important;
}


.error{
    color: var(--redlight);
}
input.error{
    border: 1px solid var(--redlight);
}

.menu-icone{
    margin-left: 40px;
}

#menu .profile {
    display: block;
    height: 101px;
    line-height: normal;
    padding: 10px;
    background: #f2f3f4;
    border: none !important;
}

#menu .profile button {
    margin-left: 0;
}

.title-sidebar {
    color: black;
    font-weight: normal;
    margin-left: 8px;
    font-size: 16px;
    letter-spacing: 0;
}

.title-sidebar:hover {
    color: var(--roxolight);
    font-weight: bold;
    margin-left: 8px;
    font-size: 16px;
    letter-spacing: 0;
}

#content > h2 {
    font-weight: bold;
    text-shadow: 0 1px 0 #ffffff;
    margin-left: 45px !important;
}

a {
    color: var(--roxolight);
}

a:hover {
    color: var(--roxodark);
}

a:hover .fas,
a:hover .title-sidebar {
    color: var(--roxolight);
    font-weight: bold;
}

.subtitle-sidebar {
    margin-left: 50px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: normal;
    color: black;
}

a:hover .subtitle-sidebar {
    color: white;
    font-weight: bold;
}

.subtitle-sidebar:hover {
    font-weight: bold;
    color: white;
}

.item-submenu-sidebar {
    margin-left: 55px;
    margin-right: 5px;
    font-size: 14px;
}

.title-user {
    margin-left: 30px;
    font-weight: bold;
}

.panel-default {
    border-radius: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.welcome-user {
    color: var(--roxolight);
    font-weight: normal !important;
}

.alert-danger {
    background-color: var(--redlight) !important;
    color: white;
    font-weight: bold;
    font-size: 17px;
    padding: 25px;
    padding-right: 35px;
    border-radius: 15px;
    border: none;
    left: 160px !important;
}

.alert-success {
    background-color: var(--greenlight) !important;
    color: white;
    font-weight: bold;
    font-size: 17px;
    padding: 25px;
    padding-right: 35px;
    border-radius: 15px;
    border: none;
    left: 160px !important;
    text-shadow: none;
}

.alert-sucess button {
    font-size: 25px;
    text-align: right;
}

.alert-danger button {
    font-size: 25px;
    text-align: right;
}

.alert-warning {
    font-size: 17px !important;
    color: rgb(70, 70, 70) !important;
    background-color: rgb(255, 255, 183) !important;
    padding-left: 45px;
    padding-right: 45px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 15px;
    border: none;
}

.btn-sair-sidebar {
    height: 30px !important;
    width: 142px;
    margin-top: 5px !important;
    border-radius: 5px;
}

#icone-esconde-menu{
    position: relative;
    top: 10px;
}
#button-nav-esconde-menu{
    padding-bottom: 47px;
    background-color: #ffffff;
    /*background-color: #00AB6B;*/
    border-right: none;
}

th {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

th .align_right {
    color: red;
}

tbody {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}


#filtros {
    margin-left: 15px;
}

.title-form {
    font-size: 16px;
    font-weight: 500;
}

.loading-overlay-content{
    z-index: 1000;
}
#nav{
    background-color: #fafafa;
    z-index: 2;
    top:0;
    position: fixed;
}
.widget.widget-tabs .widget-head ul li.active a span.glyphicon{
    padding-right: 5px;
}
.widget.widget-tabs .widget-head ul li a span.glyphicon{
    padding-right: 5px;
}

.widget-head {
    border-bottom: 1px solid #d8d8d8;
}

.content-min{
    min-height: 1024px !important;
    max-height: 100%;
}
#content{
    height: 100%;
    min-height: 100vh;
}

select {
    overflow: hidden !important;
}

.i-select{
    width: 100%!important;
    /*position: relative;*/
}
.form-control{
    /*height: 0.1% !important;*/
    overflow: hidden !important;
}

.consultar{
    padding: 9.5px 12px !important;
}

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

#menu {
    width: 228px;
    float: left;
    position: fixed;
    left: 0;
    top: 0;
    overflow: auto;
    height: 100%;
    background: #f2f3f4;
    box-shadow: none !important;
    -moz-box-shadow: 0px 0px 3px 2px #f0f0f0;
    -webkit-box-shadow: 0px 0px 3px 2px #f0f0f0;
    border-right: 1px solid #d8d8d8;
    z-index: 2;
    max-height: 100%;
}
#menu .appbrand {
    font-size: 19px;
    font-weight: 700;
    display: block;
    text-decoration: none;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    color: #8ec657;
    background: #fafafa;
}
#menu .appbrand > span {
    font-weight: 400;
    color: #b3b3b3;
    font-size: 13px;
}

#menu .profile span {
    text-align: left;
    display: block;
    padding: 0;
    width: 140px;
    margin-left: 30px;
}
#menu .profile span ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu .profile span ul li {
    height: 19px;
    line-height: 19px;
    margin: 0 0 3px;
    border-bottom: none !important;
}
#menu .profile span ul li a {
    display: block;
    color: #7c7c7c;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 53px 0;
    border: 1px solid #ddd;
    height: 17px;
    line-height: 17px;
    background: transparent;
}
#menu .profile span ul li a i:before {
    font-size: 12px;
    font-weight: 400;
    color: #afafaf;
    left: 7px;
    top: 3px;
}
#menu .profile span ul li a:hover {
    color: var(--roxodark);
    text-decoration: none;
    background-color: transparent;
    border-color: 1px solid var(--roxodark);
}
#menu .profile .img {
    border: 1px solid #d8d8d8;
    border-bottom: 4px solid #d8d8d8;
    display: block;
    width: 62px;
    height: 62px;
    float: left;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
#menu .profile .img img {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
#menu .profile .img:hover {
    border-color: #bfbfbf;
}
#menu .slim-scroll > ul.menu-0,
#menu > ul.menu-0 {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    background: #f2f3f4;
    border-top: none !important;
}
#menu .slim-scroll > ul.menu-0.affix,
#menu > ul.menu-0.affix {
    top: 0;
    width: 203px;
    z-index: 1000;
}
#menu .slim-scroll > ul.menu-0 > li,
#menu > ul.menu-0 > li {
    display: block;
    height: 41px;
    line-height: 41px;
    border: none !important;
    box-shadow: none !important;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#menu .slim-scroll > ul.menu-0 > li .count,
#menu > ul.menu-0 > li .count {
    display: inline-block;
    background: #fafafb;
    color: #7c7c7c;
    text-shadow: none !important;
    font-weight: 700;
    font-size: 10px;
    padding: 1px 8px;
    position: absolute;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    top: 12px;
    right: 15px;
    line-height: normal;
    border: none !important;
    box-shadow: none !important;
}
#menu .slim-scroll > ul.menu-0 > li a,
#menu > ul.menu-0 > li a {
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    height: 41px;
    line-height: 41px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    color: #7c7c7c;
    text-shadow: none !important;
}
#menu .slim-scroll > ul.menu-0 > li a.glyphicons,
#menu > ul.menu-0 > li a.glyphicons {
    padding: 0 0 0 45px;
}
#menu .slim-scroll > ul.menu-0 > li a.glyphicons i:before,
#menu > ul.menu-0 > li a.glyphicons i:before {
    font-size: 17px;
    color: #7c7c7c;
    top: 12px;
    left: 15px;
}
#menu .slim-scroll > ul.menu-0 > li a:hover,
#menu > ul.menu-0 > li a:hover {
    background-image: none !important;
    background-color: transparent !important;
    color: var(--roxodark);
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    letter-spacing: 0.3px;
}


#menu .slim-scroll > ul.menu-0 > li.active,
#menu > ul.menu-0 > li.active
{
    position: relative;
    overflow: visible;
    box-shadow: none !important;
}
#menu .slim-scroll > ul.menu-0 > li.active > a,
#menu > ul.menu-0 > li.active > a {
    background-color: #9dce6e;
    background-image: -moz-linear-gradient(top, #a8d37d, #8ec657);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a8d37d), to(#8ec657));
    background-image: -webkit-linear-gradient(top, #a8d37d, #8ec657);
    background-image: -o-linear-gradient(top, #a8d37d, #8ec657);
    background-image: linear-gradient(to bottom, #a8d37d, #8ec657);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: none !important;;
    text-shadow: none !important;;
    border: 1px solid #689c35;
    height: 40px;
    line-height: 40px;
}
#menu .slim-scroll > ul.menu-0 > li.active > a:hover,
#menu > ul.menu-0 > li.active > a:hover {
    background: #8ec657;
}
#menu .slim-scroll > ul.menu-0 > li.active.glyphicons a i:before,
#menu > ul.menu-0 > li.active.glyphicons a i:before {
    color: #fff;
}
#menu .slim-scroll > ul.menu-0 > li.glyphicons > a,
#menu > ul.menu-0 > li.glyphicons > a {
    padding: 0 0 0 45px;
}
#menu .slim-scroll > ul.menu-0 > li.glyphicons > a i:before,
#menu > ul.menu-0 > li.glyphicons > a i:before {
    font-size: 17px;
    color: #7c7c7c;
    top: 12px;
    left: 15px;
}
#menu .slim-scroll > ul.menu-0 > li.hasSubmenu,
#menu > ul.menu-0 > li.hasSubmenu,
#menu .slim-scroll > ul.menu-0 > li .hasSubmenu,
#menu > ul.menu-0 > li .hasSubmenu {
    position: relative;
}
#menu .slim-scroll > ul.menu-0 > li.hasSubmenu.active,
#menu > ul.menu-0 > li.hasSubmenu.active {
    height: auto;
    background: #fff !important;
    padding: 0;
    box-shadow: none !important;;
}
#menu .slim-scroll > ul.menu-0 > li.hasSubmenu.active > a,
#menu > ul.menu-0 > li.hasSubmenu.active > a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfb', endColorstr='#ffececec', GradientType=0);
    border: none;
    box-shadow: none;
    text-shadow: none !important;
    color: #ffffff !important;
}
#menu .slim-scroll > ul.menu-0 > li.hasSubmenu.active > a i:before,
#menu > ul.menu-0 > li.hasSubmenu.active > a i:before {
    color: #fff !important;
}
#menu .slim-scroll > ul.menu-0 > li.heading,
#menu > ul.menu-0 > li.heading {
    height: 25px;
    line-height: 25px;
}
#menu .slim-scroll > ul.menu-0 > li.heading span,
#menu > ul.menu-0 > li.heading span {
    display: block;
    background: #fff !important;
    /*color: rgba(255, 255, 255, 0.3);*/
    text-align: center;
    font-size: 9pt;
    text-transform: uppercase;
}
#menu .slim-scroll > ul.menu-0 li.active:not(.hasSubmenu) + li > a:hover,
#menu > ul.menu-0 li.active:not(.hasSubmenu) + li > a:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
#menu .slim-scroll > ul.menu-0 li.active:not(.hasSubmenu) + li.hasSubmenu.active > a,
#menu > ul.menu-0 li.active:not(.hasSubmenu) + li.hasSubmenu.active > a {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
#menu .slim-scroll > ul.menu-0 ul,
#menu > ul.menu-0 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu .slim-scroll > ul.menu-0 ul li,
#menu > ul.menu-0 ul li {
    height: auto;
    border-bottom: none !important;
}
#menu .slim-scroll > ul.menu-0 ul li:first-child,
#menu > ul.menu-0 ul li:first-child {
    /*border-top: 1px solid #e8e8e8;*/
}
#menu .slim-scroll > ul.menu-0 ul li:first-child > a,
#menu > ul.menu-0 ul li:first-child > a {
    box-shadow: none !important;
}
#menu .slim-scroll > ul.menu-0 ul li:last-child,
#menu > ul.menu-0 ul li:last-child {
    border-bottom: none !important;
    box-shadow: none !important;
}
#menu .slim-scroll > ul.menu-0 ul li:last-child > a,
#menu > ul.menu-0 ul li:last-child > a {
    box-shadow: none !important;
}
#menu .slim-scroll > ul.menu-0 ul li a,
#menu > ul.menu-0 ul li a {
    padding: 0 0 0 15px;
    height: 35px;
    line-height: 35px;
    font-weight: 600;
    color: var(--cinza);
    text-shadow: none !important;
    box-shadow: none !important;
    background-color: #ffffff;
}
#menu .slim-scroll > ul.menu-0 ul li a.glyphicons i:before,
#menu > ul.menu-0 ul li a.glyphicons i:before {
    font-size: 12px;
    top: 7px;
    left: 22px;
    color: #222;
}
#menu .slim-scroll > ul.menu-0 ul li a:hover,
#menu > ul.menu-0 ul li a:hover {
    color: var(--roxolight) !important;
    transition: all 0.2s ease-in-out;
}

a:hover .subtitle-sidebar {
    color: var(--roxolight);
}

.subMenu > ul{
    list-style: none;
    margin-left: 0;
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.subMenu > ul > li{
    padding: 0px;
    text-align: -webkit-match-parent;
    margin-left: 0;
    width: 100%;
    line-height: 20px;
    display: list-item;
    text-align: -webkit-match-parent;
    background: #6f6f6f
}
.subMenu > ul > li > a{
    padding: 0 0 0 15px;
    height: 35px;
    color: #fff;
    text-shadow: none !important;
    box-shadow: none !important;;
    display: block;
    width: auto;
    margin: 0;
    text-decoration: none;
    font-size: 0.9em;
}
.subMenu > ul > li > a > span {
    padding-left: 5px;
}
#menu ul.menu-1 > li .glyphicons {
    padding: 0 35px 0 15px;
}
#menu ul.menu-1 > li .glyphicons i:before {
    height: 29px;
    line-height: 29px;
    width: 20px;
    font-size: 13px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 15px;
    left: auto;
    color: #838484;
    display: block;
}
#menu ul.menu-1 > li.hasSubmenu.active {
    /*background: #fafafa;*/
    /*height: auto;*/
}
#menu ul.menu-1 > li.hasSubmenu.active ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li {
    /*border-bottom: 1px solid #fafafa;*/
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:hover a {
    /*background: #ffffff;*/
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:hover a i:before {
    /*color: #8ec657;*/
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:hover:first-child a {
    /*box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
    /*-moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
    /*-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:hover:last-child a {
    /*box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
    /*-moz-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
    /*-webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:first-child {
    /*border-top: 1px solid #d8d8d8;*/
    /*box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
    /*-moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
    /*-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:last-child {
    /*border: none;*/
    /*box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
    /*-moz-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
    /*-webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;*/
}
#menu ul.menu-1 > li.hasSubmenu.active ul li .glyphicons i:before {
    color: #d4d4d4;
    font-size: 15px;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li a {
    font-size: 11px;
}
#menu.ui-state-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}
.menu-left .ui-resizable-e {
    background: rgba(255, 255, 255, 0.2);
    right: 0;
    border-left-width: 1px;
    border-right-width: 1px;
}
.menu-left .ui-resizable-e:hover {
    background: rgba(255, 255, 255, 0.4);
}
.menu-right .ui-resizable-w {
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    border-left-width: 1px;
    border-right-width: 1px;
}
.menu-right .ui-resizable-w:hover {
    background: rgba(255, 255, 255, 0.4);
}
.menu-right #menu {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 1px solid #d8d8d8;
}
.menu-right #content {
    margin: 0 228px 0 0;
}
.menu-right .navbar.main .btn-navbar {
    left: -1px;
}
.menu-right .navbar.main .topnav.tn1 {
    left: 37px;
}
.menu-hidden #menu {
    display: none;
}
.menu-hidden #content {
    margin: 45px 0;
}
.menu-hidden .navbar.main .btn-navbar {
    margin: 0;
    left: 0;
    border-left: none;
}
.menu-hidden .navbar.main .topnav.tn1 {
    left: 37px;
}
.menu-hidden.login .navbar.main .appbrand,
.menu-hidden.documentation .navbar.main .appbrand {
    display: inline-block;
    border: none;
}
.menu-hidden.login .navbar.main .appbrand span,
.menu-hidden.documentation .navbar.main .appbrand span {
    border: none;
}

.widget {
    background: #ffffff;
    margin: 0 auto 15px;
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.widget .tab-content {
    padding: 0;
}
.widget .widget-head {
    background-repeat: repeat-x;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    /*border-bottom: 1px solid #d8d8d8;*/
    height: 100%;
    line-height: 35px;
    padding: 0 15px 0 0;
    overflow: hidden;
}
.widget .widget-head.progress {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    margin: 0;
    padding: 0;
}
.widget .widget-head > .glyphicons,
.widget .widget-head ul .glyphicons {
    height: 30px;
    width: 30px;
    padding: 0;
}
.widget .widget-head > .glyphicons i:before,
.widget .widget-head ul .glyphicons i:before {
    width: 30px;
    height: 30px;
    line-height: 23px;
    text-align: center;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
}
.widget .widget-head .heading {
    margin: 0;
    color: #7c7c7c;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    float: left;
}
.widget .widget-head .heading.glyphicons {
    width: auto;
    display: block;
    padding: 0 0 0 35px;
}
.widget .widget-head .heading.glyphicons i:before {
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    color: #7c7c7c;
    font-size: 16px;
    font-weight: normal;
    text-shadow: none;
}


.widget .widget-head a {
    text-shadow: none;
}
.widget .widget-head .dropdown-menu li > a:hover,
.widget .widget-head .dropdown-menu li > a:focus,
.widget .widget-head .dropdown-submenu:hover > a {
    background-color: #8ec657;
    background-image: -moz-linear-gradient(top, #8ec657, #d24343);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8ec657), to(#d24343));
    background-image: -webkit-linear-gradient(top, #8ec657, #d24343);
    background-image: -o-linear-gradient(top, #8ec657, #d24343);
    background-image: linear-gradient(to bottom, #8ec657, #d24343);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda4c4c', endColorstr='#ffd24343', GradientType=0);
}
.widget .details {
    font-size: 8pt;
    color: #7c7c7c;
}
.widget .widget-body {
    padding: 15px;
}
.widget .widget-body form {
    margin: 0;
}
.widget .widget-body > pre:last-child,
.widget .widget-body > p:last-child {
    margin: 0;
}
.widget .widget-body.list {
    color: #7c7c7c;
    padding: 0;
}
.widget .widget-body.list .count {
    font-size: 15pt;
    font-weight: 400;
}
.widget .widget-body.list ul {
    margin: 0;
    list-style: none;
}
.widget .widget-body.list ul li {
    padding: 0 10px;
    height: 39px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    line-height: 39px;
    text-align: left;
    clear: both;
}
.widget .widget-body.list ul li:first-child {
    border-top: none;
}
.widget .widget-body.list ul li:last-child {
    border-bottom: none;
}
.widget .widget-body.list ul li .count {
    float: right;
    color: #8ec657;
}
.widget .widget-body.list ul li .sparkline {
    position: relative;
    top: 5px;
    margin-left: 5px;
}
.widget .widget-body.list.products li {
    height: 60px;
    line-height: 60px;
}
.widget .widget-body.list.products .img {
    float: left;
    display: inline-block;
    width: 48px;
    height: 44px;
    line-height: 44px;
    color: #818181;
    text-align: center;
    background: #272729;
    margin: 8px 8px 0 0;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    font-size: 10pt;
    font-weight: 600;
}
.widget .widget-body.list.products .title {
    line-height: normal;
    display: inline-block;
    padding: 13px 0 0;
    text-transform: uppercase;
}
.widget .widget-body.list.products .title strong {
    font-family: 'Poppins', sans-serif;
    text-transform: none;
}
.widget .widget-body.list.fluid ul li {
    height: auto;
    line-height: normal;
    padding: 10px;
}
.widget .widget-body.list.list-2 ul li {
    border-bottom: 1px solid #d8d9da;
    border-top: none;
    background: #f8f8f8;
}
.widget .widget-body.list.list-2 ul li.active {
    border-color: #dddddd;
    background: #fff;
}
.widget .widget-body.list.list-2 ul li.active i:before {
    font-weight: normal;
    background: #8ec657;
    color: #fff;
    text-shadow: none;
}
.widget .widget-body.list.list-2 ul li.active a {
    color: #8ec657;
}
.widget .widget-body.list.list-2 ul li:last-child {
    border-bottom: none;
}
.widget .widget-body.list.list-2 ul li a {
    display: block;
    color: #222;
    padding: 0 0 0 30px;
}
.widget .widget-body.list.list-2 ul li a i:before {
    color: #555;
    width: 20px;
    height: 17px;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #dddddd;
    top: 9px;
    left: 0;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    text-shadow: 0 1px 0 #fff;
}
.widget .widget-body.list.list-2 ul li.hasSubmenu {
    height: auto;
}
.widget .widget-body.list.list-2 ul li.hasSubmenu ul {
    padding: 0 0 10px;
}
.widget .widget-body.list.list-2 ul li.hasSubmenu ul li {
    height: auto;
    line-height: normal;
    background: none;
    border: none;
    line-height: 20px;
}
.widget .widget-body.list.list-2 ul li.hasSubmenu ul li a {
    color: #333;
    padding: 0 0 0 20px;
}
.widget .widget-body.list.list-2 ul li.hasSubmenu ul li.active a {
    font-weight: bold;
}
.widget .widget-footer {
    background: #fafafa;
    height: 25px;
    line-height: 25px;
    border-top: 1px solid #ebebeb;
}
.widget .widget-footer .glyphicons {
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    float: right;
}
.widget .widget-footer .glyphicons i:before {
    font-size: 16px;
    color: #c3c3c3;
    text-align: center;
    width: 20px;
    height: 25px;
    line-height: 25px;
    text-shadow: 0 1px 0 #ffffff;
}
.widget .widget-footer .glyphicons:hover i:before {
    color: var(--cinza);
}
.widget.margin-bottom-none {
    margin-bottom: 0;
}
.widget.widget-gray {
    background: #f5f5f5;
}
.widget.widget-gray .widget-head {
    background: white;
    border-color: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.widget.widget-gray .widget-head .heading {
    color: #555555;
    text-shadow: 0 1px 0 #fff;
}
.widget.widget-gray .widget-head .heading.glyphicons i:before {
    background: none;
    color: #555;
    border-color: rgba(0, 0, 0, 0.1);
}
.widget.widget-2:before,
.widget.widget-2:after {
    display: none;
}
.widget.widget-2 .widget-head {
    background: #e2e2e4;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    height: 36px;
    line-height: 36px;
    border-color: #d1d2d3;
}
.widget.widget-2 .widget-head .heading {
    line-height: 36px;
    color: #555555;
    text-shadow: 0 1px 0 #fff;
    font-size: 12pt;
}
.widget.widget-2 .widget-head .heading i:before {
    color: #555555;
    background: none;
    border: none;
    left: 3px;
    top: 2px;
}
.widget.widget-2 .widget-body {
    border: 1px solid #d1d2d3;
    border-top: 0;
    background: #f5f5f5;
}
.widget.widget-2.primary .widget-head {
    background: #8ec657;
    border-color: #8ec657;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
}
.widget.widget-2.primary .widget-head .heading {
    color: #fff;
    text-shadow: none !important;
}
.widget.widget-2.primary .widget-head .heading i:before {
    color: #fff;
    text-shadow: none !important;
}
.widget.widget-3:before,
.widget.widget-3:after {
    display: none;
}
.widget.widget-3 .widget-head {
    height: 36px;
    line-height: 36px;
}
.widget.widget-3 .widget-head .heading {
    display: block;
    text-align: center;
    float: none;
    line-height: 36px;
    height: 36px;
    text-transform: uppercase;
    font-size: 12pt;
}
.widget.widget-3 .widget-head .heading i:before {
    background: none;
    border: none;
    left: 3px;
    top: 5px;
    font-size: 20px;
    color: #45484d;
}
.widget.widget-3 .widget-head .heading .glyphicons {
    vertical-align: middle;
    width: 35px;
    height: 36px;
    padding: 0;
}
.widget.widget-3 .widget-body {
    border-bottom: 1px solid #d8d8d8;
}
.widget.widget-3 .widget-body.large {
    font-size: 26pt;
    font-weight: bold;
    text-align: center;
    padding: 25px 0;
    vertical-align: middle;
    line-height: normal;
}
.widget.widget-3 .widget-body.large.cancellations span {
    line-height: 20px;
    text-align: left;
    font-size: 17pt;
    display: inline-block;
    text-shadow: none;
}
.widget.widget-3 .widget-body.large.cancellations span span {
    display: block;
}
.widget.widget-3 .widget-body.large.cancellations span span:first-child {
    color: #8ec657;
    text-transform: uppercase;
    font-size: 13pt;
}
.widget.widget-3 .widget-body.large.dashboard {
    padding: 15px 0;
}
.widget.widget-3 .widget-footer {
    background: #fafafa;
    border-top: none;
}
.widget.widget-3 .widget-footer a {
    float: none;
    color: #dddddd;
    width: auto;
    padding: 0 10px 0 30px;
    border-right: 1px solid #d8d8d8;
    text-decoration: none;
}
.widget.widget-3 .widget-footer a i:before {
    color: #dddddd;
    left: 5px;
}
.widget.widget-3 .widget-footer a:hover {
    color: #8ec657;
}
.widget.widget-3 .widget-footer a:hover i:before {
    color: #8ec657;
}
.widget.widget-3 .widget-footer.align-center {
    text-align: center;
}
.widget.widget-3 .widget-footer.align-center a:first-child {
    border-left: 1px solid #d8d8d8;
}
.widget.widget-3 .widget-footer.align-right {
    text-align: right;
}
.widget.widget-3 .widget-footer.align-right a:first-child {
    border-left: 1px solid #d8d8d8;
}
.widget.widget-3 .widget-footer.align-right a:last-child {
    border-right: none;
}
.widget.widget-4 {
    border: none;
    background: none;
}
.widget.widget-4 .widget-head {
    background: none;
    padding: 10px;
    border: none;
}
.widget.widget-4 .widget-head .heading {
    color: #544f49;
    text-shadow: none;
    padding: 0;
    margin: 0;
}
.widget.widget-4 .widget-body {
    padding: 0 10px 10px;
    border: none;
}
.widget.widget-4 .widget-body.list ul li {
    padding: 0;
}
.widget-gallery.widget-gallery-slide .gallery {
    width: 90%;
}
.widget-gallery .widget-body {
    position: relative;
    padding: 20px;
    background: #7c7c7c;
    box-shadow: none !important;;
}
.widget-gallery .gallery {
    margin: 0 auto;
}
.widget-gallery .gallery .thumb {
    background: none !important;
    margin: 0;
    border-color: #838383 !important;
    padding: 9px !important;
    box-shadow: 0 0 5px 1px #626262 inset;
    -moz-box-shadow: 0 0 5px 1px #626262 inset;
    -webkit-box-shadow: 0 0 5px 1px #626262 inset;
}
.widget-gallery .gallery .thumb:hover {
    box-shadow: 1px 1px 0 #9c9c9c inset, -1px -1px 0 #6a6a6a inset;
}
.widget-gallery .gallery .thumb img {
    border: 1px solid #838383;
}
.widget-gallery .nav {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 15px;
    cursor: pointer;
    text-decoration: none;
}
.widget-gallery .nav.nav-right {
    left: auto;
    right: 15px;
}
.widget-gallery .nav i:before {
    color: #a9a9a9 !important;
}
.widget-gallery .nav:hover i:before {
    color: #b6b6b6 !important;
}
.widget-gallery .nav.disabled {
    cursor: default;
}
.widget-gallery .nav.disabled i:before {
    color: #666666 !important;
}
.widget-gallery .nav.disabled:hover i:before {
    color: #595959 !important;
}
.widget-activity .widget-body {
    position: relative;
}
.widget-activity ul.tabs {
    display: block;
    float: left;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    position: relative;
    list-style: none;
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 0;
}
.widget-activity ul.tabs li {
    color: #7c7c7c;
    float: left;
    display: block;
    padding: 0;
    line-height: 30px;
    background: #fafafa;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.widget-activity ul.tabs li.glyphicons {
    width: 30px;
    height: 30px;
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #d8d8d8;
}
.widget-activity ul.tabs li.glyphicons i {
    display: block;
    height: 30px;
    position: relative;
}
.widget-activity ul.tabs li.glyphicons i:before {
    position: relative;
    top: 0;
    left: 0;
    color: #7c7c7c;
    font-size: 18px;
    line-height: 30px;
}
.widget-activity ul.tabs li.glyphicons:last-child {
    border: none;
}
.widget-activity ul.tabs li:hover {
    background: #ffffff;
}
.widget-activity ul.tabs li.active {
    background: #64625f;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3) inset;
}
.widget-activity ul.tabs li.active i:before {
    color: #fff;
}
.widget-activity ul.list {
    border-top: 1px solid #ebebeb;
    list-style: none;
    margin: 0 -15px;
    padding: 0;
}
.widget-activity ul.list li {
    height: 39px;
    line-height: 39px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding: 0 15px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.widget-activity ul.list li:hover,
.widget-activity ul.list li.highlight {
    background: #f2f2f2;
    box-shadow: 0 1px 0 0 #ffffff inset;
    -moz-box-shadow: 0 1px 0 0 #ffffff inset;
    -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
    text-shadow: 0 1px 0 #ffffff;
    cursor: pointer;
}
.widget-activity ul.list li:hover:after,
.widget-activity ul.list li.highlight:after {
    content: "\e212";
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    height: 39px;
    line-height: 39px;
    font-family: "Glyphicons";
    font-size: 24px;
    color: #d5d5d5;
}
.widget-activity ul.list li:hover .activity-icon i:before,
.widget-activity ul.list li.highlight .activity-icon i:before {
    color: #8ec657;
}
.widget-activity ul.list li > span {
    display: block;
    height: 39px;
    line-height: 39px;
    float: left;
    position: relative;
    overflow: hidden;
}
.widget-activity ul.list li > span.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 75%;
}
.widget-activity ul.list li > span.date {
    width: 40px;
    text-align: center;
}
.widget-activity ul.list li .activity-icon {
    width: 30px;
    height: 39px;
    padding: 0;
    margin: 0 10px;
    display: inline-block;
    text-align: center;
}
.widget-activity ul.list li .activity-icon i {
    height: 39px;
    display: block;
    position: relative;
}
.widget-activity ul.list li .activity-icon i:before {
    position: relative;
    top: 0;
    left: 0;
    color: #868686;
    font-size: 18px;
    line-height: 39px;
}
.widget-activity ul.list li.double {
    height: 45px;
    line-height: 45px;
}
.widget-activity ul.list li.double > span {
    height: 45px;
    line-height: 45px;
}
.widget-activity ul.list li.double > span.ellipsis {
    line-height: 15px;
    padding: 7px 0 0;
    font-weight: 600;
    font-size: 11px;
}
.widget-activity ul.list li.double > span .meta {
    display: block;
    line-height: 15px;
    font-weight: 400;
    color: #b7b7b7;
}
.widget-activity ul.list li.double > span .meta i:before {
    top: 1px;
    color: #b7b7b7;
}
.widget-activity ul.list li.double > span .meta span {
    font-style: italic;
}
.widget-activity ul.list li.double .activity-icon {
    margin-left: 0;
    height: 45px;
}
.widget-activity ul.list li.double .activity-icon i {
    height: 45px;
}
.widget-activity ul.list li.double .activity-icon i:before {
    line-height: 45px;
}
.widget-activity ul.list li.double:hover:after,
.widget-activity ul.list li.double.highlight:after {
    height: 45px;
    line-height: 45px;
}
.widget-activity .view-all {
    position: absolute;
    top: 18px;
    right: 15px;
}
.widget-messages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget-messages ul li {
    border: 1px solid #e5e5e5;
    padding: 5px;
    margin: 0 0 10px;
    position: relative;
}
.widget-messages ul li .meta span {
    color: #a3a3a3;
    font-size: 12px;
}
.widget-messages ul li .glyphicons.single.bin {
    position: relative;
    text-decoration: none;
    padding: 0;
    width: 15px;
    height: 20px;
    top: 5px;
}
.widget-messages ul li .glyphicons.single.bin i {
    display: block;
    width: 15px;
    height: 20px;
    text-align: center;
}
.widget-messages ul li .glyphicons.single.bin i:before {
    color: #cccccc;
    position: relative;
    line-height: 20px;
    left: auto;
    top: auto;
}
.widget-messages ul li:last-child {
    margin: 0;
}

.widget.widget-tabs {
    border-color: #d8d8d8;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 15px;
}
.widget.widget-tabs .tab-content {
    padding: 0;
}
.widget.widget-tabs .widget-head {
    /*background-color: #f9f9f9;*/
    border-bottom: 1px solid #d8d8d8;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0);
    border-radius: 15px 15px 0 0;
}
.widget.widget-tabs .widget-head ul {
    list-style: none;
    height: 35px;
    margin: 0;
    display: inline-block;
    padding-left: 0px;
}
.widget.widget-tabs .widget-head ul li {
    height: 50px;
    line-height: 35px;
    float: left;
    display: block;
    border-right: 1px solid #d8d8d8;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.widget.widget-tabs .widget-head ul li a {
    width: auto;
    height: 35px;
    display: block;
    padding: 0.3em 15px;
    overflow: hidden;
    color: #7c7c7c;
    text-decoration: none;
    margin:  auto;
}
.widget.widget-tabs .widget-head ul li a i:before {
    left: 5px;
    top: 3px;
    color: #9d9d9d;
    text-shadow: 0 1px 0 #ffffff;
}
.widget.widget-tabs .widget-head ul li a.glyphicons {
    padding: 0 15px 0 35px;
}
.widget.widget-tabs .widget-head ul li.active {
    background: #ffffff;
}
.widget.widget-tabs .widget-head ul li.active a {
    color: var(--roxolight);
    font-weight: bold;
}
.widget.widget-tabs .widget-head ul li.active a i:before {
    color: #fff;
    text-shadow: none;
}
.widget.widget-tabs .widget-body.large {
    padding: 25px;
}
.widget.widget-tabs-double > .widget-head {
    height: 40px;
}
.widget.widget-tabs-double > .widget-head ul {
    height: 40px;
}
.widget.widget-tabs-double > .widget-head ul li {
    height: 40px;
    line-height: 20px;
}
.widget.widget-tabs-double > .widget-head ul li a {
    height: 35px;
    padding: 5px 0 0;
}
.widget.widget-tabs-double > .widget-head ul li a span {
    display: block;
    line-height: 15px;
}
.widget.widget-tabs-double > .widget-head ul li a.glyphicons {
    padding: 5px 15px 0 38px;
}
.widget.widget-tabs-double > .widget-head ul li a.glyphicons i:before {
    left: 4px;
    top: 9px;
    font-size: 20px;
}
.widget.widget-tabs-double-2 {
    border: none;
}
.widget.widget-tabs-double-2 > .widget-head {
    border: 1px solid #d8d8d8;
    border-bottom: none;
    height: 70px;
}
.widget.widget-tabs-double-2 > .widget-head.border-bottom {
    border-bottom: 1px solid #d8d8d8;
}
.widget.widget-tabs-double-2 > .widget-head ul {
    height: 70px;
}
.widget.widget-tabs-double-2 > .widget-head ul li {
    height: 70px;
    line-height: 20px;
}
.widget.widget-tabs-double-2 > .widget-head ul li a {
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
    height: 70px;
    padding: 5px 0 0;
    text-decoration: none;
    text-align: center;
}
.widget.widget-tabs-double-2 > .widget-head ul li a span {
    display: block;
    line-height: 30px;
}
.widget.widget-tabs-double-2 > .widget-head ul li a.glyphicons {
    padding: 0 15px;
}
.widget.widget-tabs-double-2 > .widget-head ul li a.glyphicons i {
    display: block;
    height: 24px;
    padding: 13px 0 0;
    line-height: 24px;
    text-align: center;
}
.widget.widget-tabs-double-2 > .widget-head ul li a.glyphicons i:before {
    left: auto;
    top: auto;
    font-size: 24px;
    position: relative;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}
.widget.widget-tabs-double-2 > .widget-head ul li.active {
    height: 70px;
    background: #ffffff;
}
.widget.widget-tabs-double-2 > .widget-head ul li.active a {
    color: #8ec657;
}
.widget.widget-tabs-double-2 > .widget-head ul li.active a i:before {
    color: #8ec657;
}
.widget.widget-tabs-double-2 > .widget-head ul li:hover {
    background: #ffffff;
}
.widget.widget-tabs-double-2 > .widget-head ul li:hover a {
    color: #8ec657;
}
.widget.widget-tabs-double-2 > .widget-head ul li:hover a i:before {
    color: #8ec657;
}
.widget.widget-tabs-double-2 .widget-body {
    padding: 0;
}
.widget.widget-tabs-double-2 .widget-body-regular {
    padding: 10px;
    border: 1px solid #d8d8d8;
}
.widget.widget-tabs-double-2 .widget-body-regular p:last-child {
    margin: 0;
}
.widget.widget-tabs-vertical .widget-head {
    border: none;
    height: auto;
    padding: 0;
}
.widget.widget-tabs-vertical .widget-head ul {
    display: block;
    height: auto;
}
.widget.widget-tabs-vertical .widget-head ul li {
    float: none;
    display: block;
    border-right: none;
    border-bottom: 1px solid #d8d8d8;
}
.widget.widget-tabs-vertical .widget-head ul li:last-child {
    border: none;
}
.widget.widget-tabs-vertical .widget-body {
    padding: 0;
}
.widget.widget-tabs-vertical .widget-body .tab-content {
    padding: 12px 15px;
}
.widget.widget-wizard-pills .widget-head {
    height: 60px;
    padding: 10px 0;
}
.widget.widget-wizard-pills .widget-head ul {
    height: 60px;
}
.widget.widget-wizard-pills .widget-head ul li {
    height: 60px;
    line-height: 60px;
    color: #7c7c7c;
    padding: 0 0 0 10px;
    border: none;
    position: relative;
}
.widget.widget-wizard-pills .widget-head ul li.status {
    height: 45px;
    padding: 15px 15px 0;
    font-weight: 600;
}
.widget.widget-wizard-pills .widget-head ul li.status span.r {
    display: block;
    line-height: 15px;
}
.widget.widget-wizard-pills .widget-head ul li a {
    height: 58px;
    line-height: 60px;
    padding: 0;
    width: 58px;
    text-align: center;
    background: #d8d8d8;
    border: 1px solid #d8d8d8;
    color: #c8c8c8;
    font-weight: 600;
    font-size: 16pt;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    z-index: 2;
}
.widget.widget-wizard-pills .widget-head ul li.active {
    height: 60px;
    background: none;
}
.widget.widget-wizard-pills .widget-head ul li.active a {
    width: 60px;
    height: 60px;
    background: #f2f2f2;
    border: none;
}
.widget.widget-wizard-pills .widget-head ul li.primary a {
    width: 60px;
    height: 60px;
    background: #8ec657;
    border: none;
    color: #fff;
}
.widget.widget-wizard-pills .widget-head ul li:not(:first-child):before {
    position: absolute;
    background: #d8d8d8;
    height: 1px;
    left: 0;
    right: 0;
    top: 29px;
    display: block;
    content: "";
    z-index: 1;
}
.widget.widget-wizard-pills .widget-head ul li.no-padding {
    padding: 0;
}
.widget.widget-tabs-2 {
    border-bottom: 1px solid #d8d8d8;
}
.widget.widget-tabs-2.border-bottom-none {
    border-bottom: none;
}
.widget.widget-tabs-2 .widget-head {
    background: #fff;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 10px;
}
.widget.widget-tabs-2 .widget-head ul {
    border-color: #d8d8d8;
}
.widget.widget-tabs-2 .widget-head ul li {
    border: none;
}
.widget.widget-tabs-2 .widget-head ul li.active {
    /*background-color: #f7f7f7;*/
    /*background-image: -moz-linear-gradient(top, #f7f7f7, #ffffff);*/
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#ffffff));*/
    /*background-image: -webkit-linear-gradient(top, #f7f7f7, #ffffff);*/
    /*background-image: -o-linear-gradient(top, #f7f7f7, #ffffff);*/
    /*background-image: linear-gradient(to bottom, #f7f7f7, #ffffff);*/
    /*background-repeat: repeat-x;*/
}
.widget.widget-tabs-2 .widget-head ul li a {
    border: 1px solid #dddddd;
    border-bottom: none;
    border-right: none;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
}
.widget.widget-tabs-2 .widget-head ul li:first-child a {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}
.widget.widget-tabs-2 .widget-body {
    background: #fff;
    border: none;
    padding: 15px;
}
.widget.tabs-right .widget-head ul {
    float: right;
}
.widget.widget-tabs-icons-only .widget-body {
    padding: 0;
}
.widget.widget-tabs-icons-only .widget-body p:last-child {
    margin: 0;
}
.widget.widget-tabs-icons-only .widget-head {
    padding: 0 0 10px;
}
.widget.widget-tabs-icons-only .widget-head ul {
    display: block;
    overflow: hidden;
    position: relative;
    list-style: none;
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 0;
}
.widget.widget-tabs-icons-only .widget-head ul li {
    color: #dadada;
    float: left;
    display: block;
    padding: 0 10px 0 0;
    font-size: 8pt;
    line-height: 30px;
}
.widget.widget-tabs-icons-only .widget-head ul li.glyphicons {
    width: 30px;
    height: 30px;
    padding: 0 3px;
    text-align: center;
    cursor: pointer;
}
.widget.widget-tabs-icons-only .widget-head ul li.glyphicons i {
    background: #e5e5e5;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    display: block;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    height: 30px;
    position: relative;
}
.widget.widget-tabs-icons-only .widget-head ul li.glyphicons i:before {
    position: relative;
    top: 0;
    left: 0;
    color: #64625f;
    font-size: 17px;
    line-height: 30px;
}
.widget.widget-tabs-icons-only .widget-head ul li.glyphicons:hover i {
    background: #dedede;
}
.widget.widget-tabs-icons-only .widget-head ul li.glyphicons.active i {
    background: #64625f;
}
.widget.widget-tabs-icons-only .widget-head ul li.glyphicons.active i:before {
    color: #fff;
}
.widget.widget-tabs-icons-only .widget-head ul li.glyphicons:last-child {
    padding: 0;
}

body.login #login .wrapper.signup {
    max-width: 600px !important;
    border-radius: 15px !important;
}
body.login #login .widget .widget-head {
    padding: 0 5px 0 0 !important;
    border-radius: 15px 15px 0 0 !important;
}
body.login #login .widget .widget-head div {
    font-size: 12px !important;
    /*border-radius: 15px;*/
}
body.login #login .widget .widget-footer {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 0 0 15px 15px !important;
}

body.login #login .checkbox {
    margin-top: 5px !important;
    border-radius: 8px !important;
}



label,
input,
button,
select,
textarea {
    font-size: 14px;
}

#footer {
    color: #fff;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 4;
}
#footer .copy {
    background: var(--roxolight);
    padding: 5px 10px;
    height: 5%;
    text-align: center;
}
#footer .copy a {
    color: white;
}

#footer .row-menu {
    padding: 10px;
}
#footer .row-menu [class*="span"] > ul {
    margin: 0;
}


.i-h4{
    font-size: 17.5px;
    line-height: 20px;
    display: block;
    padding-left: 15px;
    margin: 10px 0;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    color: #7c7c7c;
}
.i-label{
    font-family: 'Poppins', sans-serif;
    font-weight: bold!important;
    color: #7c7c7c;
}

.active_pag{
    background: red;
    color: red!important;
}

.table {
    border-radius: 15px;
}

.input-sm:active{
    border: 2px solid red;
}



#footer{
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
}
.i-btna{
    width: auto !important;
}

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}
#tabelaeditavel{
    /*font-family: "Verdana", sans-serif;*/
}
#tabelaeditavel tr td {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 13px;
    overflow: auto;
    /*font-weight: bold;*/
}

.titulos_cad_cliente {
    font-size: 23px;
    font-weight: bold;
    margin-top: 25px;
    margin-left: 15px;
    color: var(--roxolight);
}

.titulos_cad_cliente_dados{
    margin-left: 0;
    font-size: 23px;
    margin-bottom: 0;
    font-weight: bold;
    color: var(--roxolight);
}

.titulos_cad_financeiro {
    font-size: 23px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 15px;
    color: var(--roxolight);
}

.titulos_cad_produtos {
    font-size: 23px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
    color: var(--roxolight);
}

.titulos_cad_cod_operacao {
    font-size: 23px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
    color: var(--roxolight);
}

.titulos_pedido {
    font-size: 23px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--roxolight);
}

.titulos_pedido_aba_produto h4{
    font-size: 23px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
    color: var(--roxolight);
    padding-left: 0;
}

.titulo_venda {
    color: var(--roxolight);
    font-size: 19px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #ffffff !important;
    /*border: 1px solid #b6b6b6;*/
    /*border-radius: 0 0 15px 15px;*/
}

#grid-parcelas {
    color: var(--roxolight);
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #b6b6b6;
}

#grid-parcelas th {
    margin-left: 10px;
}

.input-nomefantasia-cadclie{
    margin-right: 20px;
    margin-top: 15px;
}

.nome-cliente {
    margin-top: 15px;
}

.widget-body {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.filtros-tela-pessoa{
    margin-left: 15px;
    margin-top: 15px;
}

.filtros-tela-produtos {
    margin-left: 30px;
    margin-top: 15px;
}

.filtros-tela-ctareceb {
    margin-left: 15px;
    margin-top: 10px;
}

.botoes-tela-ctareceb {
    margin-left: 30px;
}

.dados-e-ativo {
    display: inline-block;
}


.checkbox-tipo-pessoa {
    margin-left: 15px;
    display: inline-block;
}

.checkbox-cod-operacao {
    margin-left: 15px;
    display: inline-block;
}

.checkbox-cond-pagamento {
    margin-left: 15px;
    display: inline-block;
}

.editavel{
    background-color: #f9feb5!important;
}
.breadcrumb{
    background-color: #fafafa!important;
    margin-bottom: 15px;
    margin-top: -20px;
    margin-left: 15px;
}
.breadcrumb a {
    color: var(--roxolight) !important;
}
.breadcrumb a:hover{
    color: var(--roxodark) !important;
}
.i-div-table-editavel{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 15px;
}
.i-comp-busca{
    width: 100%;
    z-index: 3;
    display: block;
    margin-left: 15px;
}

.i-comp-busca-body{
    margin: 5px;
    /*height: 67px;*/
}
.i-comp-busca p img{
    width: 50px;
    margin: 2px;
    margin-top: 2%;
    border: solid ;
    border-color: #d7d7d7;
    text-decoration: none;
}
.i-comp-busca p{
     color: #636b6f;
     text-decoration: none;
     margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 10pt;
 }
.i-comp-busca p small{
    position: relative;
    left: 55px;
}
.i-comp-busca a:-webkit-any-link{
    color: #636b6f;
    text-decoration: none;
    margin: 0px;
}
.i-comp-footer-busca{
    text-decoration: none;
    padding-left: 55px;
}
.i_loading{
    background-image:url(../imagens/loading.gif);
    background-size: 20px;
    background-position-x: 630px;
    background-position-y: center;
    background-repeat:no-repeat;
}


.i-imgconsulta {
    /*<img class="i-imgconsulta" src="http://makeameme.org/media/templates/120/grumpy_cat.jpg" alt="" width="120" height="120">*/
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*Inicio Estilização Wizard*/
.wizard {
    margin:auto;
    background: #fff;
}

.wizard .nav-tabs {
    position: relative;
    margin: 0 auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 1;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid var(--roxolight);

}
.wizard li.active span.round-tab i{
    color: var(--roxolight);
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 33.33%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 47%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 48%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: var(--roxolight);
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
}

.wizard h3 {
    margin-top: 0.5em;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
/*Fim estilização Wizard*/

.btn-table{
    padding: 1.5px;
    font-size: 1.2em;
}

.qtd_registros_dt{
    width: 0!important;
}

.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background: #FFF;
    transition: all .3s ease-in-out;
    margin-left: 15px;
    font-family: Poppins, 'sans-serif';
}

.tile-stats:hover {
    border: 2px solid var(--roxolight);
    transition: all .3s ease-in-out;
}

.tile-stats:hover .fas {
    color: var(--roxolight);
}

.tile-stats .count, .tile-stats h3, .tile-stats p {
    position: relative;
    margin: 0 0 0 10px;
    z-index: 0;
    padding: 0;
}
.tile-stats .count {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.65857;
}

.tile-stats h3 {
    color: #545454;
    font-weight: bold;
}

.tile-stats p {
    margin-top: 5px;
    font-size: 14px;

}
.tile-stats .count, .tile-stats h3, .tile-stats p {
    position: relative;
    margin: 0 0 0 10px;
    z-index: 0;
    padding: 0;
}

.tile-stats .icon {
    width: 20px;
    height: 20px;
    color: #BAB8B8;
    position: absolute;
    right: 53px;
    top: 0px;
    z-index: 1;
    font-size: 48px;
    padding: 18px;
    margin-right: 10px;
}

.tile-stats .count {
    color: var(--roxolight);
    font-weight: 500 !important;
}


/*Stilização do Tooltip*/
.ui-tooltip {
    border: 1px solid white!important;
    background: #111!important;
    color: white!important;
}

.icon-help{
    padding-left: 5px;
    color: rgb(169, 169, 169);
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}

#img-logo {
    max-width:75%;
    max-height:90px;
    width: auto;
    height: auto;
    margin: auto;
    margin-bottom: 15px;
}
#img-logo-logo-aquinotas{
    max-width: 100%;
    max-height: 70px;
    margin: 0 auto;
    width: auto;
    height: auto;
    display: block;
}


#menu, .profile, .menu-0 {
    background-color: #ffffff !important;
    border-radius: 0 50px 70px 0;
}

/*.subMenu a {*/
    /*background-color: #00AB6B;*/
/*}*/
/*.content-min, #{*/
    /*background-color: #3e85c52e;*/
    /*width: 100%;*/
/*}*/
.navbar.main{
    background-color: #fafafa !important;
    height: 60px;
    border: none !important;
    width: 100% !important;
    display: block !important;
    margin: 0 0px !important;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
}

#content-logo-aquinotas{
    background-color: #ffffff;
    padding-top: 10px;
}

#menu::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
#menu::-webkit-scrollbar {
    width: 3px;
    background: #F4F4F4;
}
#menu::-webkit-scrollbar-thumb {
    background: #dad7d7;
}

.tile-stats {
    border-radius: 15px;
    padding: 10px;
    margin-top: 15px;
}

.ui-dialog .ui-dialog-title{
    font-size: 1.5em;
}
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.copiar{
    color: rgb(111, 111, 111);
}

.daterangepicker {
    position: absolute !important;
}

.daterangepicker.dropdown-menu{
    max-width: none;
    z-index: 10000;
}

.calendar {
    max-width: none !important;
}

.show-calendar{
    background-color: white;
    overflow: hidden;
    width: auto;
    height: auto;
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 35px;
    /*width: 135px;*/
    /*margin-left: 30px;*/
}

span .select2-container--default .select2-selection--single{
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 35px;
    /*width: 135px;*/
    /*margin-left: 30px;*/
}



.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    height: 35px;
    padding-top: 0.5%;
    /* position: absolute; */
}

span.select2.select2-container.select2-container--default {
    width: 100%!important;
}
textarea{
    width:100%
}

input:focus, .form-control:focus {
    border: 2px solid #636b6f!important;
    box-shadow: none;
}
textarea:focus {
    border: 2px solid #636b6f!important;
}

input{
    font-size: 1em!important;
    color: #545d6b!important;
}

input[type="text"]{
    border-radius: 7px;
}

.select2-selection.select2-selection--single{
    transition-timing-function: ease;
    transition: all .2s
}
.select2-selection.select2-selection--single:focus {
    border: 2px solid #636b6f;
}

#button-nav-esconde-menu {
    background-color: #fafafa;
    margin-bottom: -6px;
    border: none;
}

#icone-esconde-menu {
    margin-top: 6px;
    margin-left: 15px;
    border: none;
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff;
}
.preloader .cssload-speeding-wheel {
    position: absolute;
    top: calc(46.5%);
    left: calc(46.5%);
}

.icon-table-erro{
    margin-left: 5px;
    cursor: pointer;
}

.selecionar-linha-erro{
    background: #f97d76;
}

.upper-case{
    text-transform: uppercase;
}


.btn-login {
    margin-top: 15px;
    font-weight: bold !important;
    border-radius: 8px !important;
    background-color: var(--roxolight) !important;
    border: 1px solid var(--roxolight) !important;
}

.btn-login:hover {
    background-color: var(--roxodark) !important;
    border: 1px solid var(--roxodark) !important;
}

.btn-datatable{
    margin-bottom: 0.3em;
}

.btn-form{
    margin-top: 1.8em;
}

.btn_filtro{
    margin-top: 30px;
}

.btn-danger {
    background-color: var(--redlight) !important;
    color: white !important;
    font-weight: bold !important;
}

.btn-danger:hover {
    background-color: var(--reddarker) !important;
}

.btn-cancel {
    width: 105px !important;
    height: 35px !important;
    background-color: var(--redlight) !important;
    color: white;
    font-weight: bold !important; 
    margin-right: 30px !important;
    border: none;
    border-radius: 4px;
}

.btn-cancel:hover {
    background-color: var(--reddarker) !important;
    color: white !important;
}

.btn-sucess {
    background-color: var(--greenlight) !important;
    color: white !important;
    font-weight: bold !important;
}

.btn-sucess:hover {
    background-color: var(--greendarker) !important;
    color: white !important;
}

.btn-salvar {
    background-color: var(--greenlight) !important;
    color: white !important;
    font-weight: bold !important; 
    width: 105px !important;
    height: 35px !important;
    border: none !important;
    margin: 0;
    padding: 0;
    border-radius: 8px;
}

.btn-salvar:hover {
    background-color: var(--greendarker) !important;
    color: white !important;
}

.btn-outline {
    display: block;
    font-size: 16px;
    width: 180px;
    padding: 4px;
    border-radius: 25px;
    color: #4d4d4d;
    text-align: center;
}

.btn-outline:hover {
    text-decoration: none;
    font-weight: 500;
    color: #4d4d4d;
    cursor: pointer;
    /* border: 1px solid var(--roxolight); */
}

.btn-outline:hover .icon-outline {
    background-color: var(--roxolight);
    font-size: 16px;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    align-items: center;
    padding-top: 2px;
    padding-right: 1px;
}

.icon-outline {
    color: var(--roxolight);
    margin-right: 3px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-incluir {
    color: white !important;
    background-color: var(--roxolight) !important;
    font-weight: bold !important;
    border: none !important;
    margin-left: 30px !important;
    margin-top: 0 !important;
}

.btn-incluir:hover {
    background-color: var(--roxodark) !important;
}

.btn-incluir-morespace {
    color: white !important;
    background-color: var(--roxolight) !important;
    font-weight: bold !important;
    border: none !important;
    margin-left: 60px !important;
}

.btn-incluir-morespace:hover {
    color: white !important;
    background-color: var(--roxodark) !important;
}

.btn-incluir-morespace:active {
    color: white !important;
    background-color: var(--roxodark) !important;
}

.div-tab-prod-ped{
    overflow: auto;
    min-height: 160px;
}

/* .opcoes-nf {
    padding: 0;
}

.opcoes-nf li{
    list-style-type: none;
} */

.modal-content-nuvem{
    border-radius: 20px;
}

/* .opcoes-nf li i{
    font-size: 2em;
} */


.opcoes-pedido {
    padding: 0;
}

.opcoes-pedido li{
    list-style-type: none;
}

.opcoes-pedido li i{
    font-size: 2em;
}

.status {
    padding: 2px;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 3px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
}
.status.Faturado{
    background-color: #0B90C4;
}

.status.Faturado.parcial{
    background-color: #e5d200;
}

/*Tray*/
.status.Separacao{
    background-color: #D8BFD8;
}

.status.Recebido{
    background-color: #008000;
}

.status.Enviado{
    background-color: #e5d200;
}

.status.Finalizado{
    background-color: #000000;
}

.status.Cancelado{
    background-color: #FF0000;
}
/*Fim tray*/

.status.REJEITADO {
    background-color: var(--reddarker);
}

.status.REJEITADA {
    background-color: var(--reddarker);
}
.status.DENEGADA {
    background-color: #0d0d0d;
}
.status.CANCELADA {
    background-color: #7c7c7cd4;
}

.status.AUTORIZADA {
    background-color: var(--greenlight);
}

.status.ENVIANDO{
    background-color: #6830ffcf;
}

.status.Enviado {
    background-color: #6830ffcf;
}

.status.Aberto {
    background-color: var(--greenlight);
}

.status.Cancelado {
    background-color: var(--reddarker);
}

a#logo-cliente {
    width: 100%;
    height: 100%;
    display: flex;
}
.buttons-right-nav{
    /*text-align: end;*/
    display: flex;
    float: right;
    margin-top: -35px;
    font-size: 25px;
    /*width: 100%;*/
}
#icone-academy{
    color: black;
}

#alerta-teste{
    padding: 8px;
    font-size: 15px;
    font-weight: bold;
    background-color: transparent;
    color: var(--roxolight);
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid var(--roxolight);
}
/*ALTERANDO THEMA*/
.btn-primary {
    background-color: var(--roxolight);
    border: none;
    font-weight: bold;
}

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--roxodark);
    border: none;
    font-weight: bold;
}
.btn-primary:hover { color: #ffffff;background-color: var(--roxodark); font-weight: bold;; }
.btn-primary:focus { color: #ffffff;background-color: var(--roxodark); font-weight: bold; }

.modal-header{
    background-color: var(--roxolight);
    font-weight: bold;
    color: #ffffff;
    border-radius: 15px 15px 0 0;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus{
    background-color: var(--roxolight);
    border-color: var(--roxolight);
}

.pagination > li > a, .pagination > li > span {
    color: #444846;
}

.shadow{
    box-shadow: #9186866b 12px 15px 20px;
    transition: all ease-in 0.3s;
}

.shadow:hover{
    box-shadow: none;
}

.shadow-reverse{
    transition: all ease-in 0.3s;
    box-shadow: none;
}

.shadow-reverse:hover{
    box-shadow: #9186866b 12px 15px 20px;
}

.badge-news {
    background-color: transparent;
    border: 1px solid var(--roxolight);
    color: var(--roxolight);
    border-radius: 7px;
    padding: 3px;
    margin-left: 15px;
    margin-bottom: 3px;
    font-weight: bold;
}

.tawk-button {
    background-color: var(--roxolight) !important;
}

/*FIM ALTERAÇÃO TEMA*/



/* MODAL ENVIO DE NOTA NUVEM FISCAL */

.model-content-nuvem{
    margin-top: 30%;
    width: 300px;
    background-color: white;
    border: none;
    border-radius: 35px;
}

.modal-header-nuvem{
    font-family: 'Poppins', sans-serif;
    padding: 13px;
    height: 55px;
    background-color: var(--roxolight);
    font-weight: bold;
    color: #ffffff;
    border-radius: 35px 35px 0px 0px;
}

.modal-body-nuvem{
    border-radius: 35px;
}

.modal-footer-nuvem{
    height: 60px;
    border-radius: 0px 0px 35px 35px;
}

body-optnf-nuvem {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.container-opt-nuvem {
    width: 100%;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 35px 35px;
}

.title-container-opt-nuvem {
    font-family: 'Poppins', sans-serif;
    padding: 1px;
    font-size: 12px;
    border-radius: 35px 35px 0 0;
    margin: -20px -20px 0 -20px; /* Adicione margens negativas para colar ao topo e às laterais */
    text-align: center;
}

.button-container-nuvem {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    /*margin: 15px;*/
    gap : 10px;
}

.lb-container{
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-right: 25px;
    padding-left: 10px;
}

.fa-ellipsis-h,
.fa-eye,
.fa-trash,
.fa-edit
{
    color: var(--cinza);
    margin-left: 7px;
}

.fa-ellipsis-h:hover,
.fa-eye:hover,
.fa-trash:hover,
.fa-edit:hover,
.fa-truck:hover
{
    color: var(--roxolight);
}

/* INICIO EDIÇÃO COLUNA AÇÕES NA TELA DE CONSULTA DE VENDAS */

.col-action-venda {
    width: 110px;
}

/* FIM EDIÇÃO COLUNA AÇÕES NA TELA DE CONSULTA DE VENDAS */



.label-nf1, .label-nf2 {
    display: flex;
    flex-direction: column; /* Adicionado para permitir alinhamento vertical */
}

.label-nf1 label, .label-nf2 label {
    margin-bottom: 5px; /* Adicionado espaçamento entre os labels */
    font-size: 16px;
    font-weight: bold;
}

.lb-right {
    text-align: left;
    display: flex;
    flex-direction: column; /* Adicionado para permitir alinhamento vertical */
}

.fas {
    color: #4d4d4d;
}

.fas:hover {
    color: var(--roxolight);
}

.icon-edit-venda {
    margin-left: 10px !important;
}

.action-pedido-icon {
    font-size: 18px;
    margin-right: 2px;
    padding: 0 !important;
    color: #4d4d4d;
}

.fa-edit {
    padding: 0 !important;
    margin-left: 0 !important;
}

.loading-overlay-content {
    background-color: var(--roxolight);
    color: white;
    font-size: 20px;
    text-align: center;
    width: 200px;
    height: 200px;
}

/* COR DO ICONE DO BOTAO (enviar, cancelar, xml) */
.icon-modal-envionota {
    color: #4d4d4d;
    font-size: 22px;
}

.icon-modal-envionota:hover {
    color: var(--roxolight) !important;
}

.button-opt-left-nuvem:hover .fas {
    color: var(--roxolight) !important;
}



.button-opt-left-nuvem {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    width: 100%;
    /*padding: 15px;*/
    background-color: white;
    color: black;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    text-align: left;
    /*padding-left: 30px;*/
    align-items: center;
    justify-content: flex-start;
}

.button-opt-right-nuvem {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    width: calc(50% - 10px);
    padding: 15px;
    background-color: white;
    color: black;
    border: 2px solid var(--roxolight);
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    padding-left: 30px;
    align-items: center;
    justify-content: flex-start;
}

.button-opt-left-nuvem:hover{
    font-weight: bold;
    color: #333333;
    cursor: pointer;
}

.button-opt-right-nuvem:hover{
    font-weight: bold;
    background-color: var(--roxolight);
    color: white;
    transition: background-color 0.4s ease-in-out;
    cursor: pointer;
}

.button-opt-left-nuvem i {
    margin-right: 10px;
}

.button-opt-right-nuvem i {
    margin-right: 10px;
}

.lb-opcoes-nota {
    font-size: 16px !important;
    color: #333333;
}

.close-nuvem {
    height: 27.5px;
    padding-left: 30px;
    float: right;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    color: white;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-close-nuvem-btn {
    color: white;
}



/* FIM MODAL ENVIO DE NOTA NUVEM FISCAL */

.btn_filtro {
    background-color: var(--roxolight);
    /*border: 2px solid var(--roxolight);*/
    border: none;
    color: white;
    font-weight: bold;
}

.btn_filtro:hover,
.btn_filtro:active,
.btn_filtro:focus
{
    background-color: var(--roxodark) !important;
    border: none;
    color: white;
    font-weight: bold;
}

.titulo_parametro_nuvem {
    font-size: 24px;
    margin-left: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    margin-top: 5px;
}

.btn-aplicar-nuvem {
    width: 75px;
    height: 35px;
    margin-top: 10px;
    font-weight: bold;
    background-color: transparent;
    border: 1px solid var(--greenlight);
    color: var(--greenlight);
    border-radius: 8px;
}

.btn-aplicar-nuvem:hover {
    background-color: var(--greenlight);
    color: white;
    transition: 0.5s all ease-in-out;
}

.crtnfse-nuvem,
.regime-especial-nuvem,
.regime-apuracao-nuvem {
    margin-top: 10px;
}

.senha_certificadonuvem::placeholder{
    color: #696969;
    font-weight: bold;
}

.certificado_nuvemfiscal {
    display: none !important;
    width: 240px;
    height: 36px;
}

.label_certificadonuvem {
    display: block;
    padding: 10px;
    width: 240px;
    height: 36px;
    font-size: 15px;
    background-color: var(--roxolight);
    color: white;
    text-align: center;
    cursor: pointer;
    bottom: 0;
    border-radius: 6px;
    border: 1px solid var(--roxolight);
    line-height: 1;
    transition: 0.3s all ease-in-out;
}

.label_certificadonuvem:hover {
    background-color: var(--roxodark);
    border: 1px solid var(--roxodark);
}

/* INICIO ESTILIZAÇÃO DO APLICATIVO DO AQUIPEDIDOS DENTRO DO AQUINOTAS */

#header-parametro {
    width: 90% !important;
}

/* FIM ESTILIZAÇÃO DO APLICATIVO DO AQUIPEDIDOS DENTRO DO AQUINOTAS */

/*PEDIDOS*/

.modal-content{
    border-radius: 15px
}

/* ACADEMY */

.btn-sair-video {
    background-color: var(--redlight) !important;
    color: white !important;
    border: none !important;
    font-weight: 600;
}

/* NOVOS MODAIS DE AGRUPAMENTO DE OPÇÕES*/

/* NOVO MODAL DE PEDIDO */

.modal-pedido {
    margin-top: 70% !important;
    box-shadow: none;
    font-family: Poppins, 'sans-serif';
}

.modal-pedido i {
    font-size: 22px !important;
}

.modal-pedido li {
    font-size: 18px;
    margin-bottom: 0;
}

.modal-pedido-span {
    margin-left: 8px;
    font-size: 18px !important;
}

.modal-pedido-status {
    margin-left: 5px !important;
    font-size: 16px !important;
    font-weight: normal;
}

.status-aberto,
.status-aberto:hover {
    color: var(--greenlight) !important;
}

.status-parcial,
.status-parcial:hover {
    color: #ffef42 !important;
}

.status-faturado,
.status-faturado:hover {
    color: #0B90C4 !important;
}

.status-cancelado,
.status-cancelado:hover {
    color: #FF0000 !important;
}

.status-recebido,
.status-recebido:hover {
    color: #008000 !important;
}

.status-separacao,
.status-separacao:hover {
    color: #D8BFD8 !important;
}

.status-finalizado,
.status-finalizado:hover {
    color: black !important;
}



#btn-cancelar-opcoes {
    background-color: var(--reddarker);
    border: none;
    font-weight: 600;
}

/* Carta de Correção e Cancelamento - modal novo */

.li-marker {
    list-style-type: none;
}

.drop-cce {

    padding: 0;
    margin-left: 5px;
    /* color: black; */
}

#justificativa {
    height: 50px !important;
}

#btn-voltar-opcoes {
    border: none;
    font-weight: bold;
    background-color: var(--redlight);
    color: white;
}

#btn-voltar-opcoes:hover {
    background-color: var(--reddarker);
}
/**/

/*Load emissão venda*/
.custom-preloader {
    display: none; /* Oculta por padrão */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(59, 59, 59, 0.85);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spinner-container {
    position: relative;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

.confirmed {
    border-color: #4CAF50; /* Cor verde */
    animation: none; /* Remove a animação */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text {
    margin-top: 20px;
    font-size: 18px;
    color: white;
    font-family: 'Poppins', sans-serif;
}

.check-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #4CAF50;
    display: none; /* Oculta por padrão */
}

/**/

.horario-widget {
    align-items: center;
    text-align: center;
    margin-top: 150px !important;
}

#data {
    /*align-items: center;*/
    /*text-align: center;*/
    font-size: 18px !important;
    color: #4d4d4d !important;
    font-weight: normal;
    margin-bottom: 20px;
}

#horario {
    margin: -35px;
    padding: 0;
    letter-spacing: -7px;
    font-size: 115px !important;
    color: #5d5d5d !important;
    font-weight: normal;
}


/* INICIO ESTILIZAÇÃO TELA DE APLICATIVOS */

.card-app-disp {
    border: 1px solid var(--roxolight) !important;
}

.btn-detalhe-app {
    border-radius: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
    margin-left: 10px;
    margin-right: 10px;
}

.nome-forcavendas {
    visibility: hidden;
}

.nome-forcavendas::before {
    content: "AquiPedidos" !important;
    visibility: visible;
}

.desc-forcavendas {
    visibility: hidden;
    text-align: left !important;
    letter-spacing: 0.5px !important;
}

.desc-forcavendas::before{
    content: "Aplicativo para realizar pedidos de qualquer lugar, sem precisar de internet.";
    visibility: visible;
}

.btn-abrir-app {
    background-color: var(--greenlight);
    font-weight: bold;
    height: 30px !important;
    width: 150px !important;
    align-items: center;
    text-align: center;
    border-radius: 5px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.excluir-app {
    background-color: var(--redlight);
    border-radius: 5px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-excluir{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-right: 5px !important;
}

.app-excluir:hover {
    color: white !important;
}

/* FIM ESTILIZAÇÃO TELA DE APLICATIVOS */

/* INICIO ESPACAMENTO CADASTRO PESSOA ICONES DE ACOES */

.fa-truck-pessoa,
.fa-shopping-cart-pessoa {
    margin-left: 5px !important;
}

/* FIM ESPACAMENTO CADASTRO PESSOA ICONES DE ACOES */

/*  INICIO PARAMETRO INTEGRACAO TRAY */

.icon-section-param-tray {
    margin-right: 8px;
}

.titulo_parametro_tray_loja {
    font-size: 23px;
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.input_param_tray {
    overflow: hidden;
}

/*  FIM PARAMETRO INTEGRACAO TRAY */

/*  INICIO TELA IMPORTAR PEDIDOS TRAY */

.btn-importar-mktplaces {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: transparent !important;
    color: var(--roxolight) !important;
    font-weight: bold !important;
    border: 1px solid var(--roxolight);
}

.btn-importar-mktplaces:hover {
    background-color: var(--roxolight) !important;
    color: white !important;
    transition: 0.4s all ease-in-out;
}

.MERCADO-LIVRE {
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    border: 2px solid #ffe600;
    border-radius: 5px;
    color: #585858;
}

.LOJA-VIRTUAL {
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    color: #d88db0;
    border: 2px solid #d88db0;
    border-radius: 5px;
}

.PARTICULAR {
    /* background-color: #00ffc8; */
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    color: #8473b3;
    border: 2px solid #8473b3;
    border-radius: 5px;
}

.header-sucesso-panel {
    margin-left: 30px;
    margin-bottom: 15px;
    width: 100%;
    font-size: 24px;
    color: var(--roxolight);
}


#sucesso-panel {
    display: none; 
    position: fixed; 
    width: 25%;
    height: 40%;
    box-shadow: 0px 0px 50vw 50vh rgba(0, 0, 0, 0.4);
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    background-color: white; 
    padding: 15px; 
    border: 1px solid var(--roxolight);  
    border-radius: 7px; 
    overflow: scroll;
    overflow-x: hidden;
    z-index: 9999;
}

#pedidos-sucesso-list li{
    overflow: hidden;
}

#pedidos-sucesso-list li:last-child{
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/*  FIM TELA IMPORTAR PEDIDOS TRAY */

/* INICIO TELA DE ENTRADA */

.titulo-total-entrada {
    font-size: 17px !important;
}

.valores-total-entrada {
    font-size: 20px !important;
    margin: 0;
    padding: 0;
    color: rgb(56, 56, 56);
}

/* FIM TELA DE ENTRADA */

/* INICIO TELA DE MOVIMENTO DE ESTOQUE */

.entrada-coluna{
    color: #11bd78 !important;
    font-weight: bold !important;
}

.saida-coluna{
    color: var(--reddarker) !important;
    font-weight: bold !important;
}

.saldo-coluna{
    /*color: #000000 !important;*/
    font-weight: bold !important;
}

/* FIM TELA DE MOVIMENTO DE ESTOQUE */

/* AJUSTANDO ESPAÇAMENTO BOTAO ESTOQUE CAD PROD */
.fa-archive-custom{
    margin-left: 5px !important;
}

.fa-archive-custom:hover{
    color: var(--roxolight) !important;
}