@charset "UTF-8";
/* Alteraões ao main.css para o Portal_Decskill
/* Fonts */
@font-face {
  font-family: latoRegular;
  src: url(fonts/Lato-Regular.ttf);
}
@font-face {
  font-family: latoLight;
  src: url(fonts/Lato-Light.ttf);
}
@font-face {
  font-family: latoBold;
  src: url(fonts/Lato-Bold.ttf);
}
html, body {
  font-family: latoRegular;
}

:root {
  --vhscrolltable: 320px;
  --vhscrollcontacts: 245px;
  --vhscrollrequests: 145px;
  --vhscrollcatalogs: 276px;
  --main-color:#465151;
  --aux-color:#626b6b;
  --login-box-top-height: 100px;
  --login-box-radius: 30px;
  --login-color: #191919;
  --side-bar-hover-color: #fff;
  --side-bar-icons-color: #ffffff;
  --side-bar-hover-icons-color: #d2642a;
  --side-bar-background-hover-color: #000;
  --side-bar-border-color: #394242;
  --tabs-background-color: #f5f5f5;
  --tabs-color: var(--main-color);
  --tabs-active-border-radius: var(--tabs-border-radius);
  --tabs-active-background-color: var(--main-color);
  --tabs-active-bordertop-color: var(--main-color);
  --tabs-margin-right: 2px;
  --tabs-border-radius: 8px 8px 0px 0px;
  --tabs-box-shadow: none;
  --tabs-active-color: #fff;
  --btn-border-radios: 8px;
  --badge-radius: 4px;
}

.main-color {
  color: var(--main-color);
}

.page-content {
  background-color: #F0F0EF !important;
}

.transform50Y {
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.x-navigation > li.xn-logo {
  background: var(--main-color);
}

.shadow {
  box-shadow: 1px 1px 9px 0px rgba(50, 50, 50, 0.3);
}

#btn_enviar {
  border-radius: 15px !important;
  min-width: 100px !important;
  background: var(--main-color) 0% 0% no-repeat padding-box;
  color: white;
  border: none;
  margin-left: 10px;
}


#btn_aceitar {
  border-radius: 15px !important;
  min-width: 100px !important;
  background: #90C244;
  color: white;
  border: none;
  margin-left: 10px;
}

.btn_voltar {
  border-radius: 15px !important;
  min-width: 100px !important;
  background: #DCDCDC;
  color: white;
  border: none;
  margin-left: 10px;
}

#btn_guardar {
  border-radius: 5px !important;
  min-width: 100px !important;
  background: #146B9D;
  color: white;
  border: none;
  margin-left: 10px;
}

.odd {
  background: rgba(117, 117, 195, 0.1098039216);
}

html#login #recoverpass {
  border-radius: 10px !important;
  width: 100% !important;
  color: white;
  border: none;
  margin-bottom: 15px;
  height: 35px;
  text-transform: uppercase;
}

html#login #btn_voltar {
  border-radius: 10px !important;
  width: 100% !important;
  color: white;
  border: none;
  margin-bottom: 15px;
  height: 35px;
  text-transform: uppercase;
}

.font15 {
  font-size: 15px;
}

.font16 {
  font-size: 16px;
}

.clearfix {
  clear: both;
}

.btn-delete {
  background: #8d2f2f;
  border-color: #8d2f2f;
}

.btn-delete:hover {
  background: #b64645;
  border-color: #b64645;
}

select,
select.form-control,
select.form-control:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='7.718' viewBox='0 0 13.5 7.718'%3E%3Cpath id='Icon_ionic-ios-arrow-up' data-name='Icon ionic-ios-arrow-up' d='M12.939,13.577l5.1,5.108a.965.965,0,0,0,1.362-1.366l-5.783-5.787a.963.963,0,0,0-1.33-.028L6.469,17.315a.965.965,0,0,0,1.362,1.366Z' transform='translate(19.688 18.969) rotate(180)' fill='%23222'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 15px);
  background-position-y: 50%;
}
select:focus,
select.form-control:focus,
select.form-control:focus:focus {
  background-color: #fff;
}

/* Login */
/* .center-login-box{padding-bottom: 40px;margin:auto;border-radius:30px;background-repeat:no-repeat;background-position:bottom;background-size:100%;} */
html#login {
  width: unset;
  height: unset;
}
html#login body {
  width: unset;
  height: unset;
}
html#login form a {
  color: var(--login-color);
}
html#login form a:hover {
  opacity: 0.8;
}
html#login form .checkbox-label {
  color: var(--login-color);
}
html#login form input[type=radio], html#login form input[type=checkbox] {
  margin: 2px 10px 0px 0px;
}
html#login .login-wrapper {
  height: 100%;
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
html#login ::-moz-placeholder {
  color: var(--login-color);
  font-size: 12px;
  font-weight: 500;
}
html#login :-ms-input-placeholder {
  color: var(--login-color);
  font-size: 12px;
  font-weight: 500;
}
html#login ::placeholder {
  color: var(--login-color);
  font-size: 12px;
  font-weight: 500;
}
html#login input.form-control,
html#login select.form-control {
  box-shadow: none;
  border-radius: 10px !important;
  border: 1px solid #D1DEE3;
  height: 35px;
  color: var(--login-color);
}
html#login select.form-control {
  margin-top: 1.5rem;
}
html#login #btn_login {
  border-radius: 10px !important;
  width: 100% !important;
  color: white;
  border: none;
  margin-bottom: 15px;
  height: 35px;
  text-transform: uppercase;
}

