@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap');

/* NORMALIZE */
html{line-height:1.15;-webkit-text-size-adjust:100%;height:100%;}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6,address,p,label,small,span,ul,ol,li,dl{margin:0px;padding:0px;display:inline-block;list-style:none;line-height:normal;}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.row{width:100%;margin:0px;padding:0px;}.form-control{color:#000;box-shadow:none;border:none;}
body{position:relative;font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;background-color:#FFFFFF;font-size:12px;color:#4b4f56;overflow-x: hidden;width:100%;height:100%;}
*{-webkit-box-sizing:border-box;border-sizing:border-box;}
div:focus,div:active,a:focus,a:active{outline:none!important;}
.left{text-align:left!important;}
.center{text-align:center!important;}
.right{text-align:right!important;}
tr.collapse.in{display:table-row;}
tbody.collapse.in{display:table-row-group;}
select, select.form-control{cursor:pointer;}
textarea.medium{min-height:100px!important;}
textarea.long{min-height:300px!important;}
iframe{border:none;border-radius:10px;}
a{
  color:#337ab7;
  text-decoration:none!important;
  cursor:pointer;
}
::-webkit-scrollbar-track{
  background-color:#dce1e9;
}
::-webkit-scrollbar{
  width:8px;
  height:8px;
}
::-webkit-scrollbar-thumb{
  background-color:rgba(24,26,85,.5);
}
/* NORMALIZE */

/* ANIMACIONES */
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;}
.fade.in{opacity:1;}
.collapse{display:none;}
.collapse.in{display:block;}
.no-padding{padding:0px!important;}
/* VISIBILIDAD Y EXTENSIONES */
.hidden{
  display:none!important;
  visibility:hidden!important;
}
@media (max-width:768px){
  .hidden-xs{
    display:none!important;
    visibility:hidden!important;
  }
}
@media (min-width:768px){
  .hidden-lg{
    display:none!important;
    visibility:hidden!important;
  }
}
.extended{
  width:100%!important;
  flex-basis:100%!important;
  margin:0px!important;
  padding:0px!important;
}
.show{
  display:flex!important;
  visibility:visible!important;
  -webkit-animation-duration:1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn;
}
.hidden-right{
  display:none!important;
  visibility:hidden!important;
  -webkit-animation-duration:1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut;
}
.show-right{
  display:flex!important;
  visibility:visible!important;
  -webkit-animation-duration:1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name:fadeInRight;
  animation-name:fadeInRight;
}
/* VISIBILIDAD Y EXTENSIONES */

/* BOTONES */
.btn{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;
  width:auto;
  height:30px;
  color:#1a73e8;
  font-size:10px;
  line-height:18px;
  font-weight:500!important;
  text-align:center;
  outline:none;
  white-space:nowrap;
  margin:0px;
  padding:5px 10px;
  cursor:pointer;
  user-select:none;
  background:#FFFFFF;
  border:#1a73e8 solid 1px;
  border-radius:3px;
  text-transform:uppercase;
  touch-action:manipulation;
}
.btn i{
  margin:0px 5px;
}
.btn .caret{
  margin-left:5px;
  border-top:4px dashed;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  color:#1a73e8;
}
.btn-blue .caret{
  color:#FFFFFF!important;
}
.btn:hover,
.btn:focus,
.btn:active{
  opacity:0.75!important;
  color:#1a73e8!important;
}
.btn.active{
  background:whitesmoke;
  box-shadow:inset 0 3px 5px rgba(0,0,0,.125)!important;
}
/* Agrupadores de botones */
.btn-wrapper,
.btn-group{
  position:relative;
  display:inline-flex;
  flex-direction:row;
  width:auto;
  height:auto;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
}
.btn-wrapper{
  width:100%;
}
.btn-lg,
.btn-group-lg{
  width:100%!important;
}
.btn-wrapper .btn-group .btn{
  border-left:none;
  border-right:none;
  border-radius:0px;
}
.btn-wrapper > .btn-group:first-child > .btn{
  border-top-right-radius:0px!important;
  border-bottom-right-radius:0px!important;
  border-top-left-radius:15px!important;
  border-bottom-left-radius:15px!important;
  border-right:none;
  border-left:#1a73e8 1px solid;
  margin:0px;
}
.btn-wrapper > .btn-group:last-child > .btn{
  border-top-right-radius:15px!important;
  border-bottom-right-radius:15px!important;
  border-top-left-radius:0px!important;
  border-bottom-left-radius:0px!important;
  border-left:none;
  border-right:#1a73e8 1px solid;
  margin:0px;
}
.btn-wrapper .btn-group:only-child .btn{
  border-radius:3px!important;
  border:#1a73e8 1px solid!important;
}
.btn-preview{
  position:absolute;
  bottom:7px;
  right:60px;
  font-size:8px;
  text-transform:uppercase;
  border:#1a73e8 1px solid;
  color:#1a73e8;
  background:#FFFFFF;
  height:20px;
  padding:5px 10px;
  border-radius:30px;
}
/* Agrupadores de botones */

/* Botón circular */
.btn-circle{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  background:#1a73e8!important;
  width:30px!important;
  height:30px!important;
  padding:0px!important;
  margin:0px!important;
  color:#FFFFFF!important;
  border-radius:50%!important;
  -webkit-border-radius:50%!important;
  -moz-border-radius:50%!important;
  -o-border-radius:50%!important;
  transition: all 800ms ease-in-out!important;
}
.btn-circle i{
  color:#FFFFFF!important;
}
.btn-circle:hover{
  -ms-transform: rotate(360deg)!important;
  -webkit-transform: rotate(360deg)!important; /* Chrome, Safari, Opera */
  transform: rotate(360deg)!important;
}
/* Botón circular */
/* Botón circular pequeño */
.btn-circle.btn-sm{
  background:transparent!important;
  width:20px!important;
  height:20px!important;
  color:#7e7e7e!important;
  font-size:7px!important;
  border:1px solid #7e7e7e!important;
  transition:none!important;
}
.btn-circle.btn-sm i{
  color:#7e7e7e!important;
}
.btn-circle.btn-sm:hover{
  background: #f9424b!important;
  border-color: #f9424b!important;
}
.btn-circle.btn-sm:hover i{
  color:#FFFFFF!important;
}
/* Botón circular pequeño */
/* Botones de selección */
.btn-select{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:auto;
  height:20px;
  padding:0px 7px;
  border-radius:30px!important;
  border:none;
  color:#f9424b!important;
  font-size:8px;
  line-height:normal;
  font-weight:500;
  background:#FFFFFF;
  text-transform:uppercase;
  border:solid 1px #f9424b!important;
}
.btn-select i{
  margin-right:5px;
}
.btn-group:not(:first-child) .btn-select,
.btn-group:not(:last-child) .btn-select{
  border-radius:0px!important; 
  border-right:none!important;
  padding:5px 7px;
}
.btn-wrapper .btn-group:first-child .btn-select{
  border-right:0px!important;
  border-left:solid 1px #f9424b!important;
  border-top-left-radius:30px!important; 
  border-bottom-left-radius:30px!important; 
  border-top-right-radius:0px!important; 
  border-bottom-right-radius:0px!important; 
}
.btn-wrapper .btn-group:last-child .btn-select{
  border-right:solid 1px #f9424b!important;
  border-top-right-radius:30px!important; 
  border-bottom-right-radius:30px!important; 
  border-top-left-radius:0px!important; 
  border-bottom-left-radius:0px!important; 
}
.btn-wrapper .btn-group .btn-select.bg-red{
  border-color:#c53929!important;
}
.btn-wrapper .btn-group .btn-select.bg-green{
  border-color:#34a853!important;
}
.btn-wrapper .btn-group .btn-select.active{
  background:#f9424b!important;
  box-shadow:none!important;
  color:#FFFFFF!important;
  font-weight:600!important;
}
.btn-wrapper .btn-group:only-child .btn-select,
.btn-wrapper .btn-group:only-child .btn-select:only-child{
  border:solid 1px #f9424b!important;
  border-radius:30px!important; 
}
a.btn-lg.btn-dashed{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  width:100%;
  justify-content:center;
  align-items:center;
  padding:15px;
  border:#1a73e8 dashed 1px;
  border-radius:3px;
  font-weight:400;
  text-transform:uppercase;
}
a.btn-lg.btn-dashed:hover{
  opacity:0.5;
}
/*.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group{margin-left:-1px;}*/

/* Menú flotante */
.menu-actions{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:auto;
  height:auto;
  position:absolute;
  top:5px;
  right:5px;
}
.menu-actions.sm{
  top:10px!important;
}
.side-1 .menu-actions{
  top:15px;
  right:15px;
}
.menu-actions .btn-wrapper,
.menu-actions .btn-wrapper .btn-group{
  width:100%;
}
.menu-actions .btn-wrapper .btn-group .btn-circle i{
  color:#FFFFFF!important;
}
.menu-actions .btn-wrapper .btn-group .btn-circle.btn-sm i{
  color:#FFFFFF!important;
}
.menu-actions .btn-wrapper .btn-group .btn-circle:hover{
  -ms-transform: rotate(360deg)!important;
  -webkit-transform: rotate(360deg)!important; /* Chrome, Safari, Opera */
  transform: rotate(360deg)!important;
}
.dropdown-toggle::after{
  display:none;
  visibility:hidden;
}
/* Menú flotante */
/* BOTONES */

/* Botones con colores */
.btn-white{background:#FFFFFF;color:#4B4F56;border:#E5E5E5 solid 1px;}
.btn-blue{background:#1a73e8!important;color:#FFFFFF!important;border:none!important;-webkit-appearance:inherit!important;border-top-right-radius:3px!important;border-bottom-right-radius:3px!important;}
.btn-red{background:#c53929!important;color:#FFFFFF!important;border:none!important;-webkit-appearance:inherit!important;}
.btn-yellow{background:#ffe100!important;color:inherit!important;border:none!important;-webkit-appearance:inherit!important;}
.btn-orange{background:#fbbc05!important;color:#FFFFFF!important;border:none!important;-webkit-appearance:inherit!important;}
.btn-dark-orange{background:#ff582c!important;color:#FFFFFF!important;border:none!important;-webkit-appearance:inherit!important;}
.btn-green{background:#34a853!important;color:#FFFFFF!important;border:none!important;-webkit-appearance:inherit!important;}
.btn-violet{background-color:#b460f9!important;color:#FFFFFF!important;border:none!important;-webkit-appearance:inherit!important;}
.btn-black{background-color:#000000!important;color:#FFFFFF!important;border:none!important;-webkit-appearance:inherit!important;}
.btn-blue-line{background:#FFFFFF!important;color:#1a73e8!important;border:1px solid #1a73e8!important;-webkit-appearance:inherit!important;border-radius:3px!important;}
/* Botones con colores */

/* BOTONES HOVER */
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active{
  background: linear-gradient(to right, #0389ff, #1c79c0)!important;
  color: #FFFFFF!important;
  border-color:#0389ff!important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active{
  background: linear-gradient(to right, #c53929, #d93e2c)!important;
  color:#FFFFFF!important;
  border-color:#c53929;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active{
  background: linear-gradient(to right, #ffe100, #e5ca02)!important;
  color: #FFFFFF!important;
  border-color:#ffe100;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-dark-orange:hover,
.btn-dark-orange:focus,
.btn-dark-orange:active{
  background: linear-gradient(to right, #fbbc05, #f89a1f)!important;
  color: #FFFFFF!important;
  border-color:#fbbc05;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active{
  background: linear-gradient(to right, #34a853, #087a27)!important;
  color: #FFFFFF!important;
  border-color:#34a853;
}
.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active{
  background: linear-gradient(to right, #b460f9, #8524d1)!important;
  color: #FFFFFF!important;
  border-color:#b460f9;
}
/* BOTONES HOVER */

/* COLORES */
.color-grey{color:#E5E5E5!important;}
.color-light-blue{color:#1da1f2!important;}
.color-blue{color:#0389FF!important;}
.color-full-blue{color:#3264ad!important;}
.color-dark-blue{color:#1f3d72!important;}
.color-red{color:#c53929!important;}
.color-green{color:#34a853!important;}
.color-dark-green{color:#2e8244!important;}
.color-orange{color:#fbbc05!important;}
.color-dark-orange{color:#ff582c!important;}
.color-violet{color:#b460f9!important;}
.color-dark-violet{color:#8524d1!important;}
.color-facebook{color:#3b5998!important;}
.color-twitter{color:#1da1f2!important;}
.color-linkedin{color:#0084bf!important;}
.color-instagram{color:#C82069!important;}
.color-pinterest{color:#bd081c!important;}
.color-youtube{color:#E42313!important;}
.color-whatsapp{color:#1ebea5!important;}
/* COLORES */

/* BACKGROUNDS */
.bg-grey{color:#4B4F56!important;background-color:#E5E5E5!important;}
.bg-black{color:#FFFFFF!important;background-color:#000000!important;}
.bg-light-blue{color:#FFFFFF!important;background-color:#00c6ff!important!important;background-image:linear-gradient(121.3deg,#0072ff -6.48%,#00c6ff 99.81%)!important;}
.bg-full-blue{color:#FFFFFF!important;background-color:#3264ad!important;}
.bg-blue{color:#FFFFFF!important;background-color:#0017be!important;background-image:linear-gradient(134.87deg,#001fff 2.18%,#0017be 97.84%)!important;}
/*.bg-blue{color:#FFFFFF!important;background-color:#0389FF!important;}*/
.bg-dark-blue{color:#FFFFFF!important;background-color:#211787!important;background-image:linear-gradient(115.6deg,#1b1551 -32.96%,#211787 95.43%)!important;}
.bg-light-red{background-color:#fbe9e7!important;}
.bg-red{color:#FFFFFF!important;background-color:#ea384d!important;background-image:linear-gradient(111.64deg,#d31027 7.57%,#ea384d 96%)!important;}
.bg-yellow{color:#1c1a54!important;background-color:#ffc700!important;background-image:linear-gradient(143.22deg,#ff0 22.25%,#ffc700 114.63%)!important;}
.bg-pink{color:#FFFFFF!important;background-color:#FF66B3!important;}
.bg-light-green{background-color:#e6f4ea!important;}
.bg-green{color:#1c1a54!important;background-color:#96e6a1!important;background-image:linear-gradient(141.24deg,#d4fc79 -7.92%,#96e6a1)!important;}
.bg-dark-green{color:#FFFFFF!important;background-color:#2e8244!important;}
.bg-light-orange{color:#FFFFFF!important;background-color:#ff9e68!important;background-image:linear-gradient(121.3deg,#ff635a -6.48%,#ff9e68 99.81%)!important;}
.bg-orange{color:#1c1a54!important;background-color:#ffb800!important;background-image:linear-gradient(137.82deg,#ff9612 7.22%,#ffb800 94.22%)!important;}
.bg-dark-orange{color:#FFFFFF!important;background-color:#f9424b!important;}
.bg-brown{color:#FFFFFF!important;background-color:#c26401!important;}
.bg-violet{color:#FFFFFF!important;background-color:#e100ff!important;background-image:linear-gradient(123.8deg,#7f00ff -.21%,#e100ff 99.79%)!important;}
.bg-dark-violet{color:#FFFFFF!important;background-color:#4127ff!important;background-image:linear-gradient(127.11deg,#712eff -13.28%,#4127ff 110.59%)!important;}
.bg-web{color:#FFFFFF!important;background-color:#0389ff!important;}
.bg-facebook{color:#FFFFFF!important;background-color:#3b5998!important;}
.bg-twitter{color:#FFFFFF!important;background-color:#1da1f2!important;}
.bg-linkedin{color:#FFFFFF!important;background-color:#0084bf!important;}
.bg-pinterest{color:#FFFFFF!important;background-color:#bd081c!important;}
.bg-instagram{color:#FFFFFF!important;background-color:#C82069!important;}
.bg-youtube{color:#FFFFFF!important;background-color:#E42313!important;}
.bg-whatsapp{color:#FFFFFF!important;background-color:#1ebea5!important;}
.bg-light-red{background-color:#ffe7e4!important;}
.bg-light-orange{background-color:#feebd4!important;}
.bg-gradient-blue-1{color:#FFFFFF!important;background:linear-gradient(to right, #6cc7ff, #1da1f2)!important;}
.bg-gradient-blue-2{color:#FFFFFF!important;background:linear-gradient(to right, #1da1f2, #0289ff)!important;}
.bg-gradient-blue-3{color:#FFFFFF!important;background:linear-gradient(to right, #0289ff, #0471d2)!important;}
.bg-gradient-blue-4{color:#FFFFFF!important;background:linear-gradient(to right, #0471d2, #035eaf)!important;}
.bg-gradient-blue-5{color:#FFFFFF!important;background:linear-gradient(to right, #305dad, #1f3d72)!important;}
.bg-gradient-blue-6{color:#FFFFFF!important;background:linear-gradient(to right, #1f3d72, #1c3052)!important;}
.bg-gradient-blue-7{color:#FFFFFF!important;background:linear-gradient(to right, #1c3052, #000000)!important;}
.bg-mercadolibre{color:#1124b2!important;background-color:#FFE800!important;}
.bg-woocommerce{color:#FFFFFF!important;background-color:#9D5B91!important;}
/* BACKGROUNDS */

/* BORDES */
.border-left-blue-1{border-left:#6cc7ff solid 5px!important;}
.border-left-blue-2{border-left:#1da1f2 solid 5px!important;}
.border-left-blue-3{border-left:#0289ff solid 5px!important;}
.border-left-blue-4{border-left:#0471d2 solid 5px!important;}
.border-left-blue-5{border-left:#035eaf solid 5px!important;}
.border-left-blue-6{border-left:#1f3d72 solid 5px!important;}
.border-left-blue-7{border-left:#1c3052 solid 5px!important;}
.border-top-blue-1{border-top:#6cc7ff solid 5px!important;}
.border-top-blue-2{border-top:#1da1f2 solid 5px!important;}
.border-top-blue-3{border-top:#0289ff solid 5px!important;}
.border-top-blue-4{border-top:#0471d2 solid 5px!important;}
.border-top-blue-5{border-top:#035eaf solid 5px!important;}
.border-top-blue-6{border-top:#1f3d72 solid 5px!important;}
.border-top-blue-7{border-top:#1c3052 solid 5px!important;}
/* BORDES */

/* SWITCH */
.switch-lg,
.switch-md{
  display:flex!important;
  flex-wrap:nowrap!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important; 
  width:50%!important;
  height:30px!important;
  margin:5px 0px 0px 0px!important;
}
.switch-lg{
  width:100%!important;
}
.switch-lg p,
.switch-md p{
  font-size:12px!important;
  font-style:normal!important;
  padding:5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:75%!important;
}
.switch.switch-selector{
  position:absolute!important;
  bottom:7px;
  right:0px;
}
.side-1 .switch-lg{
  margin-top:15px!important;
}
.side-1 .switch-lg p{
  font-size:12px!important;
  color:#000000;
  font-weight:400!important;
  overflow:visible!important;
  text-overflow:unset!important;
  white-space:normal!important;
}
.switch{
  position:relative!important;
  display:inline-block!important;
  width:45px!important;
  height:20px!important;
}
.switch input{ 
  opacity:0!important;
  width:0!important;
  height:0!important;
}
.switch-round{
  position:absolute!important;
  cursor:pointer!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  background-color:#FFFFFF;
  border:1px solid #f9424b;
  -webkit-transition:.4s;
  transition:.4s;
}
.switch-round:before{
  position:absolute;
  content:"";
  height:15px;
  width:15px;
  left:3px;
  bottom:2px;
  background-color:#f9424b;
  border-radius:50%!important;
  -webkit-transition:.4s;
  transition:.4s;
}
.switch-round:hover:before{
  opacity:0.8;  
}
input + .switch-round{
  background-color:#FFFFFF;
}
input + .switch-round:before{
  background-color:#f9424b;
}
input:checked + .switch-round{
  background-color:#f9424b;
}
input:checked + .switch-round:before{
  background-color:#FFFFFF;
}
input:focus + .switch-round{
  box-shadow:0 0 1px #24cf69;
}
input:checked + .switch-round:before{
  -webkit-transform:translateX(23px);
  -ms-transform:translateX(23px);
  transform:translateX(23px);
}
/* Rounded sliders */
.switch-round{
  border-radius:30px!important;
}
.switch-round:before{
  background:#FFFFFF;
}
/* SWITCH */

/* Pendientes en tablas */
div.pending:before,
li.pending:before{
  position:absolute;
  content:'';
  width:10px;
  height:10px;
  right:10px;
  top:10px;
  background:#ffc700;
  background-image:linear-gradient(143.22deg,#ff0 22.25%,#ffc700 114.63%);
  border-radius:50%;
  -webkit-animation: beat .25s infinite alternate;
  -moz-animation: beat .25s infinite alternate;
  -ms-animation: beat .25s infinite alternate;
  -o-animation: beat .25s infinite alternate;
  animation: beat .25s infinite alternate;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
li.pending:before{
  right:10px;
  top:15px;
}
/* Pendientes en tablas */

/* FORMULARIOS */
form{width:100%;}input:focus,select:focus,textarea:focus{border-color:#0389ff!important;outline:none;}
input[type=text],
input[type=date],
input[type=tel],
input[type=url],
input[type=number],
input[type=email],
input[type=datetime],
input[type=time],
input[type=date],
input[type=password],
input[type=datetime-local],
textarea,
select,
select.form-control{
  position:relative;
  cursor:text;
  width:100%;
  min-height:35px;
  padding:0px 15px 0px 0px;
  color:#000000;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:400;
  border-radius:0px!important;
  background:#FFFFFF;
  outline:none;
  border:none;
  box-shadow:none;
  border-bottom:#E5E5E5 solid 1px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:none;
  opacity:1;
  transition:all .2s ease-in-out; 
}
input.title:focus{
  font-size:30px!important;
  font-weight:300!important;
  height:45px!important;
  transform:scale(1);
}
@media (max-width: 768px){
  input[type=text],
  input[type=date],
  input[type=tel],
  input[type=url],
  input[type=number],
  input[type=email],
  input[type=datetime],
  input[type=time],
  input[type=date],
  input[type=password],
  input[type=datetime-local],
  textarea,
  select,
  select.form-control{
    font-size:16px!important;
  }
}
::placeholder {color:#90949c!important;opacity:1;}
:-ms-input-placeholder {color:#90949c!important;}
::-ms-input-placeholder {color:#90949c!important;}
input[type=checkbox],input[type=radio]{margin:0px 5px 7px 0px;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
textarea{resize:none;min-height:100px;padding:5px 0px 0px 0px;}
select{color:#90949c;}
select:focus{outline:none!important;box-shadow:none!important;}
.form-group{
  position:relative!important;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between; 
  width:50%;
  margin:0px 0px 15px 0px;
}
.form-group.form-group-sm{
  width:50%!important;
}
.form-group.form-group-xs{
  width:33%!important;
}
.form-group.form-group-lg{
  width:100%!important;
}
.form-group label,
.info-group label{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start; 
  width:100%;
  font-size:10px;
  font-weight:500;
  color:#1c1a54;
  margin:0px;
}
.form-group label span.color-red{
  margin-left:2px;
}
.form-option{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:13px;
  height:13px;
  margin-left:5px;
  border-radius:50%;
  background:#f9424b;
  font-size:6px;
  z-index:100;
}
.form-option i{
  color:#FFFFFF!important;
}
.form-option:hover{
  opacity:0.75;
}
.form-group p{
  font-size:12px;
  font-weight:300;
  font-style:italic;
}
.form-group p i{
  font-size:8px;
  padding:1px 2.5px;
  color:#fff;
  background:#4B4F56;
  border-radius:50%;
}
.form-group small{
  font-size:10px;
  font-style:italic;
  margin:5px 0px;
  padding:0px 2px 0px 0px;
}
.form-group small.warning{
  color:#c53929;
}
.form-group small.notice{
  color:rgb(51, 103, 214);
}
.form-group a.btn-plus{
  display:table-cell;
  width:200px;
  height:100px;
  border:#0389FF dashed 1px;
  color:#90949C;
  font-weight:300;
  line-height:30px;
  font-size:50px;
  padding:20px;
  text-align:center;
  vertical-align: middle;
}
.form-group a.btn-plus span{
  display:block;
  font-size:16px;
  color:#4B4F56;
  font-weight:700;
}
.form-group a.btn-plus:hover{
  text-decoration:none;
  border:#0389FF dashed 1px;
}
.form-group .form-group-3c{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  align-items:flex-start;
  justify-content:flex-start; 
  width:100%;
  border:#e5e5e5 solid 1px;
  padding:5px;
  margin:0px 5px;
  border-radius:5px;
}
.form-group .form-group-3c input,
.form-group .form-group-3c .switch-md{
  width:30%!important;
  padding-right:0px;
}
.form-group .form-group-3c input:last-child{
  padding-right:15px;
}
.form-group .form-group-3c .switch-md .switch{
  width:20px!important;
  height:15px!important;
}
.form-group .form-group-3c .switch-md .switch .switch-round:before{
  width:10px!important;
  height:10px!important;
  left:2px!important;
  bottom:2.5px!important;
}
.form-group .form-group-3c input:checked + .switch-round:before{
  -webkit-transform:translateX(6px)!important;
  -ms-transform:translateX(6px)!important;
  transform:translateX(6px)!important;
}
.form-group .form-group-3c .switch-md p{
  color:#90949C;
  font-size:10px!important;
}
/* Infogroups */
.info-group{
  position:relative!important;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  align-items:flex-start;
  justify-content:flex-start; 
  width:50%;
  margin:5px 0px 10px 0px;
  padding:0px;
}
.info-group-lg{
  width:100%!important;
}
.info-group-sm{
  width:25%!important;
}
.info-group-xs{
  width:8%!important;
}
.info-group .label{
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:auto;
  height:auto;
  margin:5px 5px 0px 0px;
  padding:5px 15px;
  background:#dce1e9;
  color:#1c1a54;
  font-size:10px;
  font-weight:600;
  border-radius:30px;
  text-transform:uppercase;
}
.info-group .label:last-child{
  margin-right:0px;
}
.info-group .label a.close{
  position:absolute;
  right:10px;
  top:8px;
  font-size:7px;
  color:#4B4F56;
  opacity:1;
}
.info-group .label a.close:hover{
  opacity:0.75;
}
.info-group img.profile{
  width:15px;
  height:15px;
  margin-bottom:-3px;
  margin-right:2px;
  border:#E5E5E5 solid 2px;
  border-radius:50%;
}
/* Infogroups */
/* FORMULARIOS */

/* WRAPPERS */
#wrapper{
  display:block;
  width:100%;
  height:auto;
  margin-top:55px;
  background:#f0f2f5;
}
.mini-navbar #wrapper-page{
  margin:0px auto 35px auto;
  position:relative;
  max-width:1280px;
}
.wrapper-content {
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  /*padding:10px 15px 35px 15px;*/
  padding:0px 15px 35px 15px;
  min-height:520px;
  position:relative;
}
/* WRAPPERS */

/* POP UPS */
.popup-wrapper{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-content:flex-start;
  width:250px;
  height:auto;
  max-height:500px;
  position:fixed;
  top:75px;
  right:-300px;
  z-index:1000;
  overflow:hidden;
  transition:transform 0.5s;
}
.popup-wrapper.active{
  transform: translate(-315px);
  outline: none;
}
/*@keyframes fadeinlong{from{opacity:0} to{opacity:1}}*/

.popup-wrapper .popup{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-content:flex-start;
  width:100%;
  height:auto;
  padding:10px 10px 0px 10px;
  margin:0px 0px 5px 0px;
  background:#FFFFFF;
  border:2px solid #f9424b;
  overflow:hidden;
  box-shadow:1px 2px 4px rgba(0,0,0,.03);
  border-radius:5px;
  position:relative;
}
.popup-wrapper .popup .close{
  position:absolute;
  top:9px;
  right:10px;
  color:#90949C;
  font-size:12px;
}
.popup-wrapper .popup:last-child{
  margin:0px;
}
.popup-wrapper .popup .popup-pic{
  display:none;
  visibility:hidden;
  /*display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-content:flex-start;
  width:35px;
  height:auto;
  padding:15px 0px 15px 5px;*/
}
.popup-wrapper .popup .popup-pic .popup-icon{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-content:center;
  width:35px;
  height:30px;
  padding:0px;
  border-radius:50%;
  border:#1a73e8 solid 2px;
}
.popup-wrapper .popup .popup-pic .popup-icon i{
  font-size:14px;
  color:#1a73e8;
}
.popup-wrapper .popup .popup-body{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-content:flex-start;
  width:100%;
  /*width:calc(100% - 35px);*/
  height:auto;
  padding:10px ​25px 5px 10px;
}
.popup-wrapper .popup .popup-body p{
  font-size:13px;
  font-weight:500;
  color:#1c1a54;
  width:100%;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.popup-wrapper .popup .popup-body p a,
.popup-wrapper .popup .popup-body span a{
  color:#1c1a54;
}
.popup-wrapper .popup .popup-body p a:hover{
  text-decoration:none;
}
.popup-wrapper .popup .popup-body span{
  font-size:10px;
  font-weight:500;
  color:#687376;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.popup-wrapper .popup .popup-body small{
  font-size:8px;
  color:#90949C;
  font-weight:500;
  margin:5px 0px 0px 0px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.popup-wrapper .popup .popup-actions{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-content:center;
  width:100%;
  height:auto;
  padding-top:5px;
}
.popup-wrapper .popup .popup-actions .popup-action{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-content:center;
  width:100%;
  height:auto;
  padding:5px;
}
.popup-wrapper .popup .popup-actions .popup-action a{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  padding:7px 5px;
  background:#f9424b;
  font-weight:500;
  color:#FFFFFF;
  border-radius:30px;
  font-size:8px;
  border-bottom:none;
  text-align:center;
  text-transform:uppercase;
}
.popup-wrapper .popup .popup-actions .popup-action:first-child a{
  border-right:none;
  border-left:none;
}
.popup-wrapper .popup .popup-actions .popup-action:last-child a{
  border-right:none;
}
.popup-wrapper .popup .popup-actions .popup-action a:hover{
  text-decoration:none;
  opacity:0.75;
}
/* POP UPS */

/* BREADCRUMBS */
.wrapper-content > nav{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  display:none;
  visibility:hidden;
}
.breadcrumb{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  width:100%;
}
.breadcrumb li{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center; 
  font-size:10px;
}
.breadcrumb li:last-child{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.breadcrumb > li a{
  color:#337ab7;
}
.breadcrumb > li a:hover{
  text-decoration:underline!important;
}
.breadcrumb > .active {
  color:#90949c;
}
.breadcrumb>li+li:before{
  padding:0px 5px;
  color:#ccc;
  content:"/\00a0";
}
/* BREADCRUMBS */

/* DROPDOWN */
.dropdown-menu{
  display:none!important;
  position:absolute;
  top:30px;
  right:0px;
  left:auto;
  font-size:12px;
  color:#4b4f56;
  width:auto!important;
  min-width:200px!important;
  height:auto!important;
  max-height:auto!important;
  border:none;
  border-radius:0 0 3px 3px;
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  list-style:none outside none;
  text-shadow: none;
  padding:0px;
  margin:0px;
  z-index:2000;
  overflow:hidden;
  animation:opac 0.5s;
}
@keyframes opac{from{opacity:0} to{opacity:1}}

.navbar div.select2{
  top:27px;
}
.navbar .dropdown-menu{
  top:55px!important;
}
.open>.dropdown-menu{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-content:center!important;
  height:auto!important;
  min-height:auto!important;
  overflow:hidden!important;
  border-radius:0px 0px 10px 10px;
}
.dropdown-menu li{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-content:center!important;
  width:100%!important;
  background:#FFFFFF!important;
  border:none!important;
  box-shadow:none!important;
  margin:0px!important;
  padding:0px!important;
}
.dropdown-menu li.unread{
  background:#f5f5f5!important;
}
.dropdown-menu li a{
  display:inline-block;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-content:center;
  color: inherit;
  width:100%;
  height:100%;
  line-height:normal;
  text-align: left;
  font-weight: 500;
  font-size:11px;
  padding:10px 15px;
  background:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dropdown-menu li:last-child a{
  border-bottom:none;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:active,
.dropdown-menu li a:focus{
  background:#E5E5E5;
  text-decoration:none;
  outline:0;
}
.dropdown-menu li a i {
  display:inline-block;
  flex-wrap:nowrap;
  justify-content:center;
  align-content:center;
  height:100%;
  margin-right:5px;
  margin-top:2px;
  font-size:12px;
  align-items:center;
}
.dropdown-menu h6{
  display: block;
  padding:10px 15px;
  margin:0px;
  color:#4b4f56;
  border-top:1px solid #e5e5e5;
}
.dropdown-menu h6:first-child{
  border-top:none;
}
.dropdown-menu li:last-child {
  margin-right:0px;
}
.open>.dropdown-menu.full{
  width:100%!important;
  flex-direction:row!important;
  background:#FFFFFF!important;
  position:fixed!important;
  padding:15px;
}
.open>.dropdown-menu.full .selector{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  border-radius:3px;
}
.open>.dropdown-menu.full .selector h6{
  width:100%;
  padding:0px 15px 5px 15px;
  font-size:12px!important;
  font-weight:400!important;
  text-transform:uppercase!important;
}
.open>.dropdown-menu.full .selector li{
  border-radius:3px;
  overflow:hidden;
  height:65px;
}
.open>.dropdown-menu.full .selector li a{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start!important;
  padding:10px 15px;
  border:none;
  align-items:center;
}
.dropdown-menu.full li a:hover,
.dropdown-menu.full li a:focus,
.dropdown-menu.full li a:active,
.dropdown-menu.full li a:visited{
  background:#f5f9ff!important;
}
.open>.dropdown-menu.full .selector li a div.icon{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:30px;
  height:30px;
  margin-right:15px;
}
.open>.dropdown-menu.full .selector li a div.icon img{
  width:30px;
  height:30px;
}
.open>.dropdown-menu.full .selector li a div.option{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:calc(100% - 45px);
  height:auto;
}
.open>.dropdown-menu.full .selector li a div.option p{
  font-size:12px;
  font-weight:600;
  color:#1c1c1d;
  width:100%;
}
.open>.dropdown-menu.full .selector li a div.option span{
  font-size:11px;
  font-weight:300;
  color:#676767;
  width:100%;
  white-space:break-spaces;
}
.open>.dropdown-menu.full .selector li a i{
  color:#1a73e8!important;
  font-size:16px;
}
/* DROPDOWN */


/* TABS */
.tab-content>.tab-pane{
  display:none;
}
.tab-content>.active{
  display:block;
  animation:fade-in .0.5s linear;
}
/* TABS */

/* FOOTER */
.footer{
  display:flex;
  flex-wrap:nowrap; 
  flex-direction:row;
  justify-content:center;
  align-items:center;
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height:35px;
  text-align:right;
  background:#fff repeat scroll 0 0;
  border-top:1px solid #DFDFDF;
  z-index:500;
  padding:0px;
  box-shadow:1px 2px 4px rgba(0,0,0,.03);
  z-index:11;
}
.footer .footer-wrapper {
  display:flex;
  flex-wrap:nowrap; 
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  position:relative;
  width:100%;
  height:100%;
}
.footer .footer-wrapper .footer-options{
  display:flex;
  flex-wrap:nowrap; 
  flex-direction:row;
  justify-content:center;
  align-items:center;
  position:relative;
  width:calc(22.5% + 10px);
  height:100%;
}
.footer .footer-wrapper .footer-buttons{
  display:none;
  visibility:hidden;
}
.footer .footer-wrapper .footer-options a{
  display:flex;
  flex-wrap:nowrap; 
  flex-direction:row;
  justify-content:center;
  align-items:center;
  position:relative;
  width:100%;
  height:100%;
  color:#90949C;
  background:#FFFFFF;
  font-size:12px;
  padding:5px;
  text-align:center;
}
.footer .footer-wrapper .footer-options a:hover{
  text-decoration:none;
  opacity:0.75;
  color:#4B4F56;
}
@media (max-width: 768px) {
  .footer{
    z-index:1000;
    height:60px;
  }
  .footer .footer-wrapper .footer-options{
    width:100%;
  }
  .footer .footer-wrapper .footer-options a{
    flex-direction:column;
    margin:0px 5px;
    font-size:14px;
  }
  .footer .footer-wrapper .footer-options a i{
    margin-bottom:4px;
    height:auto;
    font-size:14px;
  }
  .footer .footer-wrapper .footer-options .btn-wrapper,
  .footer .footer-wrapper .footer-options .btn-wrapper .btn-group{
    height:100%;
  }
  .footer .footer-wrapper .footer-options ul.dropdown-menu{
    position:fixed;
    width:100%;
    top:65px;
    left:0px;
    height:calc(100% - 126px)!important;
    border-radius:0px!important;
    background:#FFFFFF;
    box-shadow:none;
    border:none;
    overflow-y:scroll!important;
  }
  .footer .footer-wrapper .footer-options ul.dropdown-menu > li > a{
    flex-direction:column;
    flex-wrap:wrap;
    height:100%;
    padding:15px;
    margin:0px;
    font-size:16px;
    color:#4B4F56;
    text-overflow:unset;
    overflow:visible;
    white-space:normal;
  }
  .footer .footer-wrapper .footer-options ul.dropdown-menu > li > a:hover{
    opacity:0.75;
    background:#F5F5F5;
  }
  .footer .footer-wrapper .footer-options ul.dropdown-menu > li > a > i{
    font-size:14px;
    color:#90949C;
  }
  .footer .footer-wrapper .footer-buttons{
    display:flex;
    flex-wrap:nowrap; 
    flex-direction:row;
    justify-content:center;
    align-items:center;
    position:relative;
    width:100%;
    height:100%;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper{
    width:100%;
    height:100%;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group{
    width:50%;
    height:100%;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group a{
    display:flex;
    flex-wrap:nowrap; 
    flex-direction:row;
    justify-content:center;
    align-items:center;
    position:relative;
    width:100%;
    height:100%;
    color:#90949C;
    background:#E5E5E5;
    font-size:12px;
    padding:5px;
    text-align:center;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group a:active,
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group a:focus{
    background:#031b4d!important;
    color:#FFFFFF!important;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group a:active,
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group a:focus{
    color:#FFFFFF!important;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group ul.dropdown-menu{
    position:fixed;
    top:65px;
    left:0px;
    width:calc(100% + 10px)!important;
    height:calc(100% - 100px)!important;
    background:#FFFFFF;
    overflow:scroll!important;
    box-shadow:none;
    z-index:10;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group ul.dropdown-menu li{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-content:center!important;
    width:100%!important;
    background:#FFFFFF!important;
    border:none!important;
    box-shadow:none!important;
    margin:0px!important;
    padding:0px!important;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group ul.dropdown-menu li a{
    display:inline-block;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-content:center;
    color: inherit;
    width:100%;
    height:100%;
    line-height:normal;
    text-align: left;
    font-weight: normal;
    font-size:14px;
    border-bottom:1px #E5E5E5 solid;
    padding:10px 15px;
    background:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group a > i{
    font-size:11px!important;
    margin-right:5px!important;
  }
  .footer .footer-wrapper .footer-buttons .btn-wrapper .btn-group ul.dropdown-menu li small{
    text-align:center;
  }
}

/* FOOTER */


/* TABLAS */
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{border-top:0px;}
.table>thead:first-child>tr:first-child>th{
  min-width:155px;
}
.table>thead:first-child>tr:first-child>th:first-child,
.table>thead:first-child>tr:first-child>th:nth-child(2),
.table>thead:first-child>tr:first-child>th:nth-child(3),
.table>thead:first-child>tr:first-child>th:nth-child(4){
  min-width:auto;
}
.table-responsive{
	position:relative;
  width:100%;
  min-height:400px;
  max-height:400px;
  overflow-x:scroll;
  overflow-y:scroll;
}
.side-2 .table-responsive{
  min-height:auto!important;
  border: #e5e5e5 solid 1px;
  border-radius: 15px 15px 0px 0px;
}
.table{
  border-spacing:0;
  border-collapse:collapse;
	width:100%;
	max-width:100%;
	max-height:700px;
	background:transparent;
	display:table;
  border-radius:0px;
  max-height:300px;
}
.table thead tr th{
	display:table-cell;
	text-align:left;
	background:#FFFFFF;
	color:rgba(24,26,85,.5);
	padding:5px 15px;
	font-size:10px;
  background-color:#dce1e9;
	font-weight:600;
	font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;
	cursor:pointer;
	min-width:15px;
	border-bottom:2px solid #181a55;
  text-transform:uppercase;
  position:relative;
}
.table > thead > tr > th:hover{
	opacity:0.85;
}
.table > tbody > tr > td{
	display:table-cell;
	height:35px;
	max-width:300px;
	font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;
	padding:10px 15px;
	white-space:nowrap;
	text-overflow: ellipsis;
	text-align:left;
  position:relative;
  border-bottom:1px solid #e2e2e2;
}
.table > tbody > tr > td > .btn-wrapper{
  justify-content: flex-start;
}
.table > tbody > tr:hover{
  transition:all .3s ease-in-out;
  background:#fafafa;
	cursor:default;
}
.table > tbody > tr:first-child > td,
.table > tbody > tr:last-child > td{
	background:#f8f9fa;
	font-weight:600;
  height:20px;
}
.table > tbody > tr > td:first-child{
	text-align:center;
}
.table > tbody > tr > td .btn-group.open > .dropdown-menu{
  left:0px;
}
.table > tbody > tr > td i{
  font-size:12px;
}
.table > tbody > tr > td i.fas.fa-star{
  font-size:14px;
  color:#ffe100;
  -webkit-text-fill-color: #ffe100;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f89a1f;
}
.table > tbody > tr > td > p >span{
  display:flex;
  justify-content:center;
  align-items:center;
  height:22px;
  padding:0px 10px;
  font-size:9px;
  text-transform:uppercase;
}
.table > tbody > tr > td.pic,
.table > tbody > tr > td.pic-prod{
	text-align:center;
	width:75px;
  max-width:75px;
}
.table > tbody > tr > td.pic > p{
  display:inline;
  width:30px;
  max-width:30px;
  overflow:visible;
  padding:0px;
}
.table > tbody > tr > td > p{
	font-size:12px;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	font-weight:500;
	color:#181a55;
	width:100%;
  padding-right:22px;
	display:block;
  position:relative;
}
.table > tbody > tr > td > p .copy{
  position:absolute;
  top:0px;
  right:0px;
  width:15px!important;
  height:15px!important;
}
.table > tbody > tr > td > p .copy i{
  font-size:7px!important;
}
.table > tbody > tr > td > p:after{
  content:'';
  position:absolute;
  top:-5px;
  right:-5px;
  width:7.5px;
  height:7.5px;
  border-radius:50%;
}
.table > tbody > tr > td > p.active:after{
  background:#24cf69;
}
.table > tbody > tr > td > p.inactive:after{
  background:#C53929;
}
.table > tbody > tr > td > input{
	margin:0px;
}
.table > tbody > tr > td > p > a{
	font-size:12px;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	font-weight:500;
	color:#f9424b;
}
.table > tbody > tr > td.pic img{
	width:30px;
	height:30px;
	border:#F5F5F5 solid 2px;
	border-radius:50%;
  vertical-align:middle;
}
.table > tbody > tr > td.pic-prod img{
	width:40px;
	height:40px;
	border:#F5F5F5 solid 2px;
	border-radius:0px;
}
.table > thead > tr > th,
.table > tbody > tr > td{
	vertical-align:middle;
}
.table > thead > tr > th i{
  color:rgba(24,26,85,.5);
  position:absolute;
  top:35%;
  right:5px;
  font-size:10px;
}
.table > tbody > tr > td > .btn-group{
  display:inline-block;
  width:auto;
  margin-right:-3px;
}
.table > tbody > tr > td > .btn-group:last-child{
  margin-right:0px;
}
.table > tbody > tr > td > .btn-group .btn{
  border-radius:0px;
}
.table > tbody > tr > td > .btn-group:first-child .btn{
  border-radius:3px 0px 0px 3px;
}
.table > tbody > tr > td > .btn-group:last-child .btn{
  border-radius:0px 3px 3px 0px;
}
.table > tbody tr.pending td{
  background:#0289ff14!important;
}
.table > tbody tr.pending.mine td{
  background:rgb(197 57 41 / 4%)!important
}
.table > tbody > tr.pending.mine.selected > td,
.table > tbody > tr.pending.selected > td,
.table > tbody > tr.mine.selected > td,
.table > tbody > tr.selected > td{
  background:#1a73e8!important;
  color:#FFFFFF!important;
  border:none!important;
}
.table > tbody > tr.selected > td > p,
.table > tbody > tr.selected > td > a,
.table > tbody > tr.selected > td > p > a,
.table > tbody > tr.selected > td > p.empty:before{
  color:#FFFFFF!important;
}
.table > tbody tr.outdated:after{

}
.table td p.empty:before{
  content:'Vacío'!important;
  font-size:14px;
  display:block;
  color:#90949C;
  opacity:0.25;
}
.table > tbody > tr > td > span{
  display:inline-flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  width:auto;
  height:30px;
  font-size:10px;
  font-weight:600;
  padding:0px 10px;
  border-radius:15px;
  margin-right:2px;
  background:#E5E5E5;
  text-transform:uppercase;
}
.table > tbody > tr > td > span:last-child{
  margin-right:0px;
}
.table-header{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  height:100%;
  width:100%;
}
.table-header .search{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  height:100%;
  width:100%;
  margin:0px;
  padding:0px;
  position:relative;
}
.table-header .search input{
  width:100%;
  height:30px;
  min-height:30px;
  background:transparent;
  border-bottom:#E5E5E5 solid 1px;
  color:#000000;
  padding:0px;
  margin:0px;
  box-shadow:none;
  font-size:14px;
  line-height:18px;
}
.table-header .search .search-btn{
  position:absolute;
  top:5.5px;
  right:0px;
  padding:3px 5px;
  border-radius:50%;
  color:;
}
.table-header .search .search-btn i{
  font-size:10px;
  color:#90949C;
}
.table-header .filters{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  margin:0px 0px 15px 0px;
}
.table-header .filters .form-group{
  background:transparent;
  color:#000000;
  padding:0px;
  margin:0px;
  box-shadow:none;
  font-size:14px;
  line-height:18px;
}
.table-header .filters .form-group select,
.table-header .filters .form-group input{
  width:100%;
  height:30px;
  min-height:30px;
  background:transparent;
  color:#000000;
  padding:0px;
  margin:0px;
  box-shadow:none;
  font-size:14px;
  line-height:18px;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #ccc;
  border-radius:0px;
}
.table-header .results{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  margin:0px 0px 15px 0px;
}
.table-header .results span{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  width:auto;
  height:100%;
  background:#E5E5E5;
  padding:3px 5px;
  border-radius:3px;
  font-size:12px;
  color:#4B4F56;
  margin-right:5px;
}
.table-header .results span a{
  margin-left:2px;
  font-size:8px;
  color:#4B4F56;
}
/* TABLAS */

/* NOTIFICACIONES SUPERIORES */
.notifications-bar{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  padding:5px 15px;
  height:30px;
  width:100%;
}
.notifications-bar .notification-text{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  height:100%;
  width:75%;
}
.notifications-bar .notification-text p{
  font-size:11px;
  color:#FFFFFF;
  padding:0px 15px 0px 0px;
  white-space:nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
  width:100%;
}
.notifications-bar .notification-text p span{
  font-weight:600;
}
.notifications-bar .notification-text p strong{
  font-weight:600;
  text-transform:uppercase;
}
.notifications-bar .notification-text p span:after{
  content:'-';
  margin:0px 5px;
}
.notifications-bar.bg-green .notification-text p,
.notifications-bar.bg-green .notification-text strong,
.notifications-bar.bg-green .notification-text span{
  color:#1c1a54!important;
}
.notifications-bar .notification-action{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  height:100%;
  width:100%;
}
.notifications-bar .notification-action a.btn{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  background:transparent;
  padding:5px 7px;
  font-size:13px;
  color:#FFFFFF;
  text-transform:uppercase;
  border:none;
  margin-left:5px;
}
.notifications-bar .notification-action a.btn:first-child{
	margin-left:none;
}
.notifications-bar .notification-action a.btn:hover{
  background:rgba(255, 255, 255, 0.1)!important;
  opacity:0.75!important;
}
.notifications-bar.warning{
	background:#c53929;
}
.notifications-bar.message{
	background:#fff9c4;
}
.notifications-bar.message p{
	color:#4B4F56!important;
}
.notifications-bar.message a.btn{
	color:#337ab7!important;
}
.notifications-bar.message a.btn:hover{
	background:rgb(66,133,244,0.1)!important;
}
.notifications-bar div:only-child{
  width:100%;
}
/* NOTIFICACIONES SUPERIORES */

/* NOTIFICACIONES EN SIDE 2 Y 4 */
.notifications-alert{
  padding:15px;
  margin:0px;
  width:100%;
  height:100%;
  border-radius:15px;
  position:relative;
}
.feed-wrapper .notifications-alert{
  width:calc(50% - 5px);
  margin:0px 10px 10px 0px!important;
  box-shadow:0 1px 2px rgb(0 0 0 / 20%);
}
.feed-wrapper .notifications-alert:nth-child(2n){
  margin-right: 0px!important;
}
.feed-elements:only-child .notifications-alert{
  width: 100%!important;
  margin-right: 0px!important;
}
.notifications-alert .close{
	position:absolute;
	top:5px;
	right:10px;
	color:#FFFFFF;
	font-size:14px;
}
.notifications-alert > div{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  height:100%;
}
.notifications-alert > div > div:first-child{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  margin-right:10px;
  border-radius:50%;
  border:2px solid #FFFFFF;
}
.notifications-alert > div > div:first-child i{
	font-size:18px;
	color:#FFFFFF;
}
.notifications-alert > div > div:last-child{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  width:calc(100% - 54px);
  height:100%;
}
.notifications-alert > div > div:last-child p{
	color:#FFFFFF;
	font-size:13px;
  font-weight:500;
	text-align:left;
  margin-bottom:7px;
  width:95%;
}
.notifications-alert > div > div:last-child p a{
  color:#FFFFFF;
  display:table-cell;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100px;
  text-decoration:underline!important;
}
.feed-wrapper:only-child .notifications-alert > div > div:last-child p a{
  max-width:235px;
}
.notifications-alert > div > div:last-child p > strong{
  font-weight:500;
}
.notifications-alert > div > div:last-child .btn-wrapper{
  width:100%;
  justify-content:flex-start;
}
.notifications-alert > div > div:last-child .btn-wrapper .btn-group{
  width:auto;
  margin-right:10px;
}
.notifications-alert > div > div:last-child .btn-wrapper .btn-group a.btn{
  background:transparent;
  padding:0px 7px;
  height:25px;
  font-size:8px;
  color:#FFFFFF;
  text-transform:uppercase;
  border:solid 1px #FFFFFF!important;
  border-radius:3px!important;
}
.notifications-alert > div > div:last-child .btn-wrapper .btn-group a.btn .caret{
  color:#FFFFFF;
}
.notifications-alert > div > div:last-child .btn-wrapper .btn-group:last-child{
  margin-right:0px;
}
.notifications-alert a.btn:hover,
.notifications-alert a.btn:focus,
.notifications-alert a.btn:active{
  opacity:0.75!important;
  color:#FFFFFF!important;
  background:transparent!important;
}
.notifications-alert .dropdown-menu{
  top: 25px;
  left: 3px;
}
/* NOTIFICACIONES */

/* MODALS */
.modal-open {
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:3000;
    display:none;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    outline:0;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal#nuevasubcategoria,
.modal#nuevacategoria{
    z-index:10001;
}
.modal-content{
    position:relative;
    width:500px;
    background-color:#FFFFFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border:1px solid #999;
    border:1px solid rgba(0, 0, 0, .2);
    border-radius:15px;
    overflow:visible;
    outline:0;
    -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);
    box-shadow:0 3px 9px rgba(0, 0, 0, .5)
}
.wide .modal-dialog,
.wide .modal-content{
  width:550px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
.modal-open .modal {
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	overflow-x:hidden;
	overflow-y:auto;
	outline:none;
	z-index:10000;
	width:100%;
  padding:0px!important;
}
.modal-dialog{
	position:relative;
  display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:center;
	align-items:center; 
	width:500px;
  margin:25px auto;
}
.modal-content .open,
.modal-content .close{
  position:absolute;
  font-size:12px;
  color:#444444;
  border-radius:50%;
  padding:3px 5px;
  top:15px;
  right:15px;
  border:none;
  opacity:1;
  z-index:1;
}
.modal-content .open{
  top:4.5px;
  right:25px;
}
.modal-content .open:hover,
.modal-content .close:hover{
	background:#f1f3f4;
}
.modal-header{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  padding:0px;
  border-bottom:none;
}
.modal-header > div{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  padding:15px 0px; 
  border-bottom:2px solid rgb(51, 103, 214);
}
.modal-header > div.danger{
  border-color:#c53929!important;
}
.modal-header > div > p{
  font-size:18px;
  color:#000000;
  font-weight:500;
  margin:0px;
  padding:0px 25px 0px 15px;
}
.modal-body {
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  padding:15px;
}
.modal-body div{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
}
.modal-body div.table-wrapper{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%!important;
}
.modal-body div.table-wrapper p{
  padding:0px!important;
}
.modal-body div.table-wrapper .btn-wrapper{
  width:100%;
  justify-content:center;
}
.modal-body div.table-wrapper .btn-wrapper .btn-group{
  width:auto!important;
}
.modal-body div .feed-body{
  width:100%;
  height:100%;
  overflow:hidden;
}
.modal-body div.feed-menu .media-body .feed-menu-btn{
  margin-top:15px;
}
.modal-body div .feed .feed-elements{
  width:100%;
  max-height:250px;
  overflow-y:scroll;
  overflow-x:hidden;
}
.modal-body div .feed .feed-elements::-webkit-scrollbar{
  display:none;
}
.modal-body div .feed-element{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  height:100%;
  padding:15px;
  border-bottom:#E5E5E5 solid 1px;
}
.modal-body div .feed-element .media-left{
  width:50px;
}
.modal-body div .feed-more{
  justify-content:center;
}
.modal-body div .profile{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  height:100%;
}
.modal-body div .profile .profile-contact{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  height:100%;
  padding-bottom:15px;
}
.modal-body div .profile .profile-contact .profile-pic{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  width:40px;
  height:100%;
  margin-right:10px;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-pic img{
  width:40px;
  height:40px; 
  border-radius:50%;
  border:#E5E5E5 solid 2px;
}
.modal-body div .profile .profile-contact .profile-pic i{
  width:40px;
  height:35px; 
  font-size:16px;
  border-radius:50%;
  border:#E5E5E5 solid 2px;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  color:#E5E5E5;
}
.modal-body div .profile .profile-contact .profile-desc{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  height:100%;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-type{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-type span{
  border-radius:3px;
  padding:2px 5px;
  font-size:12px;
}
.modal-body div .profile .profile-contact .profile-desc .profile-name{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-name h1{
  font-size:20px;
  color:#4b4f56;
  width:100%;
  font-weight:700;
}
.modal-body div .profile .profile-contact .profile-desc .profile-business{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  margin-bottom:5px;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-business p{
  font-size:14px;
  width:auto;
  font-weight:400;
  color:#90949C;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-business p a{
  display:inline;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-contact-info{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-contact-info p{
  font-size:14px;
  width:100%;
  font-weight:400;
  color:#90949C;
  margin-top:5px;
}
.modal-body div .profile .profile-contact .profile-desc .profile-contact-info p a{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-contact-info p.stars{
  border:none;
  height:auto;
}
.modal-body div .profile .profile-contact .profile-desc .profile-contact-info p.stars i{
  font-size:12px;
  color:#ffe100;
  -webkit-text-fill-color: #ffe100;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f89a1f;
}
.modal-body div .profile .profile-contact .profile-desc .profile-social{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  margin-top:10px;
  overflow:hidden;
}
.modal-body div .profile .profile-contact .profile-desc .profile-social .btn-group .btn{
  border:none!important;
  font-size:10px;
  height:auto;
  line-height:normal;
}
.modal-body div .menu{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:auto;
  padding-bottom:15px;
  margin:15px 0px 0px 0px;
  border-bottom:#E5E5E5 solid 1px;
}
.modal-body div .menu ul{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:35px;
  overflow:hidden;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
}
.modal-body div .menu ul li{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:35px;
  background:#E5E5E5;
  overflow:hidden;
}
.modal-body div .menu ul li a{
  background:#E5E5E5;
  color:#4B4F56;
  font-size:1.2rem;
  text-transform:uppercase;
  background:transparent;
  position:relative;
}
.modal-body div .menu ul li:hover{
  opacity:0.75;
  border-color:#E5E5E5;
  background-color:#EEEEEE;
}
.modal-body div .menu ul li a:hover{
  text-decoration:none;
  background:transparent;
}
.modal-body div .menu ul li a i{
  margin-right:5px;
}
.modal-body div .menu ul li a span.circle{
  border-radius:50%;
  padding:3px 4px;
  font-size:8px;
  background:#f89a1f;
  color:#FFFFFF;
  text-align:center;
  position:absolute;
  right:-25px;
  top:-1px;
}
.modal-body div > div.form-group fieldset{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  padding:40px 10px 0px 10px;
  border:#E5E5E5 solid 1px;
  position:relative;
}
.modal-body div > div.form-group fieldset h1{
  font-size:1rem;
  text-transform:uppercase;
  padding:5px;
  background:#E5E5E5;
  border-radius:3px;
  font-weight:bold;
  width:auto;
  display:inline-table;
  position:absolute;
  top:5px;
  left:5px;
}
.modal-body div > div.form-group.form-group-sm{
  width:50%;
}
.modal-body textarea{
  min-height:100px;
}
.modal-body .hidden-options{
  animation:fadeinlong 1s;
}
div.form-group.form-group-horizontal{
  display:flex;
  flex-direction:row!important;
  flex-wrap:nowrap;
  justify-content:center!important;
  align-items:flex-start;
  margin-bottom:15px;
  width:100%;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
}
div.form-group.form-group-horizontal .form-radio{
  position:relative;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  height:100%;
  background-color:#E5E5E5;
  border-bottom:4px solid #E5E5E5;
  border-radius:none;
  overflow:hidden;
}
div.form-group.form-group-horizontal .form-radio:hover{
  opacity:0.75;
  border-color:#E5E5E5;
}
div.form-group.form-group-horizontal .form-radio.active{
  color:#3B78E7!important;
  background:#FFFFFF!important;
  border:none!important;
  border-bottom:4px solid #3B78E7!important;
}
div.form-group.form-group-horizontal .form-radio input[type="radio"]{
  position:absolute;
  top:0px;
  left:-35px;
  right:0px;
  bottom:0px;
  width:calc(100% + 60px);
  height:calc(100% + 4px);
  z-index:5;
  cursor:pointer;
}
div.form-group.form-group-horizontal .form-radio .form-radio-text{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;  
  text-align:center;
  font-size:9px;
  text-transform:capitalize;
  padding:10px 10px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.modal-body div > div.form-group label{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  font-size:10px;
  font-weight:500;
  color:#1c1a54;
  margin:0px;
}
.modal-body div > div.form-group label a{
  color: #f9424b;
  font-weight: 500;
}
.modal-body div > div.form-group label a:hover{
  text-decoration:underline;
}
.modal-body div > div.form-group label span.color-red{
  margin-left:2px;
  font-weight:400;
}
.form-group select option{
	color:#90949c;
}
.modal-body div > div.form-group textarea{
	height:150px;
	resize:vertical;
	margin-top:5px;
}
.modal-body div > div.media,
.modal-body div > div.text{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  margin:0px 0px 15px 0px;
}
.modal-body div > div.media:last-child,
.modal-body div > div.text:last-child{
	margin-bottom:0px;
}
.modal-body div > div.text p{
	text-align:left;
	width:100%;
	font-size:14px;
}
.modal-body div > div.media img{
	width:100%;
}
.modal-body div > div.media div.video{
  position:relative;
  padding-top:56%;
}
.modal-body div > div.media div.video iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.modal-footer{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  width:100%;
  height:70px;
  padding:15px;
  border-top: 1px solid #e5e5e5
} 
.modal-footer .btn-wrapper{
  justify-content:flex-end;
}
.modal-footer .btn-group.open{
  position:relative;
  background:inherit;
  border-radius:3px;
  top:0px;
  left:0px;
  right:0px;
  padding:0px;
}
.modal-footer .btn-group.open .btn:hover{
  opacity:0.75;
}
.modal-footer .btn-group.open .dropdown-menu{
  top:auto;
  left:auto;
  right:0px;
  bottom:30px;
  height:auto;
}
.modal-footer .btn-group.open .dropdown-menu li{
  width:100%;
}
.modal-footer .btn-group{
  margin-left:15px;
}
.modal-footer .btn-group:first-child{
  justify-content:flex-start;
}
.modal-footer .btn-group:last-child{
	justify-content:flex-end;
}
.modal-footer .btn-wrapper .btn-group a.btn{
  border-radius:3px!important;
  border:#1a73e8 solid 1px!important;
  padding:5px 10px!important;
}
.modal-footer .btn-group a.btn:hover{
  background:rgb(66,133,244,0.1)!important;
}
.modal-footer .btn-group a.btn-blue:hover{
	background:rgb(66,133,244,0.1)!important;
  color:#0389FF!important;
}
.modal-footer .btn-wrapper .btn-group a.btn-red{
  border:1px solid #c53929!important;
}
.modal-footer .btn-group a.btn-blue{
	background:rgb(51, 103, 214);
	color:#FFFFFF;
	border:none;
}
.modal-footer .btn-group a.btn-red:hover{
  color:#c53929!important;
  border:none;
  background:rgb(197,57,41,0.1)!important;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0,  0);
    -o-transform: translate(0,  0);
    transform: translate(0, 0);
}
.modal-content.ok{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background:#33A955;
  width:300px;
  height:300px;
  border-radius:25px;
}
.modal-content.ok .close{
  color:#FFFFFF;
}
.modal-content.ok .close:hover{
  color:#33A955;
}
.modal-content.ok .modal-body{
  padding:15px 15px 0px 15px;
}
.modal-content.ok .modal-body div{
  justify-content:center;
}
.modal-content.ok .modal-body img{
  width:75px;
  margin-bottom:15px;
}
.modal-content.ok .modal-body p{
  color:#FFFFFF;
  font-size:16px;
  font-weight:500;
  width:100%;
  text-align:center;
}
.modal-content.ok .modal-footer,
.modal-content.ok .modal-footer .btn-wrapper{
  justify-content:center;
  border:none;
  padding-top:0px;
}
.modal-content.ok .modal-footer .btn-wrapper .btn-group .btn{
  color:#33A955!important;
  border:none!important;
}
.modal-content.ok .modal-footer .btn-wrapper .btn-group .btn:hover{
  color:#33A955!important;
  border:none!important;
  background:#FFFFFF!important;
  opacity:0.75;
}


@media (max-width: 991px) {
  .modal-dialog{
    width:96%;
    height:100%;
  }
  .modal-content{
    width:100%;
  }
  .modal-body div > div.form-group,
  .modal-body div > div.form-group-sm{
    flex-wrap:wrap;
    width:100%!important;
  }
  .modal-body div.form-group.form-group-horizontal .form-radio{
    width:33%;
  }
  .modal-body div.form-group.form-group-horizontal .form-radio input[type="radio"]{
    left:-150%;
    width:250%;
  }
}
@media (max-width: 768px) {
  .modal-dialog,
  .modal-content{
    width:100%!important;
    height:auto!important;
    max-height:100%!important;
    margin:0px!important;
    border-radius:0px!important;
  }
  .modal-body{
    height:auto!important;
    max-height:350px!important;
  }
  .modal-body > div{
    height:auto!important;
    overflow:hidden!important;
    overflow-y:scroll!important;
    margin-right:-8px!important;
  }
  .modal-body > div::-webkit-scrollbar-thumb, 
  .modal-body > div::-webkit-scrollbar-track{
    display:none!important;
    visibility:hidden!important;
  }
}


/* CONTACTO XS */
.contacto-xs-wrapper{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%!important;
  height:auto!important;
  margin:-10px 0px 15px 0px!important;
}
.contacto-xs{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  overflow:hidden!important;
  margin-right:2px!important;
  margin-bottom:2px!important;
}
.contacto-xs a:first-child{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:auto;
  height:100%;
  padding:3px 25px 3px 7px;
  color:#FFFFFF;
  background-color:#1a73e8;
  border-radius:20px;
  font-size:14px;
  overflow:hidden;
}
.contacto-xs a:first-child img{
 width:15px;
 height:15px;
 border-radius:50%;
 margin-right:2px;
}
.contacto-xs a:first-child span{
  font-size:0.8em;
  color:#FFFFFF;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  max-width:100%;
}
.contacto-xs a.close{
  position:absolute;
  top:3px;
  right:5px;
  display:flex!important;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  width:15px;
  height:15px;
  color:#FFFFFF;
  padding:0px;
  border-radius:50%;
  font-size:1rem!important;
  opacity:0.5;
}
.contacto-xs a:last-child i{
  font-size:0.6em!important;
}
.contacto-xs a:last-child:hover{
  opacity:1;
}
/* CONTACTO XS */


/* SYSTEM PAGES */
.system{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  position:relative;
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
}
.system.warning{
  background-color:#D93025!important;
}
.system .system-wrapper{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  height:100%;
  width:100%;
  margin:0px;
  padding:0px;
  resize:both;
  overflow:auto;
}
.system .system-wrapper .system-content{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:60%;
  min-width:600px;
  height:auto;
  margin:0px;
  padding:25px;
  border-radius:7px;
}
.system .system-wrapper .system-content .system-header{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  text-align:center;
  width:100%;
  margin-bottom:15px;
  padding:0px;
}
.system .system-wrapper .system-content .system-header > div > img{
  width:150px;
  margin-bottom:15px;
}
.system .system-wrapper .system-content .system-header > div > h1{
  display:block;
  font-size:24px;
  font-weight:400;
  color:#FFFFFF;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;
  margin:0px;
  padding:0px;
}
.system .system-wrapper .system-content .system-body{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  text-align:left;
  width:100%;
  margin:0px 0px 25px 0px;
  padding:0px;
}
.system .system-wrapper .system-content .system-body p{
  font-size:16px;
  font-weight:400;
  display:block;
  text-align:left;
  color:#FFFFFF;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;
}
.system .system-wrapper .system-content .system-footer{
  position:relative;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  text-align:center;
  width:100%;
  margin:25px 0px 0px 0px;
  padding:0px;
}
.system .system-wrapper .system-content .system-footer a.btn{
  background:transparent;
  border-color:#FFFFFF;
  color:#FFFFFF;
}
.system .system-wrapper .system-content .system-footer > div:last-child a.btn{
  background-color:#FFFFFF;
}
.system.warning .system-wrapper .system-content .system-footer > div:last-child a.btn{
  color:#D93025;
}
/* SYSTEM PAGES */

/* SELECT 2 */
input.select2{
  position:relative;
}
div.select2{
  position:absolute;
  top:50px;
  left:0px;
  width:100%;
  height:auto;
  max-height:200px;
  background-color:#FFFFFF;
  z-index:10;
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  border-radius:0 0 3px 3px;
  overflow:scroll;
  overflow-x:hidden;
}
div.select2-body{
  position:relative;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
}
div.select2-body ul{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  border-left:#E5E5E5 solid 1px;
  border-right:#E5E5E5 solid 1px;
}
div.select2-body ul li{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:35px;
  background-color:#FFFFFF;
}
div.select2-body ul li.select2-title{
  padding:0px 10px;
  height:22px;
  background:#79fff3;
}
div.select2-body ul li h5{
  display:flex;
  font-size:10px;
  text-align:left;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  color:#181a55;
}
div.select2-body ul li a{
  position:relative;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  height:100%;
  text-align:left;
  padding:0px 10px;
  border-bottom:1px #E5E5E5 solid;
  font-size:12px;
  background-color:#FFFFFF;
}
div.select2-body ul li a:hover,
div.select2-body ul li a:active,
div.select2-body ul li a:focus{
  background:#E5E5E5;
  text-decoration:none;
  outline:none;
}
div.select2-body ul li a img{
  width:25px;
  height:25px;
  margin-right:10px;
  border-radius:50%;
}
div.select2-body ul li a span{
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:#4b4f56;
  font-weight:500;
  width:auto;
}
/* SELECT 2 */

/* ESTRELLAS */
.stars{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center!important;
  width:100%;
  height:35px;
  border-bottom:#E5E5E5 solid 1px;
}
.stars i, 
.stars i:hover ~ i {
  color:#5f6368;
  font-size:14px;
  cursor:pointer;
  text-shadow: none;
}
.stars i:hover{
  color:#fc0;
  text-shadow: #fc0 0 0 20px;
}
.stars i.active{
  color:#fc0;
  text-shadow: #fc0 0 0 20px;
  -webkit-text-stroke-color:#f89a1f;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: #ffe100;
}
/* ESTRELLAS */

/* SPINNER */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes drop {
  0% {
    bottom: 0px;
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    bottom: -200px;
  }
}
@keyframes wave {
  0% {
    background-position: 0 160px;
    background-size: 170px 300px;
  }  
  100% {
    background-position: 500px -18px;
    background-size: 250px 150px;
  }
}
.spinner-wrapper{
  position:fixed;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color:rgb(245, 245, 245, 0.8);
  z-index:15;
}
.spinner {
  width:100%;
  height:100%;
}
.spinner .loader {
  width:100px;
  height:100px;
  position:absolute;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
  text-align:center;
  line-height:100px;
  font-family:sans-serif;
  color:#ffffff;
  font-size:16px;
  cursor:pointer;
}
.spinner .loader-bg {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  background:linear-gradient(to bottom, #0389ff, #1c79c0)!important;
  z-index:2;
  border-radius:50%;
  animation: wave 1s ease-out forwards;
}
.spinner .loader span:first-child {
  display:block;
  z-index:3;
  font-size:0.7em;
  margin-bottom:2px;
  text-transform:uppercase;
}
.spinner .loader span:last-child {
  display:block;
  z-index:3;
  font-size:0.65em;
  font-weight:bold;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;
}
.spinner .loader-bg img{
  width:50px;
  margin-bottom:5px;
}
.spinner .loader-bg span#spinner-loader-counter{
  font-size:10px;
}
.spinner .drops {
  -webkit-filter: url('#liquid');
  filter: url('#liquid');
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:1;
  opacity:0;
  animation:fade-in .1s linear .4s forwards;
}
.spinner .drop1 , .spinner .drop2 {
  width:21px;
  height:24px;
  border-radius:50%;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  background-color:#1a73e8;
}
.spinner .drop1 {
  width:50px;
  height:16px;
  bottom:2px;
  border-radius:0;
}
.spinner .drop2 {
  animation: drop 1.3s cubic-bezier(1,.19,.66,.12) .5s infinite;
}
@media (max-width: 768px){
  .spinner .drop1 {
    bottom:7px;
  }
}
.spinner-bar-wrapper{
  position:absolute;
  bottom:51px;
  left:0px;
  width:85%;
  height:3px;
  overflow:hidden;
}
.spinner-bar-wrapper .spinner-bar{
  background:#1a73e8;
}
/* SPINNER */


.tour-backdrop{
  display:none;
  visibility:hidden;
}
.tour-backdrop.active{
  position:fixed;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  display:block;
  visibility:visible;
  z-index:1100;
  background:#000000;
  opacity:0.8;
}
.tour-element{
  position:relative;
  z-index:1101;
  background:#FFFFFF;
}
.tour-popup{
  display:none;
  visibility:hidden;
}
.tour-popup.active{
  position:fixed;
  bottom:15px;
  right:15px;
  display:flex;
  visibility:visible;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:300px;
  height:auto;
  border-radius:3px;
  z-index:1102;
  overflow:hidden;
  background:#FFFFFF;
}
.tour-popup-title{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  padding:15px;
  background:#f5f5f5;
  border-bottom:1px solid #E5E5E5;
  font-size:16px;
}
.tour-popup-title .close{
  position:absolute;
  top:5px;
  right:5px;
  font-size:12px;
  color:#444444;
  padding:3px 5px;
  border-radius:50%;
  opacity:1;
}
.tour-popup-title .close:hover{
  background:#f1f3f4;
}
.tour-popup-content{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  padding:15px;
  font-size:12px;
}
.tour-popup-navigation{
  display:flex;
  width:100%;
  flex-wrap:nowrap;
  padding:15px;
  border-top:#E5E5E5 solid 1px;
}
.tour-popup-navigation .btn-wrapper:first-child{
  width:60%;
  justify-content:flex-start;
}
.tour-popup-navigation .btn-wrapper:last-child{
  width:40%;
  justify-content:flex-end;
}
/* IBOX-SELECTION */
.ibox-selection{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%; 
  overflow:hidden;
}
.side-4 .ibox-selection{
  margin:15px;
}
.ibox-selection-header,
.ibox-selection-body,
.ibox-selection-footer{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  height:100%; 
  overflow:hidden;
  border-radius:15px;
}
.ibox-selection-header .ibox-selection-option,
.ibox-selection-body .ibox-selection-option{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  padding:25px;
  margin:0px 10px 10px 0px;
  border:#E5E5E5 dashed 1px;
  border-radius:15px;
  overflow:hidden;
}
.ibox-selection-header .ibox-selection-option{
  margin:0px 0px 10px 0px;
}
.ibox-selection-body .ibox-selection-option:last-child{
  margin:0px;
}
.ibox-selection-body .ibox-selection-option.ibox-selection-option-sm{
  width:calc(25% - 7.5px);
}
.ibox-selection-body .ibox-selection-option.ibox-selection-option-sm:nth-child(4n){
  margin-right:0px;
}
.ibox-selection-header .ibox-selection-img,
.ibox-selection-body .ibox-selection-img{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:150px;
  height:100%; 
  overflow:hidden;
}
.ibox-selection-header .ibox-selection-img{
  width:350px;
}
.side-4 .ibox-selection-body .ibox-selection-img{
  width:100px;
}
.ibox-selection-header .ibox-selection-img img,
.ibox-selection-body .ibox-selection-img img{
  width:100%;
  height:100%;
}
.ibox-selection-header .ibox-selection-text,
.ibox-selection-body .ibox-selection-text{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  margin-top:15px;
}
.ibox-selection-header .ibox-selection-text{
  margin-top:0px;
}
.ibox-selection-header .ibox-selection-text h1{
  font-size:32px;
  margin-bottom:10px;
  text-align:center;
}
.ibox-selection-body .ibox-selection-text select{
  max-width:200px;
  position:relative;
}
.ibox-selection-body .ibox-selection-text select:before{
  content:"hola";
  position:relative;
  top:5px;
  right:0px;
  display:block;
  width:20px;
  height:20px;
  border:red solid thin;
  color:red;
}
.ibox-selection-body .ibox-selection-text h3,
.ibox-selection-footer .ibox-selection-title h3{
  font-size:16px;
  margin-bottom:10px;
  color:#181a55;
  text-align:center;
}
.side-4 .ibox-selection-body .ibox-selection-text h3{
  font-size:14px;
  font-weight:500;
  margin:0px;
}
.side-4 .ibox-selection-body .ibox-selection-option{
  padding:15px!important;
  border-radius:10px;
}
.ibox-selection-header .ibox-selection-text p,
.ibox-selection-body .ibox-selection-text p{
  color:#90949C;
  font-size:12px;
  text-align:center;
}
.ibox-selection-body .ibox-selection-text p{
  max-width:100%;
}
.side-4 .ibox-selection-body .ibox-selection-text p{
  font-size:10px;
}
.ibox-selection-header .ibox-selection-text p:last-child,
.ibox-selection-body .ibox-selection-text p:last-child{
  margin-bottom:0px;
}
.ibox-selection-header .btn-wrapper,
.ibox-selection-body .btn-wrapper{
  margin-top:25px;
}
.side-4 .ibox-selection-body .btn-wrapper{
  margin-top:15px;
}
.ibox-selection-footer{
  flex-wrap:nowrap;
  justify-content:flex-start;
  margin-top:15px;
  background:#f8fdff;
  border:#ddeaf5 solid 1px;
  border-radius:15px;
}
.ibox-selection-footer .ibox-selection-option{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%; 
  overflow:hidden;
  padding:15px;
}
.ibox-selection-footer .ibox-selection-option .ibox-selection-text{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
}
.ibox-selection-footer .ibox-selection-option .ibox-selection-text a{
  font-size:14px;
  margin-bottom:5px;
}
.ibox-selection-footer .ibox-selection-option .ibox-selection-text p{
  font-size:12px;
  text-align:center;
  max-width:80%;
}


/* CODE CLASSES */
pre,code{
  display:block;
  white-space:normal;
  font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:12px;
  margin:0px;
  padding:0px;
}
pre{
  overflow-x:scroll;
  padding:0px 0px 5px 0px;
}
code{
  background:#000000;
  color:#FFFFFF;
  line-height:20px;
  display:inline;
  padding:5px;
}
/* CODE CLASSES */


@media (max-width: 991px){
  #wrapper{
    padding-bottom:75px;
  }
  .ibox-selection-header .ibox-selection-option{
    width:100%;
    margin-right:0px;
  }
  .ibox-selection-body .ibox-selection-option.ibox-selection-option-sm{
    width:calc(50% - 5px);
  }
  .ibox-selection-body .ibox-selection-option.ibox-selection-option-sm:nth-child(2n){
    margin-right:0px;
  }
  .popup-wrapper{
    width:calc(100% - 30px);
    height:auto!important;
    max-height:auto!important;
  }
}

@media (max-width: 768px){
  .ibox-selection-header .ibox-selection-option,
  .ibox-selection-body .ibox-selection-option.ibox-selection-option-sm{
    width:100%;
    margin-right:0px;
  }
  .ibox-selection-footer{
    flex-wrap:wrap;
    padding:0px 15px;
  }
  .ibox-selection-footer .ibox-selection-option{
    border-bottom:#ddeaf5 dashed 1px;
  }
  .ibox-selection-footer .ibox-selection-option:last-child{
    border:none;
  }
  .dropdown-menu.center{
    width:100%!important;
    left:0px!important;
    z-index:20;
  }
  .dropdown-menu.center.double{
    width:200%!important;
    left:0px!important;
  }
  .dropdown-menu.center li a{
    text-align:center!important;
    z-index:20!important;
  }
  .notifications-bar .notification-text p{
    white-space: normal;
    text-overflow: unset;
    overflow:visible;
    font-size:10px;
    padding:0px;
    text-align:center;
  }
  .info-group-sm{
  width:50%!important;
  }
  .info-group-xs{
    width:50%!important;
  }
}







/* IBOX-SELECTION */