:root {
  --border-radius-form: 5px;
}
* {
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body {
  background-color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  padding: 0;
  width: 100%;
  background-size: cover !important;
  color: #2c3136;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  cursor: pointer !important;
}
button {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 400;
}
.containerFluid {
  width: 100%;
  width: -webkit-fill-available !important;
  width: -moz-available !important;
  width: fill-available !important;
}
.container {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
}
.pullRight {
  float: right;
}
.pullLeft {
  float: left;
}
.section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.section .left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.section .right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
a {
  transition: all ease 0.3s;
}
a:hover {
  transition: all ease 0.3s;
}
.btn {
  color: #2c3136;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  padding: 6px 22px 6px 15px;
  display: flex;
  gap: 7px;
  font-size: 15px;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all ease 0.3s;
  text-align: center;
  width: fit-content;
}
.btn span,
.btn .icon,
.btn i {
  pointer-events: none;
}
.btn.spaceLeft {
  margin-left: 7px;
}
.btn.spaceRight {
  margin-right: 7px;
}
.btn:hover {
  transition: all ease 0.3s;
  background-color: #ededed;
}
.btn:focus {
  transition: all ease 0.3s;
  border: 1px solid rgba(37, 213, 163, 0.9) !important;
  outline: 1px solid rgba(37, 213, 163, 0.9) !important;
}
.btn.disabled {
  opacity: 0.7;
  pointer-events: none;
  user-select: none;
  border: 1px solid #e0e0e0 !important;
  background: #e0e0e0;
  color: var(--color--input-placeholder);
}
.btn.btnResponsive {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}
.btn.btnDefault {
  border: 1px solid #e0e0e0;
  background: #e0e0e0;
  color: #2c3136;
}
.btn.btnDefault:hover {
  border-color: #d1d2d4;
}
.btn.btnPrimary {
  background-color: #3369e7;
  color: #ffffff;
}
.btn.btnPrimary:hover {
  color: #ffffff;
  background-color: #4674de;
}
.btn.btnPrimary.disabled {
  border: 1px solid #3369e7;
  background: #e0e0e0;
  color: var(--color-white);
  opacity: 0.8;
  pointer-events: none;
  user-select: none;
}
.btn.btnPrimary.disabled:focus {
  border: 1px solid var(--color-line) !important;
  outline: 1px solid var(--color-line) !important;
  color: var(--color-line) !important;
}
.btn.btnInfo {
  background-color: #00aeff;
  color: #ffffff;
}
.btn.btnInfo:hover {
  color: #ffffff;
  background-color: #1e90ff;
}
.btn.btnSuccess {
  background: #14d689 !important;
  color: #ffffff !important;
}
.btn.btnSuccess:hover {
  background-color: #11b671 !important;
}
.btn.btnWarning {
  background-color: #ffc168;
  color: #ffffff;
}
.btn.btnWarning:hover {
  background-color: #fe3535;
}
.btn.btnDelete:hover {
  color: #fe3535;
}
.btn.btnDanger {
  background-color: #fe3535;
  color: #ffffff;
}
.btn.btnDanger:hover {
  background-color: #b52828;
}
.btn.btnFull {
  background: transparent !important;
  border: 1px solid #d1d2d4 !important;
}
.btn.btnFull:hover {
  background-color: #dedee9 !important;
  color: #2c3136 !important;
  text-decoration: none !important;
}
.btn.btnFull.disabled {
  background-color: var(--color-btn-disabled) !important;
  border-color: var(--color-btn-disabled);
  color: #2c3136;
  cursor: not-allowed;
}
.btn.btnLink {
  background: transparent;
  border-color: transparent;
  text-decoration: underline !important;
}
.btn.btnLink:hover {
  text-decoration: underline !important;
}
.btn.btnBackPage {
  margin-top: 70px;
  display: inline-block;
  margin: 100px 20px 20px;
}
.btn.btnBackPage .icon {
  border: 1.3pt solid #bfc7c6;
  color: #bfc7c6;
  background: #ffffff;
  font-size: 16px;
  padding: 10px 8px 8px 7px;
  border-radius: 30px;
}
.btn.btnLg {
  font-size: 18px;
  padding: 8px 15px;
}
.btn.btnBig {
  font-size: 21px;
  padding: 10px 15px;
}
.btn.btnSmall {
  font-size: 14px !important;
  padding: 6px 10px !important;
}
.btn.btnMini {
  font-size: 13px !important;
  padding: 3px 10px !important;
}
.btn.btnMini.btnIcon {
  padding: 4px 4px !important;
  border: 1px solid #a5a6ad;
}
.btn.btnMini.btnIcon .icon {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px !important;
}
.btn.btnMini.btnIcon:hover {
  color: var(--color-primary);
}
.btn.btnMini.btnIcon:focus {
  border-color: transparent !important;
}
.btn.btnHiperMini {
  font-size: 12px !important;
  padding: 0px 5px !important;
}
.btn.btnIconRight {
  padding-right: 30px !important;
  padding-left: 15px !important;
  text-align: left;
  text-decoration: none !important;
}
.btn.btnIconRight .icon {
  position: absolute;
  right: 10px;
  left: auto !important;
}
.btn.btnIconLeft {
  padding-right: 15px !important;
  padding-left: 30px !important;
  text-align: right;
  text-decoration: none !important;
}
.btn.btnIconLeft .icon {
  position: absolute;
  left: 10px;
  right: auto !important;
}
.btn.btnIcon {
  background: transparent;
  font-size: 18px;
  padding: 5px;
}
.btn.btnIcon.btnSmall {
  font-size: 17px !important;
}
.btn.btnIcon .icon {
  color: var(--color-close-modal);
}
.btn.btnIcon:hover {
  color: var(--color-black);
}
.btn.btnIcon:hover .icon {
  color: var(--color-primary);
}
.btn.btnIcon:focus {
  border-color: transparent !important;
  outline-color: transparent !important;
}
.btn .icon-loading {
  -webkit-animation: 2s rotate linear infinite;
  animation: 2s rotate linear infinite;
  -webkit-transform-origin: 15% 50%;
  transform-origin: 50% 50%;
  /* left                 : 5px !important; */
  /* width                : 20px; */
  /* height               : 20px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn .icon-loading::before {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.btn.btnBold {
  font-weight: 500;
}
.btn.btnCenter {
  justify-content: center;
}
.btn.btnSelection {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.btnSelection:hover {
  background-color: var(--color-btn-hover) !important;
  color: var(--color-white) !important;
}
.btn.btnSwitch {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  background-color: transparent;
  transition: all ease 0.3s;
}
.btn.btnSwitch:hover {
  transition: all ease 0.3s;
}
.btn.btnSwitch:hover label {
  opacity: 1;
}
.btn.btnSwitch:hover .switch {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
}
.btn.btnSwitch[value="1"] .switch {
  background-color: var(--color-btn-hover-light);
  border: 1px solid #CADDF4;
}
.btn.btnSwitch[value="1"] .switch .icon {
  color: var(--color-primary);
  right: 1px;
  left: auto;
}
.btn.btnSwitch label {
  opacity: 0.8;
}
.btn.btnSwitch .switch {
  position: relative;
  border: 1px solid var(--color-line);
  background-color: var(--color-white);
  height: 17px;
  width: 34px;
  border-radius: 20px;
}
.btn.btnSwitch .switch .icon {
  position: absolute;
  font-size: 15px;
  top: 1px;
  left: 1px;
  color: var(--color-text);
  opacity: 0.9;
}
.col5w {
  width: 4% !important;
}
.col10w {
  width: 10% !important;
}
.col15w {
  width: 15% !important;
}
.col20w {
  width: 20% !important;
}
.col25w {
  width: 25% !important;
}
.col30w {
  width: 35% !important;
}
.col35w {
  width: 30% !important;
}
.col33w {
  width: 33% !important;
}
.col40w {
  width: 40% !important;
}
.col45w {
  width: 45% !important;
}
.col50w {
  width: 49.5% !important;
}
.col55w {
  width: 45% !important;
}
.col60w {
  width: 60% !important;
}
.col65w {
  width: 65% !important;
}
.col70w {
  width: 70% !important;
}
.col75w {
  width: 75% !important;
}
.col80w {
  width: 80% !important;
}
.col85w {
  width: 85% !important;
}
.col90w {
  width: 90% !important;
}
.col95w {
  width: 95% !important;
}
.col100w {
  width: 100% !important;
}
.badge {
  padding: 4px 6px;
  font-size: 12px;
  line-height: 1;
  color: var(--color-white);
  border-radius: 10px;
}
.badge.badgePill {
  border-radius: 20px;
}
.badge.badgeDefault {
  background-color: var(--color-default);
  color: var(--color-text);
}
.badge.badgePrimary {
  background-color: var(--color-primary);
}
.badge.badgeSuccess {
  background-color: var(--color-success);
}
.badge.badgeInfo {
  background-color: var(--color-info);
}
.badge.badgeWarning {
  background-color: var(--color-warning);
}
.badge.badgeDanger {
  background-color: var(--color-danger);
}
.flexLineEnd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.searchBox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.searchBox .innerSearch {
  border: 1px solid #d1d2d4;
  border-radius: 5px;
}
.searchBox .icon {
  position: absolute;
  left: 7px;
  top: 7px;
}
.searchBox input {
  border: 0;
  border-radius: 5px;
  padding: 5px 15px 5px 30px;
}
.boxBtnSlit {
  display: flex;
  position: relative;
  align-items: center;
}
.boxBtnSlit .btn:nth-child(1) {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boxBtnSlit .btn:nth-child(2) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 8px 10px 7px 10px !important;
}
.boxBtnSlit .btnSlit.on {
  background-color: #3369e7 !important;
  color: var(--color-primary);
  border-bottom-right-radius: 0px;
  border-color: #3369e7;
}
.boxBtnSlit .slitMenu {
  min-width: 120px;
  position: fixed;
  display: flex;
  background: #ffffff;
  border-radius: 5px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  z-index: 1000;
  overflow: hidden;
  height: 0;
  opacity: 0;
  top: 0;
  left: 0;
  flex-direction: column;
}
.boxBtnSlit .slitMenu:nth-child(1) {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boxBtnSlit .slitMenu ul {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  margin: 0;
}
.boxBtnSlit .slitMenu ul li {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  margin: 0;
}
.boxBtnSlit .slitMenu a {
  font-size: 14px !important;
  text-align: left;
  min-height: 19px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}
.boxBtnSlit .slitMenu.slitMenuDown {
  top: 30px;
  right: 0px;
  border-top-right-radius: 0px;
}
.boxBtnSlit .slitMenu.on {
  opacity: 1;
  height: auto;
  padding: 0px;
  background-color: white;
}
.boxBtnSlit .slitMenu.on.slitMenuDown {
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
}
.animated.fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.animated.enlarge {
  -webkit-animation: 2s enlarge linear;
  animation: 2s enlarge linear;
}
.disabled {
  opacity: 0.7;
  pointer-events: none;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes enlarge {
  from {
    height: 1px !important;
    max-height: 1px !important;
    min-height: 1px !important;
  }
  to {
    height: auto;
    max-height: auto;
    min-height: auto;
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
input[type="text"],
input[type="password"] {
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:-moz-placeholder {
  color: var(--color--input-placeholder);
  font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 400;
}
::-webkit-input-placeholder {
  color: var(--color--input-placeholder);
  font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 400;
}
::-moz-placeholder {
  color: var(--color--input-placeholder);
  font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 400;
}
:-ms-input-placeholder {
  color: var(--color--input-placeholder);
  font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 400;
}
::-webkit-scrollbar {
  width: 0px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.scrollBar::-webkit-scrollbar-track {
  width: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* Handle */
.scrollBar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #dadbe5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}
.scrollBar::-webkit-scrollbar-thumb:window-inactive {
  background: #dadbe5;
}
a .icon,
button .icon {
  pointer-events: none;
}
textarea:focus,
input:focus,
*:focus {
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
input:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
  background-color: yellow !important;
}
input:-webkit-autofill {
  -webkit-appearance: menulist-button;
  background-color: yellow !important;
}
a,
input,
button {
  text-decoration: none !important;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
  transition: all 5000s ease-in-out 0s;
}
.divisor {
  width: 100%;
  display: flex;
}
.divisor .linea {
  width: 45%;
  border-top: 1px solid #e6e1e1;
  margin-top: 10px;
}
.divisor .centro {
  text-align: center;
  color: #ccc;
  width: 10%;
}
.loading {
  width: 36px;
  height: 36px;
  left: 50%;
  top: 20px;
  margin-left: -17px;
  opacity: 1;
  position: relative;
  background: url(../../img/loading.svg) no-repeat center center;
  background-size: contain;
  z-index: 100;
  transition: all ease 0.2s;
}
.loading.off {
  transition: all ease 0.2s;
  opacity: 0;
  top: -2260px;
  position: absolute;
}
.loading.txt span {
  color: #ffffff;
  position: absolute;
  top: 40px;
  left: -8px;
  color: #2c3136;
}
.loading.loading-fluid {
  width: 100%;
  position: absolute;
  height: 100%;
  background-color: rgba(21, 21, 21, 0.65);
  left: 0;
  top: 0;
  background-size: 50px;
  margin-left: 0px;
}
.loading.loadingFluid {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 50px;
  margin-left: 0px;
}
.loading.loadingFluidTop {
  width: 100%;
  position: relative;
  height: -webkit-fill-available;
  min-height: 145px;
  left: 0;
  top: 0;
  background-size: 40px;
  background-position-y: 0px;
  margin-left: 0px;
}
/* Alert */
.alert {
  border: none;
  padding: 15px 20px;
  color: #ffffff;
  font-size: 110%;
  line-height: 145%;
  display: flex;
}
.alert > a {
  color: #ffffff;
}
.iconDanger {
  color: #fe3535;
}
.iconSuccess {
  color: #52c41a;
}
.iconWarning {
  color: #f89406;
}
.iconPrimary {
  color: #5b85de;
}
.iconInfo {
  color: #5bc0de;
}
.bgDanger {
  background-color: #fe3535;
}
.bgSuccess {
  background-color: #52c41a;
}
.bgInfo {
  background-color: #5bc0de;
}
.bgWarning {
  background-color: #f89406;
}
.bgPrimary {
  background-color: #5b85de;
}
.alertDanger {
  background-color: #f44336;
  border-radius: 5px;
  color: #ffffff;
  box-shadow: 0 0 7px 2px rgba(151, 102, 38, 0.25);
}
.alertSuccess {
  background-color: var(--color-success);
  border-radius: var(--color-success);
  color: #ffffff;
  box-shadow: 0 0 7px 2px rgba(151, 102, 38, 0.25);
}
.alertWarning {
  background: #ff9800;
  color: #ffffff;
  box-shadow: 0 0 7px 2px rgba(151, 102, 38, 0.25);
}
.alertInfo {
  background: #00bcd4;
  color: #ffffff;
  box-shadow: 0 0 7px 2px rgba(55, 132, 152, 0.25);
}
.space1w {
  width: 4% !important;
}
.space2w {
  width: 14% !important;
}
.space3w {
  width: 23% !important;
}
.space4w {
  width: 33% !important;
}
.space5w {
  width: 43% !important;
}
.space6w {
  width: 47.5% !important;
}
.space7w {
  width: 53% !important;
}
.space8w {
  width: 63% !important;
}
.space9w {
  width: 73% !important;
}
.space10w {
  width: 83% !important;
}
.space11w {
  width: 93% !important;
}
.space12w {
  width: 98% !important;
}
.boxAlert {
  position: fixed;
  margin: 0px;
  z-index: 1300;
  max-width: 340px;
  height: auto;
  display: flex;
  flex-direction: column;
}
.boxAlert.bottom-left {
  bottom: 20px;
  right: 20px;
}
.boxAlert.top-left {
  top: 50px;
  right: 20px;
}
.boxAlert .alert {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  position: relative;
  margin: 0px 0px 6px 0px;
  z-index: 200;
  height: auto;
  min-height: 28px;
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  box-shadow: 0 0 7px 2px rgba(86, 118, 154, 0.25);
  display: flex;
  align-items: flex-start;
  margin-left: 15px;
}
.boxAlert .alert.bottom-left {
  bottom: 20px;
  right: 20px;
}
.boxAlert .alert.top-left {
  top: 70px;
  right: 20px;
}
.boxAlert .alert.success {
  background: #52c41a;
  color: #ffffff;
  box-shadow: 1px 1px 3px rgba(86, 118, 154, 0.25);
}
.boxAlert .alert.warning {
  background: #f89406;
  color: #ffffff;
  box-shadow: 1px 1px 3px rgba(151, 102, 38, 0.25);
}
.boxAlert .alert.danger {
  background: #fe3535;
  color: #ffffff;
  box-shadow: 1px 1px 3px rgba(150, 27, 27, 0.25);
}
.boxAlert .alert.info {
  background: #5bc0de;
  color: #ffffff;
  box-shadow: 1px 1px 3px rgba(55, 132, 152, 0.25);
}
.boxAlert .alert .icon {
  font-size: 24px;
  display: inline-block;
  margin-right: 10px;
}
.loadingPageModule {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background-color: #ffffff;
}
.loadingPageModule .loadingBar {
  width: 0;
  height: 5px;
  background-color: #22b5ff;
}
.message {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}
.message.messageSuccess,
.message .messageSuccess {
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 5px;
  background-color: #0ecc4b;
}
.message.messageCenter,
.message .messageCenter {
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 5px;
  text-align: center;
}
.message.messageWarning,
.message .messageWarning {
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 5px;
  background-color: #fdf2b0;
}
.message.messageDanger,
.message .messageDanger {
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 5px;
  background-color: #fab3b3;
}
.message.messageInfo,
.message .messageInfo {
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 5px;
  background-color: #d8e7f0;
}
.message.messagePrimary,
.message .messagePrimary {
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 5px;
  background-color: #8bd4ff;
}
.message.messageAlert,
.message .messageAlert {
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 5px;
  background-color: #ffb8b8;
}
@keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.boxCountries {
  min-width: 300px;
  max-height: 200px;
  overflow: auto;
  position: absolute !important;
  background: white;
  border: 1px solid #d1d2d4;
  border-radius: 5px;
  box-shadow: 1px 1px 4px #bfc3c5;
  padding-top: 45px;
  padding-bottom: 5px;
  display: none;
  z-index: 10;
}
.boxCountries.on {
  display: inline-block;
}
.boxCountries .inputSearchCountry {
  position: absolute;
  top: 7px;
  left: 7px;
  padding: 7px 10px;
  width: 88%;
  border: 1px solid #d1d2d4;
  border-radius: 4px;
  font-size: 15px;
}
.boxCountries .listCountries {
  display: flex;
  flex-direction: column;
  max-height: 290px;
  overflow-y: auto;
}
.boxCountries .listCountries.on .dialCode {
  display: inline-block !important;
}
.boxCountries .listCountries .btnCodeCountry {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.boxCountries .listCountries .btnCodeCountry.active {
  opacity: 0.5;
  pointer-events: none;
}
.boxCountries .listCountries .btnCodeCountry .dialCode {
  display: none;
}
.boxCountries .listCountries .btnCodeCountry .name {
  margin-left: 5px;
  font-size: 14px;
  height: 16px;
  overflow: hidden;
}
.hide {
  display: none !important;
}
.fc-state-default {
  background-image: none !important;
  border-color: #e6e6e6 !important;
}
.fc-state-active {
  box-shadow: none !important;
  text-shadow: none !important;
  background-color: #e4e7f3;
  border-color: #e4e7f3;
}
.boxColumn {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  height: 100vh;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--color-line-soft);
}
.boxColumn.boxColumn200w {
  width: 200px;
}
.boxColumn.boxColumn300w {
  width: 300px;
}
.boxColumn.boxColumn400w {
  width: 400px;
}
.boxColumn.boxColumnWhite {
  background-color: var(--color-white);
}
.boxColumn .head {
  display: flex;
  padding: 7px 10px 6px 10px;
  background: var(--color-sidebar);
  border-bottom: 1px solid var(--color-line-soft);
  justify-content: space-between;
  align-items: center;
}
.boxColumn .head label {
  font-size: 14px;
}