.login-logout-box {
  padding: 10px 45px 10px 45px;
  width: 380px;
  display: block;
  background: unset;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .login-logout-box {
    width: 320px;
    padding: 10px 20px 10px 20px;
  }
}
.login-logout-box::before {
  content: "";
  position: absolute;
  top: calc(var(--login-box-top-height) / 2);
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(255, 255, 255);
  border-radius: var(--login-box-radius);
  z-index: -1;
}

.box-top {
  width: var(--login-box-top-height);
  height: var(--login-box-top-height);
  background-color: #ffffff;
  margin: 0 auto 30px auto;
  border-radius: 50%;
  box-shadow: 0px 0px 21px 0px rgba(136, 136, 136, 0.4) !important;
  background-size: 58%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.b_vindo {
  color: var(--main-color);
}
.b_vindo.b_vindo2 {
  margin-bottom: 35px;
  font-size: 16px;
  margin-top: unset;
}

#mb-signout.message-box.open {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
#mb-signout.message-box.open .mb-container {
  position: relative;
  left: unset;
  top: unset;
  padding: 10px 45px 10px 45px;
  width: 380px;
  display: block;
  background: unset;
}
#mb-signout.message-box.open .mb-container::before {
  content: "";
  position: absolute;
  top: calc(var(--login-box-top-height) / 2);
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(255, 255, 255);
  border-radius: var(--login-box-radius);
  z-index: -1;
}
#mb-signout.message-box.open .btn {
  width: 100%;
}
#mb-signout.message-box.open .b_vindo2 {
  margin-bottom: 90px;
  font-size: 14px;
  margin-top: 20px;
}
#mb-signout.message-box.open .mb-footer {
  margin-bottom: 30px;
}

a.link-btn {
  text-decoration: none;
}
a.link-btn .btn {
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center;
  line-height: 16px;
}
a.link-btn .btn svg {
  max-width: 13px;
  max-height: 13px;
  display: block;
  margin: 0 auto;
}

.badge {
  border-radius: var(--badge-radius);
}

.dashboard-content {
  padding: 25px 20px;
}
.dashboard-content .list-cards > div {
  margin-bottom: 20px;
}

.dashboard-card {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  padding: 20px;
  color: #fff;
}
.dashboard-card .icon {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.dashboard-card .icon img,
.dashboard-card .icon svg {
  max-width: 52%;
  max-height: 52%;
}
.dashboard-card .big-text {
  font-size: 22px;
}
.dashboard-card .medium-text {
  font-size: 14px;
}
.dashboard-card .small-text {
  font-size: 11px;
}
.dashboard-card.green {
  background-color: #AEC11C;
}
.dashboard-card.green path {
  stroke: #AEC11C;
}
.dashboard-card.blue {
  background-color: #3976BE;
}
.dashboard-card.blue path {
  stroke: #3976BE;
}
.dashboard-card.contessa {
  background-color: #BA6D6D;
}
.dashboard-card.contessa path {
  stroke: #BA6D6D;
}
.dashboard-card.powerbi {
  background-color: #fcbe00;
}
.dashboard-card.powerbi path {
  stroke: #fcbe00;
}
.dashboard-card.external_link {
  background-color: #a9a394;
}
.dashboard-card.external_link path {
  stroke: #a9a394;
}
.dashboard-card.purple {
  background-color: #9482C7;
}
.dashboard-card.purple path {
  stroke: #9482C7;
}
.dashboard-card.orange {
  background-color: #e89b5a;
}
.dashboard-card.orange path {
  stroke: #e89b5a;
}
.dashboard-card.white {
  background-color: #ffffff;
}

.cemporcento.return-request-detail .customscroll tbody {
  height: calc(50vh - 230px);
}
.cemporcento.return-request-detail .dataTable {
  border-bottom: none !important;
}
.cemporcento.return-request-detail .form-control[readonly] {
  background-color: #EDEDED;
}
.cemporcento.return-request-detail textarea {
  height: 100px;
}

div.esqpass-div {
  display: none;
  border-radius: 20px;
  width: 450px !important;
  padding: 10px;
}

div.termos-div {
  border-radius: 20px;
  width: 450px !important;
  padding: 10px;
}

.box-popup {
  display: none;
  margin-left: calc(20% + 330px);
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.box-popup:after {
  position: absolute;
  content: "";
  top: 50%;
  left: -20px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent rgba(255, 255, 255, 0.95) transparent transparent;
}

.box-popup.open {
  display: block;
}

#loginForm input.form-control, #esqpassForm input.form-control {
  border-radius: 15px !important;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863);
  border: none;
}

/* .login-box{margin-top:35px;} */
#loginForm select {
  border-radius: 15px !important;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863);
  border: none;
}

/* Muda o tamanho da box do login */
#btn-login-group {
  width: 100% !important;
}

#btn-login-group #btn_login {
  border-radius: 15px !important;
  width: 100% !important;
  background: var(--main-color) 0% 0% no-repeat padding-box;
  color: white;
  border: none;
  margin-bottom: 15px;
}

#loginForm input[type=checkbox], #termosForm input[type=checkbox] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

#btn-social-group {
  width: 100%;
}

.btn-social {
  min-width: 50px !important;
  min-height: 50px;
  border-radius: 100%;
  margin-right: 10px;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863) !important;
  border: none;
  background-color: white;
}

#faceLogin, #linkLogin {
  color: #4C9ADC;
}

#googleLogin {
  color: #E20000;
}

#faceLogin:hover, #linkLogin:hover {
  background-color: #4C9ADC;
  color: #ffffff;
}

#googleLogin:hover {
  background-color: #E20000;
  color: #ffffff;
}

.btn-social:first-child {
  color: #ffffff !important;
}

.ajudas-login {
  margin-top: 15px;
  margin-bottom: 80px;
}

.ajudas-login a {
  color: #656d78;
  cursor: pointer;
}

#btn-recupera-group {
  float: right;
}

.titulo-popup {
  color: #000000;
  font-size: 19px;
}

.descricao-popup {
  color: #656d78;
  font-size: 12px;
}

.descricao-div {
  margin-left: 15px;
}

.termos-text {
  padding: 5px;
  overflow: auto;
  height: 400px;
}

.termos-text p {
  font-size: 14px;
}

.termos-text::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

/* @media only screen and (max-width:600px){
	.box-top{width:100px;height:100px;background-color:#ffffff;position:relative;top:-40px;left:33%;border-radius:20px;box-shadow:0px 3px 2px 0px #8888883d!important;background-image:url("../img/ds.svg");background-size:85%;background-repeat:no-repeat;background-position:80% 55%;}
}
@media only screen and (max-width:400px){
	.box-top{width:100px;height:100px;background-color:#ffffff;position:relative;top:-40px;left:33%;border-radius:20px;box-shadow:0px 3px 2px 0px #8888883d!important;background-image:url("../img/ds.svg");background-size:85%;background-repeat:no-repeat;background-position:80% 55%;}
	.center-login-box{margin-left:8%;margin-top:40px}
} */
.ta-right {
  text-align: right;
}

/* Login */
/* Dashboard */
.x-navigation.x-navigation-horizontal {
  left: 0px;
}

.x-navigation.x-navigation-horizontal .xn-icon-button {
  width: 220px;
  height: 50px;
  overflow: hidden;
}

.page-container.page-container-wide .x-navigation.x-navigation-horizontal .xn-icon-button {
  width: 50px;
}

.x-navigation.x-navigation-horizontal .xn-icon-button > a {
  display: flex;
  padding: 15px 10px;
  text-align: left;
  font-size: 13px;
  color: #fff;
  background-color: #000000;
  text-transform: none;
  height: 100%;
  align-items: center;
}

.x-navigation.x-navigation-horizontal .xn-icon-button > a .fa {
  font-size: 14px;
  width: 20px;
}

.x-navigation.x-navigation-horizontal .xn-icon-button > a .xn-text {
  display: inline;
  width: calc(100% - 50px);
  padding-left: 10px;
}

.x-navigation.x-navigation-minimized li ul {
  top: auto;
  bottom: 0px;
}

.page-container.page-container-wide .x-navigation.x-navigation-horizontal .xn-icon-button > a .xn-text {
  display: none;
}

.x-top-backgorund {
  background: var(--main-color) !important;
  background-position: center;
}

.x-nome {
  color: #ffffff;
  font-size: 16px;
  font-family: latoBold;
  position: relative;
  padding: 13px;
  letter-spacing: 1px;
}

.xn-options {
  background-color: var(--main-color);
}

.xn-openable {
  background-color: var(--main-color);
}

li.logoSpace {
  padding: 10px 13px;
}

.logoConnect {
  background-image: url("../img/logoheads.png") !important;
  width: 132px !important;
  height: 38px;
  background-size: 132px;
  margin-top: -5px;
}

.logo-button {
  max-height: 100%;
  padding: 4px;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.page-container {
  background: #fff;
}

.page-container .page-sidebar {
  background: var(--main-color) !important;
  min-height: 100vh;
}

.page-sidebar {
  box-shadow: 0px 3px 7px 2px rgba(154, 154, 154, 0.29);
}

.row-res {
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  margin: 0;
  padding: 10px;
}

.box-titulo {
  background-color: #E9E9E9;
  margin-bottom: 0 !important;
  height: 60px;
}

.box-datas {
  background-color: #F0F0EF;
  padding-right: 13px;
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  padding: 7px;
}

.titulo-pagina {
  color: var(--main-color) !important;
  font-size: 25px;
  padding: 9px;
  margin-left: 12px;
}

/* .Dashboard */
.nopadding {
  padding: 0;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mr-3 {
  margin-right: 3px;
}

.serie.hover {
  background: var(--aux-color);
}

.filterdates.hover {
  background: var(--aux-color);
}

.type.hover {
  border-top: 2px solid var(--side-bar-hover-icons-color) !important;
  background: var(--aux-color);
}

.origin.hover {
  border-top: 2px solid var(--side-bar-hover-icons-color) !important;
  background: var(--aux-color);
}

.estado.hover {
  background: var(--aux-color);
}

.estado.hover {
  border-top: 2px solid var(--main-color)!important;
}

.estadofunil.hover {
  border-top: 2px solid var(--main-color)!important;
}
.general.hover{
  border-top: 2px solid var(--side-bar-hover-icons-color) !important;
  background: var(--aux-color);
}

.tipo.hover {
  background: var(--aux-color);
}

.btdetalhe:hover, .btedit:hover {
  border-color: var(--main-color) !important;
}

.totallista {
  display: inline-block;
  width: 25%;
  padding: 20px 0px 10px 20px !important;
  font-weight: bold;
}

.titleli {
  color: var(--main-color);
  font-size: 14px;
  white-space: nowrap;
}
.ship-addresses .titleli {
  color: var(--main-color);
  font-size: 12px;
  white-space: nowrap;
}

.descli {
  color: var(--main-color);
  font-size: 14px;
}

.newscroll {
  font-size: 14px;
  white-space: nowrap;
  color: var(--main-color);
}

.customscroll {
  margin-top: 20px;
  overflow: hidden;
  border-bottom: hidden;
}

.customscroll tbody {
  display: block;
  height: calc(100vh - var(--vhscrolltable));
  overflow: auto;
}

.customscroll thead, .customscroll tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; /* even columns width , fix width of table too*/
}

.customscroll table {
  width: 400px;
}

.customscroll tbody tr td {
  padding: 6px;
  line-height: 1.42857143;
  font-size: 13px;
  color: var(--main-color);
  border: #D9D9D9 1px solid !important;
  vertical-align: middle;
}

.customscroll_contact {
  margin-top: 20px;
  overflow: hidden;
  border-bottom: hidden;
}

.customscroll_contact tbody {
  display: block;
  overflow: auto;
}

.customscroll_contact thead, .customscroll_contact tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; /* even columns width , fix width of table too*/
}

.customscroll_contact table {
  width: 400px;
}

.customscroll_contact tbody tr td {
  padding: 8px;
  line-height: 1.42857143;
  font-size: 14px;
  white-space: nowrap;
  color: var(--main-color);
  border: #D9D9D9 1px solid !important;
  vertical-align: middle;
}

.divcon {
  border-bottom: 1px solid #ccc;
  border-radius: 0px 10px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
  border-left: 1px solid #ccc;
  margin-left: 6px;
}

.divconmg {
  margin: 30px 0px !important;
}

/* Calendario */
div.fc-row.fc-week.fc-widget-content {
  height: 13vh !important;
}

.fc-view-container {
  max-height: 100px !important;
}

.box-calendar {
  background-color: #F1F0F0;
  border-bottom: 1px solid #dbdbdb;
}

.row-botoes {
  margin-top: 15px;
  margin-bottom: 15px;
}

.btn-row {
  margin-right: 5px;
  border-radius: 5px;
  width: 60px;
  height: 30px;
  border: none;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863);
}

.btn-row i {
  font-size: 16px;
  color: white;
}

.btn-horas {
  background-color: #95B75D;
}

.btn-ferias {
  background-color: #FEA223;
}

.btn-ausencia {
  background-color: #B64645;
}

.btn-feriado {
  background-color: #3a87ad;
}

/* .fc-right .fc-button-group {
  display: none !important;
} */

/* Calendario */
.inquerito {
  border: 1px solid #D5D5D5;
  border-radius: 10px;
  max-height: 150px;
  min-height: 150px;
  overflow-y: auto;
  margin-bottom: 10px;
}

.contactos {
  overflow-y: auto;
  max-height: 180px;
}

.contactostab {
  overflow-y: auto;
  max-height: 280px;
}

.tab_min {
  min-height: 80px !important;
}

.mg10 {
  margin: 5px 0px;
}

/* Tabela */
.table-dados {
  width: 100%;
}

.box-info {
  background-color: #ECECEB;
  padding: 50px 5px 65px;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.box-info .username {
  font-size: 25px;
  font-family: latoBold;
  line-height: 25px;
}

.box-info .cargo {
  font-size: 14px;
}

.box-info .user-info-wrapper {
  padding-top: 25px;
}

.row-escolha-dia {
  background-color: #ffffff;
  margin-top: 10px;
  border-radius: 10px;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863);
}

.row-escolha-dia .column-border {
  border-right: 1px solid #ebebeb;
}

.row-escolha-dia h5 {
  font-family: latoBold;
  font-size: 25px;
  line-height: 23px;
  color: #5c5c5c;
  text-transform: uppercase;
  margin: 0;
}

.row-dia {
  background-color: #78ACD5;
  margin-top: 10px;
  border-radius: 10px;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863);
}

.row-semana {
  background-color: #32658D;
  margin-top: 10px;
  border-radius: 10px;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863);
}

.row-mes {
  background-color: #0B395D;
  margin-top: 10px;
  border-radius: 10px;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863);
}

.row-faturacao {
  background-color: #3F6E5A;
  margin-top: 10px;
  border-radius: 10px;
  box-shadow: 0px 3px 2px 0px rgba(136, 136, 136, 0.2392156863);
}

.row-desc {
  margin: 0;
  padding: 10px;
  font-size: 18px;
  color: #ffffff;
  line-height: 18px;
}

.row-desc small {
  font-size: 12px;
}

.column-border {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

/* Tabela */
.user-image {
  width: 100%;
  border: 4px solid #fff;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -webkit-border-radius: 100px;
  max-width: 110px;
}

/* Profile */
.box-password {
  background-color: #F1F0F0;
  padding: 30px;
}

.box-neutra {
  padding-right: 13px;
  height: 50px;
}

.box-input {
  background-color: #146B9D !important;
  border: none;
}

.input-group > input {
  border-radius: 5px;
}

.control-label {
  letter-spacing: 1px;
  font-size: 14px;
}

/* Profile */
.btn-days-wrapper .btn-prev-mes {
  float: left;
  width: 30px;
  padding: 0 10px;
  cursor: pointer;
  background: #fff;
  border-right: 1px solid #ebebeb;
  height: 35px;
  line-height: 35px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.btn-days-wrapper .btn-prev-mes:active, .btn-days-wrapper .btn-next-mes:active {
  background: #ebebeb;
}

.btn-days-wrapper .btn-next-mes {
  float: left;
  width: 30px;
  padding: 0 10px;
  cursor: pointer;
  background: #fff;
  height: 35px;
  line-height: 35px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.btn-days-wrapper .btn-today {
  float: left;
  padding: 0 25px;
  background: #fff;
  text-transform: uppercase;
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.fc-ltr .fc-basic-view .fc-day-number {
  padding-right: 12px;
  padding-top: 8px;
}

/* .fc-event {position: absolute; top: -22px; right: 5px; z-index: 5; width: 16px; height: 20px; border-radius: 100px; -moz-border-radius:100px; -webkit-border-radius:100px; -ms-border-radius:100px;} */
.fc-event span {
  text-align: center;
  line-height: 19px;
}

.fc-event.horas {
  background: #95B75D;
  border: 1px solid #95B75D;
}

.fc-event.ferias {
  background: #FEA223;
  border: 1px solid #FEA223;
}

.fc-event.ausencia {
  background: #B64645;
  border: 1px solid #B64645;
}

.fc-event-container {
  position: relative;
}

/*.fc-ltr .fc-basic-view .fc-day div {width: 100%; height: 100%; display: table; position: relative;}
.fc-ltr .fc-basic-view .fc-day span {color:#fff; position: absolute; z-index: 2; top:5px; right:0; width: 25px; text-align: center; }*/
.botoes-label {
  display: none;
  position: relative;
  margin: 0 5px;
  color: #fff;
  padding: 7px 15px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.botoes-label.open {
  display: inline-block;
}

.botoes-label.horas-label {
  background: #95B75D;
}

.botoes-label.horas-label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: transparent #95B75D transparent transparent;
}

.botoes-label.ferias-label {
  background: #FEA223;
}

.botoes-label.ferias-label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: transparent #FEA223 transparent transparent;
}

.botoes-label.ausencia-label {
  background: #B64645;
}

.botoes-label.ausencia-label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: transparent #B64645 transparent transparent;
}

.botoes-label.feriado-label {
  background: #3a87ad;
}

.botoes-label.feriado-label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: transparent #3a87ad transparent transparent;
}

.timeStyle {
  font-size: 18px;
  font-family: latoBold;
  text-transform: lowercase;
}

.btn-prev-dia {
  cursor: pointer;
  text-align: center;
  line-height: 65px;
  vertical-align: middle;
  border-right: 1px solid #ebebeb;
}

.btn-next-dia {
  cursor: pointer;
  text-align: center;
  line-height: 65px;
  vertical-align: middle;
}

.btn-prev-dia:active, .btn-next-dia:active {
  background: #ebebeb;
}

.nopadding {
  padding: 0 !important;
}

.fc-toolbar h2 {
  font-weight: initial;
  font-family: latoBold;
}

.user-image-list {
  width: 30px;
  height: 30px;
  margin-right: 15px;
  float: left;
  border: 4px solid #fff;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -webkit-border-radius: 100px;
  margin-top: -4px;
}

.user-info-list {
  float: left;
}

.user-info-list span {
  margin-top: 1px;
  display: block;
}

.user-info-list p {
  line-height: 6px;
  margin-top: 10px;
}

.listagem table tr td {
  border: #D9D9D9 1px solid !important;
}

.listagem table tr th {
  border: #D9D9D9 1px solid !important;
}

.listagem {
  height: calc(100vh - 110px);
  overflow: hidden;
}
.listagem.listagem2 {
  padding: 30px 20px 20px 40px;
  background-color: #fff;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.listaprodutos {
  margin-top: 20px;
  margin-left: -10px;
}

.listaprodutos .card {
  border-radius: 10px;
}

.control-label-title {
  vertical-align: super;
  font-size: 14px;
  color: var(--main-color);
}

.fontw {
  font-weight: 600;
  font-size: 20px;
}

.listaprint tr td {
  border: #D9D9D9 1px solid !important;
}

.listaprint tr th {
  border: #D9D9D9 1px solid !important;
}

.dropdown-menu > li > a {
  display: block;
  float: left;
  width: 100%;
}

.btn-select {
  background: #fff;
  height: 35px;
  overflow: hidden;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.box-datas .datepicker {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.x-navigation li > a:hover {
  background: var(--main-color);
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.x-navigation > li .side-link-button {
  padding: 15px 10px;
  text-align: center;
  float: left;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
}

.page-container.page-container-wide .x-navigation > li .side-link-button {
  display: unset;
}

.x-navigation > li .side-link-button:hover {
  background: var(--aux-color);
}

.x-navigation li.active > a .fa,
.x-navigation li.active > a .glyphicon,
.x-navigation li.active > a svg path,
.x-navigation li > a:hover:not(.x-navigation-minimize) .fa,
.x-navigation li > a:hover:not(.x-navigation-minimize) .glyphicon,
.x-navigation li > a:hover:not(.x-navigation-minimize) svg path,
.x-navigation li.active.xn-openable:before,
.x-navigation li li.xn-openable:hover:before {
  color: var(--side-bar-hover-icons-color);
  fill: var(--side-bar-hover-icons-color);
}

.x-navigation li.active > a,
.x-navigation li > a:hover:not(.x-navigation-minimize) {
  background: var(--side-bar-background-hover-color);
  color: var(--side-bar-hover-color);
}

.x-navigation > li > a {
  border-bottom: 1px solid var(--side-bar-border-color);
}

.x-navigation li > a,
.x-navigation li > a:not(.x-navigation-minimize).side-link-button span {
  transition: all 300ms ease;
}

.x-navigation li > a:hover:not(.x-navigation-minimize).side-link-button span.xn-text {
  padding-left: 15px;
}

.x-navigation > li:last-child > a {
  border-radius: 0px 0px 0px 0px;
  border-bottom: 0px;
}

.x-navigation li.x-nome > a {
  color: #ffffff;
  font-size: 13px;
  font-family: latoBold;
  position: relative;
}

.x-navigation li.x-nome > a:hover {
  color: var(--side-bar-hover-icons-color);
}

.x-navigation li.xn-openable:before {
  display: block;
  content: "\f107";
}

.x-navigation .xn-search input {
  background: #192626;
  border: 1px solid #000;
  color: #fff;
}

.x-navigation.x-navigation-horizontal .xn-search:before {
  left: 15px;
}

.x-navigation li > a .side-button svg {
  max-height: 16px;
  fill: var(--side-bar-icons-color);
}

.sr-item-title svg {
  max-height: 16px;
  fill: var(--side-bar-icons-color);
}
.menu-icons {
  height: 60px;
  width: 100%;
  overflow: hidden;
  float: left;
  transition: all 0.3s ease-in-out;
}

.menu-icons.open {
  height: auto;
  transition: all 0.3s ease-in-out;
}

.arrow-side {
  cursor: pointer;
}

.arrow-side:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
  z-index: 5;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 25px 0 25px;
  border-color: #fff transparent transparent transparent;
}

.arrow-side:hover:after {
  border-color: #e9e9e9 transparent transparent transparent;
}

.xn-user-options .side-link-button:first-child {
  padding-top: 30px !important;
}

.noresults {
  margin: 20px;
}

.paginate_button {
  cursor: pointer;
}

.btn-today {
  cursor: pointer;
}

.hide {
  display: none;
}

.nav-tabs {
  display: flex;
  align-items: flex-end;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background: var(--tabs-background-color);
  border-radius: var(--tabs-border-radius);
  box-shadow: var(--tabs-box-shadow);
  padding: 5px 10px;
  color: var(--tabs-color);
  margin-right: var(--tabs-margin-right);
  transition: all 0.1s ease;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: var(--tabs-active-background-color);
  display: flex;
  align-items: end;
  color: var(--tabs-active-color);
  border-radius: var(--tabs-active-border-radius);
}

.detail.nav-tabs > li.active > a,
.detail.nav-tabs > li.active > a:hover,
.detail.nav-tabs > li.active > a:focus {
  background: orange;
  display: flex;
  align-items: end;
  color: var(--tabs-active-color);
  border-radius: var(--tabs-active-border-radius);
}

.tab-content {
  border: 0px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1607843137);
  border-radius: 0px 0px 10px 10px;
  background-color: #fff;
  margin-left: 5px;
}

.div-card {
  border: 0px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  background-color: #fff;
  padding: 15px;
  margin: 0 20px;
  display: flex;
}

.div-card .form-group {
  width: 100%;
}

/* forçar o layout do calendário */
/* .fc .fc-button-group > *:not(:first-child) {
  margin: 0 0 0 15px !important;
} */

.fc button {
  padding: 0 1.5em !important;
}

.portrait-warning {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #232370;
  color: #fff;
  font-size: 25px;
  font-weight: 300;
  text-align: center;
  z-index: 9999;
}

.portrait-warning .icon {
  width: 100px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.order-ul {
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
}
.order-ul li {
  color: var(--main-color);
  padding: 3px 0 3px 0px;
  border-bottom: 1px solid #EFEFEF;
}

.encdetails .tabs {
  margin-top: 0px;
}
.encdetails .tabs .nav.nav-tabs {
  border-bottom: 2px solid #C3C3C3;
  padding: 0px 0px;
}
.encdetails .tabs .tab-content {
  box-shadow: none;
  border-radius: 0px;
  margin-left: 0px;
}
.encdetails .header-order > div {
  width: 20%;
  display: block;
  float: left;
}
.encdetails .header-shipments > div {
  width: 15%;
  display: block;
  float: left;
}
.encdetails .header-shipments > div > ul {
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
}
.encdetails .header-shipments > div > ul li {
  padding: 10px 0 3px 0px;
}
.encdetails .header-shipments > div > ul li.titleli {
  border-bottom: 1px solid #EFEFEF;
}
.encdetails .header-order > div > ul {
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
}
.encdetails .header-order > div > ul li {
  padding: 10px 0 3px 0px;
}
.encdetails .header-order > div > ul li.titleli {
  border-bottom: 1px solid #EFEFEF;
}
.encdetails .traking_info {
  color: inherit;
  text-decoration: underline;
}

.address-list, .address-list-onetime {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 10px;
  grid-template-areas: ".";
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .address-list, .address-list-onetime {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: ". .";
  }
}
@media (min-width: 1200px) {
  .address-list, .address-list-onetime {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: ". . .";
  }
}
.address-list .ship-addresses {
  position: relative;
  border: 1px solid #e2e2e2;
  padding: 1.5em;
}
.add-address-list .ship-addresses {
  position: relative;
  border: 1px solid #e2e2e2;
  padding: 10px 5px 20px 10px;
}
.address-list .ship-addresses button {
  font-size: 15px;
  color: #000;
  display: block;
  float: left;
  margin-right: 0.5em;
  border: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: unset;
  background-size: 15px;
}
.address-list .ship-addresses button.shipping-check {
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 1em;
  right: 0.5em;
  background-position: 100% 50%;
  background-image: url("../img/shipping-check.svg");
}
.address-list .ship-addresses button.shipping-check.checked {
  background-image: url("../img/shipping-checked.svg");
}

#addExpenses.btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 0px;
  text-align: center;
  line-height: 16px;
}

td[name=acoes] .btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 0px;
  text-align: center;
  line-height: 16px;
}

.btn.btn-condensed.addLine,
.addLine,
.btn.btn-condensed.addAddress,
.addAddress,
.btn.btn-primary#addExpenses,
#addExpenses {
  height: auto;
  width: auto;
  border: none;
  padding: 0;
  background-color: transparent;
  color: inherit;
  font-weight: 600;
}
.btn.btn-condensed.addLine .fa,
.addLine .fa,
.btn.btn-condensed.addAddress .fa,
.addAddress .fa,
.btn.btn-primary#addExpenses .fa,
#addExpenses .fa {
  border-radius: 50%;
  background: var(--main-color);
  color: white;
  width: 34px;
  height: 34px;
  padding: 0px;
  text-align: center;
  line-height: 34px;
  margin-right: 10px;
  transition: all 200ms ease;
}
.btn.btn-condensed.addLine:hover,
.addLine:hover,
.btn.btn-condensed.addAddress:hover,
.addAddress:hover,
.btn.btn-primary#addExpenses:hover,
#addExpenses:hover {
  background-color: transparent;
  color: inherit;
}
.btn.btn-condensed.addLine:hover .fa,
.addLine:hover .fa,
.btn.btn-condensed.addAddress:hover .fa,
.addAddress:hover .fa,
.btn.btn-primary#addExpenses:hover .fa,
#addExpenses:hover .fa {
  background-color: var(--aux-color);
  border-color: var(--aux-color);
}

.acoes {
  border-radius: 50%;
  background: white;
  color: var(--main-color);
  border-color: var(--main-color);
}
.acoes.btn-info:hover svg path {
  fill: #fff;
}

.timeline .timeline-item .timeline-date,
.timeline .timeline-item .timeline-item-info { padding: 5px 10px; border-radius: 6px; font-size: 12px; font-weight: unset; color: #ffffff; background: #465151; text-align: center; border: unset; box-shadow: none; }
.timeline:before { width: 1px; background: #e5e5e5; margin-left: -0.5px; border:none; }
.timeline .timeline-item .timeline-item-content { border: unset;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: unset; }
.timeline .timeline-item .timeline-item-icon {border: unset; box-shadow: unset; line-height: 40px;}
.timeline .timeline-item .text-muted { color: #777 !important; }
.file-input-wrapper {border-radius: 10px;background: #465151;color: white;}
.timeline-row{background: #eeeeee;padding: 15px;}

.btn-delete-catalog{
  border-radius:10px!important;
  float: right;
  background: white;
  color: red!important;
  width: 40px;
}

.acoesObs {
  border-radius: 50%;
  background: white;
  color: var(--main-color);
  border-color: var(--main-color);
}

.acoesRemove {
  border-radius: 50%;
  background: white;
  color: #b64645;
  border-color: #b64645;
}
.acoesRemove.btn-danger:hover svg path {
  fill: #fff;
}

.form-control.datepicker[readonly] {
  background-color: #fff;
  color: #555;
}

.breadcrumb li a.back-history {
  color: inherit;
  font-size: inherit;
  margin-right: 1rem;
}

.breadcrumb li a.back-history .fa {
  font-family: FontAwesome;
  font-weight: 100;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0, .my-0 {
  margin-top: 0 !important;
}

.mr-0, .mx-0 {
  margin-right: 0 !important;
}

.mb-0, .my-0 {
  margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3, .my-3 {
  margin-top: 1rem !important;
}

.mr-3, .mx-3 {
  margin-right: 1rem !important;
}

.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5, .my-5 {
  margin-top: 3rem !important;
}

.mr-5, .mx-5 {
  margin-right: 3rem !important;
}

.ml-5, .mx-5 {
  margin-left: 3rem !important;
}

.mt-6, .my-6 {
  margin-top: 6rem !important;
}
.no-wrap {
  white-space: normal !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.row-flex-2 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.row-flex-2 .col,
.row-flex-2 .col-1,
.row-flex-2 .col-10,
.row-flex-2 .col-11,
.row-flex-2 .col-12,
.row-flex-2 .col-2,
.row-flex-2 .col-3,
.row-flex-2 .col-4,
.row-flex-2 .col-5,
.row-flex-2 .col-6,
.row-flex-2 .col-7,
.row-flex-2 .col-8,
.row-flex-2 .col-9,
.row-flex-2 .col-auto,
.row-flex-2 .col-lg,
.row-flex-2 .col-lg-1,
.row-flex-2 .col-lg-10,
.row-flex-2 .col-lg-11,
.row-flex-2 .col-lg-12,
.row-flex-2 .col-lg-2,
.row-flex-2 .col-lg-3,
.row-flex-2 .col-lg-4,
.row-flex-2 .col-lg-5,
.row-flex-2 .col-lg-6,
.row-flex-2 .col-lg-7,
.row-flex-2 .col-lg-8,
.row-flex-2 .col-lg-9,
.row-flex-2 .col-lg-auto,
.row-flex-2 .col-md,
.row-flex-2 .col-md-1,
.row-flex-2 .col-md-10,
.row-flex-2 .col-md-11,
.row-flex-2 .col-md-12,
.row-flex-2 .col-md-2,
.row-flex-2 .col-md-3,
.row-flex-2 .col-md-4,
.row-flex-2 .col-md-5,
.row-flex-2 .col-md-6,
.row-flex-2 .col-md-7,
.row-flex-2 .col-md-8,
.row-flex-2 .col-md-9,
.row-flex-2 .col-md-auto,
.row-flex-2 .col-sm,
.row-flex-2 .col-sm-1,
.row-flex-2 .col-sm-10,
.row-flex-2 .col-sm-11,
.row-flex-2 .col-sm-12,
.row-flex-2 .col-sm-2,
.row-flex-2 .col-sm-3,
.row-flex-2 .col-sm-4,
.row-flex-2 .col-sm-5,
.row-flex-2 .col-sm-6,
.row-flex-2 .col-sm-7,
.row-flex-2 .col-sm-8,
.row-flex-2 .col-sm-9,
.row-flex-2 .col-sm-auto,
.row-flex-2 .col-xl,
.row-flex-2 .col-xl-1,
.row-flex-2 .col-xl-10,
.row-flex-2 .col-xl-11,
.row-flex-2 .col-xl-12,
.row-flex-2 .col-xl-2,
.row-flex-2 .col-xl-3,
.row-flex-2 .col-xl-4,
.row-flex-2 .col-xl-5,
.row-flex-2 .col-xl-6,
.row-flex-2 .col-xl-7,
.row-flex-2 .col-xl-8,
.row-flex-2 .col-xl-9,
.row-flex-2 .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
.row-flex-2 .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-flex-2 .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.row-flex-2 .col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.row-flex-2 .col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.row-flex-2 .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-flex-2 .col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row-flex-2 .col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.row-flex-2 .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-flex-2 .col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.row-flex-2 .col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.row-flex-2 .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.row-flex-2 .col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.row-flex-2 .col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.row-flex-2 .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .row-flex-2 .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-flex-2 .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .row-flex-2 .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .row-flex-2 .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .row-flex-2 .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-flex-2 .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-flex-2 .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .row-flex-2 .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-flex-2 .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .row-flex-2 .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .row-flex-2 .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row-flex-2 .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .row-flex-2 .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .row-flex-2 .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .row-flex-2 .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-flex-2 .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .row-flex-2 .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .row-flex-2 .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .row-flex-2 .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-flex-2 .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-flex-2 .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .row-flex-2 .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-flex-2 .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .row-flex-2 .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .row-flex-2 .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row-flex-2 .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .row-flex-2 .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .row-flex-2 .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .row-flex-2 .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-flex-2 .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .row-flex-2 .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .row-flex-2 .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .row-flex-2 .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-flex-2 .col-lg-3_5 {
    flex: 0 0 29%;
    max-width: 29%;
  }
  .row-flex-2 .col-lg-1_5 {
    flex: 0 0 12%;
    max-width: 12%;
  }
  .row-flex-2 .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-flex-2 .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .row-flex-2 .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-flex-2 .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .row-flex-2 .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .row-flex-2 .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row-flex-2 .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .row-flex-2 .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .row-flex-2 .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .row-flex-2 .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-flex-2 .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .row-flex-2 .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .row-flex-2 .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .row-flex-2 .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-flex-2 .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-flex-2 .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .row-flex-2 .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-flex-2 .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .row-flex-2 .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .row-flex-2 .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row-flex-2 .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .row-flex-2 .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .row-flex-2 .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .row-flex {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
  .justify-content-end {
    justify-content: flex-end !important;
  }
  .justify-content-center {
    justify-content: center !important;
  }
  .justify-content-between {
    justify-content: space-between !important;
  }
  .row-flex > [class^=col-] {
    float: unset;
  }
  .row-flex .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-flex .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .row-flex .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .row-flex .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .row-flex .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-flex .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-flex .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .row-flex .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-flex .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .row-flex .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .row-flex .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .row-flex .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .row-flex .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .row-flex .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .btdetalhe .fa-eye, .btdetalhe .fa-file, .btedit .fa-edit {
    font-size: 20px;
  }
  .w-130px {
    max-width: 130px;
  }
  .maintenance-popup .popup-content {
    padding: 0px 10px 0px 10px !important;
  }
  .fc .fc-toolbar > * > .fc-today-button {
    margin-left: 2em !important;
  }
  .page-content {
    height: 100vh !important;
  }
  .calendar {
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
  [class^=col-xs-], [class^=col-sm-], [class^=col-md-], [class^=col-lg-] {
    margin-bottom: 0;
  }
  .row-desc {
    max-width: 170px;
    min-width: 100px;
  }
  .row-escolha-dia h5 {
    font-size: 22px;
  }
  .font15 {
    font-size: 13px;
  }
  .row-escolha-dia .column-border {
    min-height: 65px;
  }
  .margin-grid-top {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  [class^=col-xs-], [class^=col-sm-], [class^=col-md-], [class^=col-lg-] {
    margin-bottom: 0;
  }
  .row-escolha-dia .column-border {
    min-height: 65px;
  }
  .row-escolha-dia h5 {
    font-size: 18px;
  }
  .font15 {
    font-size: 13px;
  }
  .row-desc {
    max-width: 150px;
    min-width: 100px;
  }
  .box-datas {
    height: 170px;
  }
  /*	.x-navigation{max-height: 130px}
  	.x-navigation.x-navigation-panel{height: 130px}*/
  .x-navigation.x-navigation-horizontal li {
    float: left !important;
  }
  .x-navigation.x-navigation-horizontal li.pull-right.last{
    float: right !important;
  }
  .box-info {
    padding-top: 20px;
  }
  
}
@media (max-width: 320px) {
  .row-desc {
    max-width: 110px;
    min-width: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-container .page-sidebar {
    min-height: auto;
    width: 100%;
  }
  .logo-button {
    width: auto;
    height: 50px;
  }
  .x-navigation > li .side-link-button {
    text-align: left;
    padding-left: 25px;
  }
  .side-link-button span {
    display: inline-block;
    text-transform: uppercase;
    color: #146B9D;
    margin-left: 10px;
  }
  .arrow-side::after {
    display: none;
  }
  .xn-user-options .side-link-button:first-child {
    padding-top: 15px !important;
  }
}
/* @media (orientation: portrait) {
  .portrait-warning {display:flex;}  
} *//*# sourceMappingURL=portal.css.map */

.ul-dashboard{
  width: 25%;
} 
.ul-selects{
  width: 75%;
}
@media (max-width: 768px) {
  .ul-dashboard{
    width: 100%;
  }
  .ul-dashboard li h4{ 
    padding-left:15px !important; 
    padding-right:15px !important;
  }

  .ul-selects{
    width: 100%;
    height:unset;
  }
  .dashboard{
    width:100%; 
    height:unset;
  }
}