/* RESET */
@charset "utf-8";a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* ESTILOS */
body {background-color: #FFF; overflow-x: hidden }

.clear0 { clear:both; height:0px}
.clear6 { clear:both; height:6px}
.clear10 { clear:both; height:10px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
*:focus { outline:none}
p, a, ul, li, b, a, u, i, strong, input, textarea, label, span, h1, h2, h3, h4, h5, h6, span, strong, output, * { font-family: 'Work Sans', sans-serif !important; }
b, strong { font-weight:bold}
i { font-style: italic}
u { text-decoration: underline}


.body-opacidad { display: none;}




.africa { width: 100%; height: auto; background-color: #222; text-align: center; padding: 10px 0px; position: fixed !important; bottom: 0 !important; z-index: 999;}
.africa p { color: #CCC; font-size: 10px; line-height: 12px; text-transform: uppercase}
.africa p a { color: #CCC; }
.africa p a:hover { color: #FFF; text-decoration: underline}






.screen-preload { width: 100%; height: 100%; position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%);}
.screen-preload img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 130px}
.cont-intro { opacity: 0}


.swiper-slide { }


#tabs { overflow: hidden}



.cont-menu { width: 64px; height: 100%; position: fixed;  top: 0; left: 0;  z-index: 40; background-color: #FFF;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
-webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.1);}
.cont-menu-move { left: 280px}
.cont-menu .cont-menu-in { width: 64px; top: 64px; bottom: 0px; position: absolute;  left: 0px;  background-color: #FFF; overflow: hidden;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
-webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0);
box-shadow: 0px 0px 18px 1px rgba(0,0,0,0);}
.cont-menu .icon-menu { width: 64px; height: 64px; text-align: center; cursor: pointer; position: absolute; top: 0; left: 0; cursor: pointer; }
.cont-menu .icon-menu img { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.cont-menu .icon-menu:hover img { width: 70%; opacity: 0.7}

.cont-menu .icon-back { width: 64px; height: 64px; text-align: center; cursor: pointer; position: absolute; top: 0; left: 0; cursor: pointer; display: none }
.cont-menu .icon-back img { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.cont-menu .icon-back:hover img { width: 70%; opacity: 0.7}

.icons-group { width: 100%;  float: left; margin-left: 0px; height: auto; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-top: 18px; padding-bottom: 5px; 
-moz-transition:all 0.35s ease 0s;
    -o-transition:all 0.35s ease 0s;
    -ms-transition:all 0.35s ease 0s;
    -webkit-transition:all 0.35s ease 0s;}
.icons-group a { display:block;     }
.icons-group a.activo { background-color: #404040;}
.icons-group a.activo .side-line { opacity: 1;height: 32px}
.icons-group .separa {width:100%; height:1px; background-color:#fff; opacity:0.4; margin:10px 0px}
.icons-group .item { width: 100%; height: auto;  position: relative;   display: flex;    align-items: center; min-width: 280px; padding: 8px 0px;   }
.icons-group .item .side-line { width: 4px; background-color: #707070; height: 10px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); opacity: 0;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s}
.icons-group .item:hover .side-line { height: 32px; opacity: 1}
.icons-group .item .icono-base { width: 38px; height: auto; z-index: 1; opacity: 0.7; position: absolute; top: 50%; left: 14px;  transform: translateY(-50%);
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.icons-group .item .icono-hover { width: 38px; height: auto; position: absolute; top: 50%; left: 14px;  transform: translateY(-50%); opacity: 0; z-index: 10;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.icons-group .item:hover .icono-hover { opacity: 1}
.icons-group .item p { color: #707070; font-size: 16px; padding-left: 65px;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s}
    .icons-group .item p b { font-size: 18px; line-height: 28px;}

.cont-menu .in-style2 { border-bottom: none}


.group-last { border: none}

.cont-menu-in:hover { width: 260px; -webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.15);}
.cont-menu-in:hover .icons-group { width: 100%}
.cont-menu-in:hover .icons-group .item p { opacity: 1}
.icons-group .active .icono-base { opacity: 0}
.icons-group .active .icono-hover { opacity: 1}
.icons-group .active p { color: #D62C37}
.icons-group .item:hover p { color: #D62C37}
.icons-group a:hover { background-color: #404040;}

.icons-group .active .side-line { opacity: 1; height: 32px}
.icons-group .active:hover .side-line {opacity: 1; height: 32px}
.icons-group .item .show-hide-btn { width: 30px; height: 30px; position: absolute; top: 56%; transform: translateY(-50%); right: 6px;   opacity: 0;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.icons-group .item .show-hide-btn:hover { opacity: 1}
.icons-group .item .collapse { background-image: url(../img/icUp2.svg); background-size: auto 30%; background-position:  center center; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: 0; left: 0}
.icons-group .item .expande { background-image: url(../img/icDown2.svg); background-size: auto 30%; background-position:  center center; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: 0; left: 0; display: none}
.cont-menu-in:hover .show-hide-btn { opacity: 0.6}

.side-menu { width: 0px; height: 100%;  position: absolute; left: 0; top: 0; z-index: 30; background-color: #333; overflow: hidden;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.side-menu-open { width: 280px}




.side-menu .icons-group { border-bottom: none}
.side-menu .icons-group .item p { color: #FFF !important;}
.side-menu .icons-group .active p { font-weight: 500; opacity: 0.85 !important}
.side-menu .icons-group .item:hover p { opacity: 1 !important}
.side-menu .icons-group .item .side-line { background-color: #d60058 !important;}



.menu-settings { width: 0px; height: 100%;  position: absolute;right: -280px; top: 0; z-index: 30; background-color: #333; overflow: hidden; 
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.menu-settings .close { position: absolute; width: 18px; top: 20px; right: 20px; opacity: 0.7; cursor: pointer;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s }
.menu-settings .close:hover { opacity: 1 }



.menu-settings .name { width: 80%; margin: auto; border-bottom: 1px solid #545455; text-align: left; padding: 20px 0px; padding-top: 34px; margin-top: 30px}
.menu-settings .name .picture { width: 48px; height: 48px; overflow: hidden; display: inline-block; margin-right: 12px; vertical-align: middle; position: relative;
    -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);}
.menu-settings .name .picture img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;}

.menu-settings .name p { color: #FFF; font-size: 16px; display: inline-block; vertical-align: middle}

.menu-settings .user-options { width: 80%; margin: auto; margin-top: 20px}
.menu-settings .user-options h3 { color: #AAA !important; padding: 0px !important; margin: 0px !important;  font-size: 16px !important; line-height: 24px !important; padding-bottom: 6px !important;}
.menu-settings .user-options .pLink { color: #AAA !important;}
.menu-settings .user-options .pLink:hover { color: #FFF !important}
.menu-settings .user-options h3 span { display: none !important}
.menu-settings .user-options h3:hover { color: #FFF !important; background: transparent !important; cursor: pointer; padding: 0px !important; margin: 0px !important;  font-size: 16px !important; line-height: 24px !important; padding-bottom: 6px !important; text-decoration: none !important}
.menu-settings .user-options p { color: #a4a3a9; font-size: 12px; line-height: 24px; border-left: 1px solid #4c4b51; margin-left: 6px; padding-left: 7px}
.menu-settings .user-options p a { color: #a4a3a9;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s}
.menu-settings .user-options p a:hover { text-decoration: underline; color: #FFF;}

.menu-settings-open { right: 0px; width: 280px }


.user-options .ui-state-hover { background-color: red}

.user-options .ui-accordion .ui-accordion-content {
    padding: 0em !important; 
}









.geoinsights-exp { 
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s
}

.geoinsights-exp-closed { display: none}
.geoinsights-exp-open { display: block}



.cont-menu-in:hover .geoinsights-exp .item img{ margin-left: 15px}
.cont-menu-in:hover .geoinsights-exp .item  p {    left: 72px;}





.languaje { width: 28px; height: 28px; background-color: rgba(256,256,256,0);overflow: hidden; float: left; margin-top: -3px; margin-right: 4px; cursor: pointer;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.languaje div { width: 24px; height: 24px;  margin: 2px; overflow: hidden; text-align: center; position: relative;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.languaje div p { font-size: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #777;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.languaje div.active { background-color: #7c7c7c;}
.languaje div.active p { color: #FFF}

.languaje:hover { background-color: rgba(256,256,256,1); height: 80px; height: auto;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);}
.languaje div:hover { background-color: #b33236;}
.languaje div:hover p { color: #FFF}







.contFormLogin { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; background-image: url(../img/back.jpg); background-position: center center; background-size: cover;}
#form1 { width: 400px; height: auto; background-color: #FFF; display: flex; align-items: center; justify-content: center; flex-direction: column; box-sizing: border-box; padding: 40px; text-align: center; border: 3px solid #CCC;}
#form1 img { width: 80%; max-width: 300px; margin-bottom: 40px;}
#form1 p { font-size: 16px; line-height: 25px; margin-bottom: 6px;}
#form1 input { width: 100%; box-sizing: border-box; text-align: center; padding: 10px; font-size: 20px; line-height: 30px; margin-bottom: 20px;}
#form1 .campoIngresar { width: 100%; box-sizing: border-box; text-align: center; padding: 14px; font-size: 20px; line-height: 30px; margin-bottom: 20px; background-color: #d60058; color: #FFF; border: none; cursor: pointer;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
#form1 .campoIngresar:hover { background-color: #222;}







.formulario { width: 90%; height: auto; display: flex; flex-direction: column; margin:auto; margin-top: 60px; flex-wrap: wrap;}
.formulario label { font-size: 12px; font-weight: 600; letter-spacing: 2px; margin-bottom: 3px; margin-top: 10px; color: #d60058; max-width:660px}
.formulario input { width: 100%; box-sizing: border-box; padding: 10px 0px; font-size: 18px; line-height: 26px; border: none; border-bottom: 1px solid #CCC; margin-bottom: 20px; max-width:660px}
.formulario .sendBtn { max-width: 200px; color: #FFF; border: none; padding: 10px; text-align: center; margin-top: 10px; background-color: #d60058; cursor: pointer; margin-top: 40px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.formulario .sendBtn:hover { background-color: #222;}
.formulario .izq { width: 500px; display: flex; flex-direction: column; margin-right: 50px;}
.formulario .der { width: 500px; text-align: center; display: flex; justify-content: space-between; }
.formulario .der>div { width: 48%;}
.formulario .der input { text-align: center; font-size: 60px;padding: 30px 0px; margin-top: 20px;}
.formulario .der label { letter-spacing: 0px; font-size: 16px;}






.quantity {
    position: relative;
  }
  
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button
  {
    -webkit-appearance: none;
    margin: 0;
  }
  
  input[type=number]
  {
    -moz-appearance: textfield;
  }
  
  .quantity input {
    width: 100%;
    height: 100px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
  }
  
  .quantity input:focus {
    outline: 0;
  }
  
  .quantity-nav {
    float: left;
    position: relative;
    height: 100px;
    position: absolute;
    width: 50px;
    height: 100px;;
    top: 20px;
    right: 0;
  }
  
  .quantity-button {
    position: relative;
    cursor: pointer;
    border: 1px solid #CCC;
    box-sizing: border-box;
    width: 50px;
    text-align: center;
    color: #333;
    font-size: 26px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border: 1px solid #CCC;
    box-sizing: border-box;
    background-color: #EEE;
  }
  
  .quantity-button.quantity-down {
    position: absolute;
    bottom: 0px;
    height: 50%;
    background-color: #EEE;
  }







@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}










.cont-header { background-color: #EEE; height: 64px; position: fixed; top: 0; right: 0; left: 64px; z-index: 21;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.cont-header-move { left: 344px;}
.cont-header .logo {     margin: 16px;    float: left;    height: 30px;}
.cont-header .cliente { float: left; margin-left: 6px; margin-top: 22px; font-size: 20px; font-weight: 400; letter-spacing: -1px}

.cont-header .cont-configuration { position: absolute; right: 15px; top: 50%; transform: translateY(-50%);  height: 20px; padding-left: 10px; margin-right: 20px; }
.cont-header .cont-configuration .item { width: 26px; height: 26px; overflow: hidden; margin: auto; position: relative; cursor: pointer; float: left; margin-top: -2px;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.cont-header .cont-configuration .item .icono-hover { width: 20px; height: auto; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.cont-header .cont-configuration .item .icono-base { width: 20px; height: auto; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.cont-header .cont-configuration .item p { float: left; font-size: 14px; color: #707070; margin: 4px; position: absolute; left: 30px; opacity: 0;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.cont-header .cont-configuration .item:hover .icono-hover { opacity: 1 }
.cont-header .cont-configuration .item:hover .icono-base { opacity: 0 }

.cont-header .cont-configuration .salir { background-color: #000; color: #FFF; box-sizing: border-box; padding: 8px 20px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.cont-header .cont-configuration .salir:hover { background-color: #d60058;}





.cont-section { position: absolute; overflow: hidden; top: 64px; left: 64px; right: 0px; bottom: 0px; z-index: 1;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.cont-section-move { left: 344px}
.no-top-bar .overlay-cont { top: 0px}
.geo-insights { text-align: center; background-image: url(../img/fondo1.jpg); background-size: cover;  background-position: center center;}
.geo-insights .cont-data { width: 600px; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.geo-insights .cont-data h4 { color: #FFF; font-size: 34px; font-weight: 400; margin-bottom: 20px; margin-top: 30px}
.geo-insights .cont-data p { color: #FFF; font-size: 18px; font-weight: 300; margin-bottom: 15px; line-height: 24px;}
.geo-insights .cont-data .filter-options { width: auto; height: 190px; margin: auto; margin-top: 80px;}
.geo-insights .cont-data .filter-options .option { width: 120px; height: auto; display: inline-block; vertical-align: middle; margin: 0px 30px;}
.geo-insights .cont-data .filter-options p { font-size: 17px; font-weight: 400; margin-top: 20px;}
.geo-insights .cont-data .sibling-fade > * { visibility: visible; }
.geo-insights .cont-data .sibling-fade > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.geo-insights .cont-data .sibling-fade:hover > * { opacity: 0.4; transform: scale(0.9); }
.geo-insights .cont-data .sibling-fade > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }

.startpoint { text-align: center; background-image: url(../img/back.jpg); background-size: cover;  background-position: center center;}
.startpoint .cont-startpoint { width: auto; margin: auto; position: absolute; top: 50%; left: 14%; transform: translate(0%,-50%); }
.startpoint .cont-startpoint h2 { color: #FFF; font-size: 60px; font-weight: 600; margin-bottom: 20px; margin-top: 30px; text-align: left;}
.startpoint .cont-startpoint p.welcome { color: #FFF; font-size: 36px; font-weight: 300; line-height: 45px; text-align: left}

.centroo { position: absolute; top: 70px; bottom: 70px; left: 70px; right: 70px; }
.centroo h2 { color: #FFF; font-size: 60px; font-weight: 600; margin-bottom: 20px; margin-top: 30px; text-align: left;}
.contIndice { width: 100s%; height: 80vh; overflow-y: hidden;}
.contIndice p { width: 100%; text-align: left; color: #FFF;column-count: 3;}
.contIndice p a { color: #FFF; font-size: 18px; font-weight: 300; line-height: 38px; text-align: left}
.contIndice p a:hover { text-decoration: underline;}


.start-btn { width: auto; padding: 16px 24px; background-color: #b13334; text-align: center; display: inline-block; float: left; margin-top: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.start-btn p { color: #FFF; font-size: 16px; display: inline-block; vertical-align: middle; margin-right: 14px;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.start-btn .arrow { width: 24px; height: 24px; background-color: #7d2325; display: inline-block; vertical-align: middle; text-align: center; position: relative; background-image: url(../img/icOpen.svg); background-repeat: no-repeat; background-position:  center center; background-size: auto 50%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}
.start-btn:hover { background-color: #7d2325;}
.start-btn:hover p { margin-right: 26px;}







/* The container must be positioned relative: */
.custom-select {  position: relative;  font-family: Arial; width: 280px; margin: auto; margin-top: 30px; text-align: left; border-bottom: 1px solid #FFF;}
.custom-select select {  display: none; height: 100px;/*hide original SELECT element: */}
.select-selected {  background-color: transparent;}
/* Style the arrow inside the select element: */
.select-selected:after {  position: absolute;  content: "";  top: 14px;  right: 10px;  width: 0;  height: 0;  border: 6px solid transparent;  border-color: #fff transparent transparent transparent; }
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {  border-color: transparent transparent #fff transparent;  top: 7px;}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {  color: #ffffff;  padding: 8px 16px;  border: 1px solid transparent;  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;}
/* Style items (options): */
.select-items {  position: absolute;  background-color: #333;  top: -169px;  left: 0;  right: 0;height: 170px; overflow-Y: scroll;  z-index: 99;}
/* Hide the items when the select box is closed: */
.select-hide {  display: none;}
.select-items div:hover, .same-as-selected {  background-color: rgba(0, 0, 0, 0.1);}





.cont-shapes { width: auto; margin: auto; background-color: #FFF; text-align: center;  padding: 8px 15px; padding-top: 10px; margin-top: 30px; display: inline-block;
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.cont-shapes .shapes { width: 35px; display: inline-block; margin: 0px 5px; cursor: pointer; vertical-align: middle}
.cont-shapes .shapes:hover { opacity: 0.5}
.cont-shapes .separa { width: 8px; display: inline-block; vertical-align: middle}




.upper-options { width: 100%; height: 46px; background-color: #333333; position: absolute; top: 0px; left: 0px; z-index: 10}


.upper-options .filters { float: left}
.upper-options .filters li {  background-color: #FFF;  width: auto; height: 22px; width: auto; display: inline-block; text-align: left; padding: 4px 0px; padding-left: 6px; padding-right: 10px; 
     margin: 8px; margin-right: 0px;  margin-left: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.upper-options .filters li p { display: inline-block;    font-size: 12px;    color: #333;     margin-top: 3px; vertical-align: middle}
.upper-options .filters li .icon { display: inline-block; width: 20px; position: relative; cursor: pointer; vertical-align: middle; height: 20px}
.upper-options .filters li .icon .filter-a { position: absolute; width: 100%; top: 0; left: 0}
.upper-options .filters li .icon .filter-b { position: absolute; width: 100%; top: 0; left: 0; display: none}
.upper-options .filters li:hover { background-color: #EEE}
.upper-options .filters li .close { display: inline-block; width: 10px; position: relative; cursor: pointer; vertical-align: middle; margin-top: 3px; margin-left: 6px; opacity: 0.6}
.upper-options .filters li .close:hover { opacity: 1}
.upper-options .filters li .run { display: inline-block; width: 10px; position: relative; cursor: pointer; vertical-align: middle; margin-top: 3px; margin-left: 6px; opacity: 1}
.upper-options .filters li.play {  background-color: #6AA13F; cursor: pointer; margin-right: 6px; margin-left: 12px}
.upper-options .filters li.play p { color: #FFF; font-weight: 500}
.upper-options .filters li.play:hover { background-color: #4F8128}



.upper-options .right-options { position: absolute; right: 8px; width: auto; height: auto;}
.upper-options .right-options li {  background-color: #B13434;  width: auto; height: 22px; width: auto; display: inline-block; text-align: left; padding: 4px 0px; 
    padding-left: 8px; padding-right: 16px;  cursor: pointer;
     margin: 8px; margin-right: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.upper-options .right-options li p { display: inline-block; font-size: 14px; color: #FFF; margin-left: 6px ; margin-top: 2px; vertical-align: middle}
.upper-options .right-options li .icon { display: inline-block; width: 18px; vertical-align: middle; margin-top: 2px}
.upper-options .right-options li .icon .filter-a { width: 100%; }
.upper-options .right-options li:hover { background-color: #8A2828}





.cont-sidebar { width: 450px; position: absolute; bottom: 0px; top: 46px; right: -450px; background-color: #FFF; z-index: 20;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.cont-sidebar-open { right: 0px}
.cont-sidebar .tabs { width: 100%; height: 56px; position: absolute; top: 0px; }
.cont-sidebar .tabs .cont-icon { width: 50px; float: left; height: 56px; margin-left: 10px; position: relative;}
.cont-sidebar .tabs .cont-icon .icon { position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1}
.cont-sidebar .tabs p { font-size: 18px; color: #020202; float: left; letter-spacing: -1px; margin-top: 19px}


.cont-sidebar .cont-data { position: absolute; top: 56px; bottom: 0px; left: 0; right: 0;  }
.cont-sidebar .cont-data .in { width: 86%; margin: auto; margin-top: 30px;}
.cont-sidebar .cont-data .cont-image { width: 100%; height: auto; position: relative; margin-bottom: 50px;}
.cont-sidebar .cont-data .cont-image img { width: 100%;}
.cont-sidebar .cont-data .cont-image .btn-add { width: 70px; height: 70px; background-color: #D62C37; position: absolute; bottom: 0px; right: 20px; transform: translateY(50%); cursor: pointer;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.cont-sidebar .cont-data .cont-image .btn-add img { position: absolute; width: 36px; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.cont-sidebar .cont-data .cont-image .btn-add:hover { background-color: #9B040D;}

.cont-sidebar .cont-data h5 { letter-spacing: -1px; font-size: 23px; font-weight: 400; margin-bottom: 5px;}
.cont-sidebar .cont-data .adress {letter-spacing: 0px; font-size: 16px; margin-bottom: 18px; font-weight: 300}
.cont-sidebar .cont-data p { letter-spacing: 0px; font-size: 14px; line-height: 24px;}
.cont-sidebar .cont-data p b { font-weight: 700; }


.cont-sidebar .cont-graf { width: 100%; height: auto; background-color: #ECEDF5; padding-top: 26px; padding-bottom: 20px; text-align: center; margin-top: 30px; margin-bottom: 30px;}
.cont-sidebar .cont-graf .grafico { width: 92%;}
.cont-sidebar .cont-graf p { text-align: left; width: 90%; margin: auto; margin-bottom: 10px; font-size: 15px;}




.cont-sidebar .close-info { position: absolute; background-color: #FFF; width: 20px; height: 50px; top: 70px; left: -20px; cursor: pointer; z-index: 10; display: none;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.cont-sidebar .close-info img { position: absolute; top: 50%; left: 56%; transform: translate(-50%,-50%); width: 10px;}
.cont-sidebar .close-info:hover { width: 26px; left: -26px}

.cont-sidebar .open-info { position: absolute; background-color: #FFF; width: 20px; height: 50px; top: 70px; left: -20px; cursor: pointer; z-index: 2;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.cont-sidebar .open-info-move { left: 0px;}
.cont-sidebar .open-info img { position: absolute; top: 50%; left: 56%; transform: translate(-50%,-50%); width: 10px;}
.cont-sidebar .open-info:hover { width: 26px; left: -26px}

.cont-sidebar .close-info.appear { display: block}
.cont-sidebar .open-info.appear { display: block}


.cont-map { width: 100%;  position: absolute; top: 46px; bottom: 0px; left: 0; background-color: #EEE; z-index: 1}


.cont-sidebar-open .open-info { display: none}
.cont-sidebar-open .close-info { display: block}








.common-content { width: 100%;    height: 360px; position: relative;  }
.common-content h4 { color: #FFF; font-size: 34px; font-weight: 400; margin-bottom: 20px; margin-top: 30px}
.common-content p { color: #FFF; font-size: 18px; font-weight: 300; margin-bottom: 35px; line-height: 24px;}
.common-content .search-field1 { width: 100%; max-width: 460px; height: 40px; border: 1px solid #FFF; margin: auto; position: relative; overflow: hidden; padding-left: 10px; padding-right: 10px; color: #FFF;background: transparent; background-image: url(../img/icSearch1.svg); background-repeat:  no-repeat; background-position: center right; background-size: 28px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.common-content .search-field1 .text-input1 { width: 90%; height: 40px; padding-left: 5px; padding-right: 10px; color: #FFF;background: transparent; border: none; float: left }
.common-content .submit-btn1 { color: #FFF; background-color: #707070; padding: 14px 34px; border: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  cursor:pointer; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.common-content .submit-btn1:hover { background-color: #B13434; padding: 14px 42px;}

.common-content .filter-options { width: auto; height: 195px; margin: auto; margin-top: 80px;}
.common-content .filter-options .option { width: 120px; height: auto; display: inline-block; vertical-align: middle; margin: 0px 30px;}
.common-content .filter-options p { font-size: 17px; font-weight: 400; margin-top: 20px;}
.common-content .sibling-fade > * { visibility: visible; }
.common-content .sibling-fade > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.common-content .sibling-fade:hover > * { opacity: 0.4; transform: scale(0.9); }
.common-content .sibling-fade > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }

.common-content .scroll-in { width: 600px; height: 300px; margin: auto; }



.common-content .cont-select1 { width: 27%; height: auto; display: inline-block; text-align: left; margin: 0px 16px; margin-bottom: 22px; opacity: 0.5}
.common-content .cont-select1 label { color: #E6E6E6; width: 100%; font-size: 13px; }
.common-content .cont-select1 select { width: 100%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background: transparent;
    background: url(../img/icSelect.svg) 96% / 15% no-repeat; background-size: 20px}
.common-content .cont-select1 select option { color: #707070}
.common-content .active { opacity: 1}


.common-content .style1 { width: 250px; opacity: 1}
.common-content .style2 { width: 500px; opacity: 1}
.common-content .style3 { width: 330px; opacity: 1}
.common-content .style4 { width: 130px; opacity: 1}
.common-content .style5 { width: 332px; opacity: 1; margin-bottom: 0px; float: left}
.common-content .style6 { width: 130px; opacity: 1; margin-bottom: 0px; margin-right: 0px; float: left;}







.overlay-cont { width: 100%; bottom: 0px; position: absolute; top: 46px; left: 0;  z-index: 10}
.overlay-cont .cont-left { position: absolute; top: 0; left: 0; right: 450px; height: 100%; text-align: center; background-color: rgba(0,0,0,0.85);}
.overlay-cont .cont-left .centered-info { width: 90%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.overlay-cont h4 { color: #FFF; font-size: 34px; font-weight: 400; margin-bottom: 20px; margin-top: 30px}

.overlay-cont .cont-right { background-color: #FFF;position: absolute; top: 0; right: 0; width: 450px; height: 100%; overflow: hidden;}



.overlay-cont .with-close { overflow: visible}
.overlay-cont .cont-right .cont-tabs { width: 100%; height: 70px; background-color: #EBEBEB; }
.overlay-cont .cont-right .cont-tabs .each-tab { width: 50%; height: 70px; position: relative; float: left;
    -moz-transition:all 0.5s ease 0s; cursor: pointer;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont .cont-right .cont-tabs .each-tab p { color: #CCC; width: 86%; position: absolute; top: 50%; transform: translateY(-50%); left: 8%; font-size: 17px; letter-spacing: -1px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont .cont-right .cont-tabs .active { background-color: #FFF;}
.overlay-cont .cont-right .cont-tabs .active p { color: #000}
.overlay-cont .cont-right .cont-tabs .each-tab:hover { background-color: #f2f2f2;}
.overlay-cont .cont-right .cont-tabs .each-tab:hover p { color: #707070}
.overlay-cont .cont-right .cont-tabs .active:hover { background-color: #FFF;}
.overlay-cont .cont-right .cont-tabs .active:hover p { color: #000}
.overlay-cont .cont-right .one-tab .each-tab { background-color: #FFF; width: 100%; cursor: auto}
.overlay-cont .cont-right .one-tab .each-tab p { color: #000; width: 90%;    left: 5%; font-size: 20px;}
.overlay-cont .cont-right .one-tab .each-tab:hover { background-color: #FFF}


.overlay-cont .cont-right .cont-move { position: absolute; top: 110px; bottom: 0; width: 100%;  }
.overlay-cont .cont-right .move-tall { top: 70px}
.overlay-cont .cont-right .cont-move .tab-content { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.overlay-cont .cont-right .cont-move .cont-tab1 { display: block; }
.overlay-cont .cont-right .cont-move .cont-tab2 { display: block; left: 100%;}
.overlay-cont .cont-right .cont-move .cont-tab3 { display: block; left: 200%;}

.overlay-cont .cont-right .cont-tabs3 { width: 100%; height: 70px; background-color: #EBEBEB; }
.overlay-cont .cont-right .cont-tabs3 .each-tab { width: 33%; height: 70px; position: relative; float: left;
    -moz-transition:all 0.5s ease 0s; cursor: pointer;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont .cont-right .cont-tabs3 .each-tab p { color: #CCC; width: 86%; position: absolute; top: 50%; transform: translateY(-50%); left: 8%; font-size: 15px; letter-spacing: -1px; line-height: 18px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont .cont-right .cont-tabs3 .active { background-color: #FFF;}
.overlay-cont .cont-right .cont-tabs3 .active p { color: #000}
.overlay-cont .cont-right .cont-tabs3 .each-tab:hover { background-color: #f2f2f2;}
.overlay-cont .cont-right .cont-tabs3 .each-tab:hover p { color: #707070}
.overlay-cont .cont-right .cont-tabs3 .active:hover { background-color: #FFF;}
.overlay-cont .cont-right .cont-tabs3 .active:hover p { color: #000}

.overlay-cont .cont-right .tab-content .bottom-bar {  position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background-color: #DADADA; z-index: 100}
.overlay-cont .cont-right .tab-content .bottom-bar .send-btn { background-color: #B13434; color: #FFF; font-size: 13px; padding: 10px 18px; border: none; position: relative;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; float: right; margin: 13px 0px; margin-right: 10px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont .cont-right .tab-content .bottom-bar .send-btn:hover { background-color: #8A2828}
.overlay-cont .cont-right .tab-content .top-bar { width: 92%; margin: auto; position: relative;}
.overlay-cont .cont-right .tab-content .cont-check { width: 36px; height: 36px;  position: relative; float: left}
.overlay-cont .cont-right .tab-content .cont-check input { position: absolute; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont .cont-right .tab-content .search-field { background-color: #F4F3F3; width: 285px; height: 36px; float: left; margin-left: 5px; position: relative;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.overlay-cont .cont-right .tab-content .search-field .the-field { position: absolute; top: 4px; width: 240px; border: none; height: 30px; background: transparent; left: 10px;}
.overlay-cont .cont-right .tab-content .search-field .search-btn { position: absolute; width: 30px; height: 36px; top: 0; right: 0; border: none; background: transparent; background-image: url(../img/icSearch1.svg); background-position:  center center; background-size: 90%; background-repeat: no-repeat;}
.overlay-cont .cont-right .tab-content .right-options { position: absolute; right: 0; top: 7px;}
.overlay-cont .cont-right .tab-content .right-options li { width: 28px; text-align: center; float: left; margin: 0px 2px; cursor: pointer;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont .cont-right .tab-content .right-options li img { width: 22px;}
.overlay-cont .cont-right .tab-content .right-options li:hover { opacity: 0.6}
.overlay-cont .cont-right .tab-content .all-lists {    width: 90%;  margin: auto;  position: absolute;  bottom: 10%;  top: 10%;  left: 5%;  overflow: hidden;}
.overlay-cont .cont-right .tab-content .with-bottom { bottom: 15%;  }
.overlay-cont .cont-right .tab-content .new-bottom { bottom: 5% !important}
.overlay-cont .cont-right .tab-content .list0 { width: 100%; margin-bottom: 5px}
.overlay-cont .cont-right .tab-content .list0 li { width: 100%;  margin-top: 2px;}
.overlay-cont .cont-right .tab-content .list0 .cont-check { width: 36px; height: 36px;  position: relative; float: left}
.overlay-cont .cont-right .tab-content .list0 .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont .cont-right .tab-content .list0 label {font-size: 18px; font-weight: 400;     padding-top: 9px; float: left; width: 80%; }
.overlay-cont .cont-right .tab-content .list0 label.style2 {font-size: 16px; font-weight: 500;     padding-top: 9px; float: left; width: 80%; color: #656565 }
.overlay-cont .cont-right .tab-content .list1 { width: 100%; margin-bottom: 30px}
.overlay-cont .cont-right .tab-content .list1 h5 { font-size: 16px; font-weight: 400}
.overlay-cont .cont-right .tab-content .list1 li { width: 100%; border-bottom: 1px solid #CCC; margin-top: 2px;}
.overlay-cont .cont-right .tab-content .list1 .cont-check { width: 36px; height: 30px;  position: relative; float: left}
.overlay-cont .cont-right .tab-content .list1 .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont .cont-right .tab-content .list1 label {font-size: 14px; font-weight: 300;     padding-top: 10px; float: left; width: 80%; }
.overlay-cont .cont-right .tab-content .list1 .flag { float: right; width: 22px; padding-top: 11px}
.overlay-cont .cont-right .tab-content .list2 { width: 90%; margin: auto; margin-bottom: 20px}
.overlay-cont .cont-right .tab-content .list2 li { width: 100%; }
.overlay-cont .cont-right .tab-content .list2 .cont-check { width: 36px; height: 25px;  position: relative; float: left}
.overlay-cont .cont-right .tab-content .list2 .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont .cont-right .tab-content .list2 label {    font-size: 14px;    font-weight: 300;    padding-top: 8px;    float: left;    width: 80%;}
.overlay-cont .cont-right .tab-content .list2 p.small-data {font-size: 14px; font-weight: 300;     padding-top: 9px; float: left; width: 90%; margin-left: 18px; line-height: 22px; margin-top: 0px; padding-top: 0px }
.overlay-cont .cont-right .tab-content .list3 { width: 100%; margin-bottom: 30px; border-top: 1px solid #CCC;}
.overlay-cont .cont-right .tab-content .list3 li { width: 100%;  margin-top: 2px;}
.overlay-cont .cont-right .tab-content .list3 .cont-check { width: 36px; height: 36px;  position: relative; float: left}
.overlay-cont .cont-right .tab-content .list3 .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont .cont-right .tab-content .list3 p {font-size: 16px; font-weight: 400;     padding-top: 11px; float: left; width: 80%; }
.overlay-cont .cont-right .tab-content .list3 p.small-data {font-size: 14px; font-weight: 300;     padding-top: 9px; float: left; width: 80%; margin-left: 37px; line-height: 22px; margin-top: 0px; padding-top: 0px;margin-bottom: 18px; }
.overlay-cont .cont-right-open { right: -500px}
.overlay-cont .cont-right .close { position: absolute; background-color: #FFF; width: 20px; height: 50px; top: 70px; left: -20px; cursor: pointer; z-index: 1;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.overlay-cont .cont-right .close img { position: absolute; top: 50%; left: 56%; transform: translate(-50%,-50%); width: 10px;}
.overlay-cont .cont-right .close:hover { width: 26px; left: -26px}

.overlay-cont .cont-right .open { position: absolute; background-color: #FFF; width: 20px; height: 50px; top: 70px; left: -20px; cursor: pointer; display: none; z-index: 2;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.overlay-cont .cont-right .open-move { left: 0px;}
.overlay-cont .cont-right .open img { position: absolute; top: 50%; left: 56%; transform: translate(-50%,-50%); width: 10px;}
.overlay-cont .cont-right .open:hover { width: 26px; left: -26px}
.overlay-cont .cont-right .tab-content .fixed-bottom { margin-bottom: 10px}







.overlay-cont2 { width: 450px; bottom: 0px; position: absolute; top: 46px; right: 0;  z-index: 10; background-color: red}
.overlay-cont2 .cont-right { background-color: #FFF;position: absolute; top: 0; right: 0; width: 450px; height: 100%; overflow: hidden;}
.overlay-cont2 h4 { color: #FFF; font-size: 34px; font-weight: 400; margin-bottom: 20px; margin-top: 30px}
.overlay-cont2 .cont-right { background-color: #FFF;position: absolute; top: 0; right: 0; width: 450px; height: 100%; overflow: hidden;}
.overlay-cont2 .with-close { overflow: visible}
.overlay-cont2 .cont-right .cont-tabs { width: 100%; height: 70px; background-color: #EBEBEB; }
.overlay-cont2 .cont-right .cont-tabs .each-tab { width: 50%; height: 70px; position: relative; float: left;
    -moz-transition:all 0.5s ease 0s; cursor: pointer;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont2 .cont-right .cont-tabs .each-tab p { color: #CCC; width: 86%; position: absolute; top: 50%; transform: translateY(-50%); left: 8%; font-size: 17px; letter-spacing: -1px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont2 .cont-right .cont-tabs .active { background-color: #FFF;}
.overlay-cont2 .cont-right .cont-tabs .active p { color: #000}
.overlay-cont2 .cont-right .cont-tabs .each-tab:hover { background-color: #f2f2f2;}
.overlay-cont2 .cont-right .cont-tabs .each-tab:hover p { color: #707070}
.overlay-cont2 .cont-right .cont-tabs .active:hover { background-color: #FFF;}
.overlay-cont2 .cont-right .cont-tabs .active:hover p { color: #000}
.overlay-cont2 .cont-right .one-tab .each-tab { background-color: #FFF; width: 100%; cursor: auto}
.overlay-cont2 .cont-right .one-tab .each-tab p { color: #000; width: 90%;    left: 5%; font-size: 20px;}
.overlay-cont2 .cont-right .one-tab .each-tab:hover { background-color: #FFF}
.overlay-cont2 .cont-right .cont-move { position: absolute; top: 110px; bottom: 0; width: 100%;  }
.overlay-cont2 .cont-right .move-tall { top: 70px}
.overlay-cont2 .cont-right .cont-move .tab-content { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.overlay-cont2 .cont-right .cont-move .cont-tab1 { display: block; }
.overlay-cont2 .cont-right .cont-move .cont-tab2 { display: block; left: 100%;}
.overlay-cont2 .cont-right .cont-move .cont-tab3 { display: block; left: 200%;}
.overlay-cont2 .cont-right .cont-tabs3 { width: 100%; height: 70px; background-color: #EBEBEB; }
.overlay-cont2 .cont-right .cont-tabs3 .each-tab { width: 33%; height: 70px; position: relative; float: left;
    -moz-transition:all 0.5s ease 0s; cursor: pointer;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont2 .cont-right .cont-tabs3 .each-tab p { color: #CCC; width: 86%; position: absolute; top: 50%; transform: translateY(-50%); left: 8%; font-size: 15px; letter-spacing: -1px; line-height: 18px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont2 .cont-right .cont-tabs3 .active { background-color: #FFF;}
.overlay-cont2 .cont-right .cont-tabs3 .active p { color: #000}
.overlay-cont2 .cont-right .cont-tabs3 .each-tab:hover { background-color: #f2f2f2;}
.overlay-cont2 .cont-right .cont-tabs3 .each-tab:hover p { color: #707070}
.overlay-cont2 .cont-right .cont-tabs3 .active:hover { background-color: #FFF;}
.overlay-cont2 .cont-right .cont-tabs3 .active:hover p { color: #000}
.overlay-cont2 .cont-right .tab-content .bottom-bar {  position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background-color: #DADADA; z-index: 100}
.overlay-cont2 .cont-right .tab-content .bottom-bar .send-btn { background-color: #B13434; color: #FFF; font-size: 13px; padding: 10px 18px; border: none; position: relative;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; float: right; margin: 13px 0px; margin-right: 10px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont2 .cont-right .tab-content .bottom-bar .send-btn:hover { background-color: #8A2828}
.overlay-cont2 .cont-right .tab-content .top-bar { width: 92%; margin: auto; position: relative;}
.overlay-cont2 .cont-right .tab-content .cont-check { width: 36px; height: 36px;  position: relative; float: left}
.overlay-cont2 .cont-right .tab-content .cont-check input { position: absolute; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont2 .cont-right .tab-content .search-field { background-color: #F4F3F3; width: 285px; height: 36px; float: left; margin-left: 5px; position: relative;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.overlay-cont2 .cont-right .tab-content .search-field .the-field { position: absolute; top: 4px; width: 240px; border: none; height: 30px; background: transparent; left: 10px;}
.overlay-cont2 .cont-right .tab-content .search-field .search-btn { position: absolute; width: 30px; height: 36px; top: 0; right: 0; border: none; background: transparent; background-image: url(../img/icSearch1.svg); background-position:  center center; background-size: 90%; background-repeat: no-repeat;}
.overlay-cont2 .cont-right .tab-content .right-options { position: absolute; right: 0; top: 7px;}
.overlay-cont2 .cont-right .tab-content .right-options li { width: 28px; text-align: center; float: left; margin: 0px 2px; cursor: pointer;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.overlay-cont2 .cont-right .tab-content .right-options li img { width: 22px;}
.overlay-cont2 .cont-right .tab-content .right-options li:hover { opacity: 0.6}
.overlay-cont2 .cont-right .tab-content .all-lists {    width: 90%;  margin: auto;  position: absolute;  bottom: 10%;  top: 10%;  left: 5%;  overflow: hidden;}
.overlay-cont2 .cont-right .tab-content .with-bottom { bottom: 15%;  }
.overlay-cont2 .cont-right .tab-content .new-bottom { bottom: 5% !important}
.overlay-cont2 .cont-right .tab-content .list0 { width: 100%; margin-bottom: 5px}
.overlay-cont2 .cont-right .tab-content .list0 li { width: 100%;  margin-top: 2px;}
.overlay-cont2 .cont-right .tab-content .list0 .cont-check { width: 36px; height: 36px;  position: relative; float: left}
.overlay-cont2 .cont-right .tab-content .list0 .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont2 .cont-right .tab-content .list0 label {font-size: 18px; font-weight: 400;     padding-top: 9px; float: left; width: 80%; }
.overlay-cont2 .cont-right .tab-content .list0 label.style2 {font-size: 16px; font-weight: 500;     padding-top: 9px; float: left; width: 80%; color: #656565 }
.overlay-cont2 .cont-right .tab-content .list1 { width: 100%; margin-bottom: 30px}
.overlay-cont2 .cont-right .tab-content .list1 h5 { font-size: 16px; font-weight: 400}
.overlay-cont2 .cont-right .tab-content .list1 li { width: 100%; border-bottom: 1px solid #CCC; margin-top: 2px;}
.overlay-cont2 .cont-right .tab-content .list1 .cont-check { width: 36px; height: 30px;  position: relative; float: left}
.overlay-cont2 .cont-right .tab-content .list1 .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont2 .cont-right .tab-content .list1 label {font-size: 14px; font-weight: 300;     padding-top: 10px; float: left; width: 80%; }
.overlay-cont2 .cont-right .tab-content .list1 .flag { float: right; width: 22px; padding-top: 11px}
.overlay-cont2 .cont-right .tab-content .list2 { width: 90%; margin: auto; margin-bottom: 20px}
.overlay-cont2 .cont-right .tab-content .list2 li { width: 100%; }
.overlay-cont2 .cont-right .tab-content .list2 .cont-check { width: 36px; height: 25px;  position: relative; float: left}
.overlay-cont2 .cont-right .tab-content .list2 .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont2 .cont-right .tab-content .list2 label {    font-size: 14px;    font-weight: 300;    padding-top: 8px;    float: left;    width: 80%;}
.overlay-cont2 .cont-right .tab-content .list2 p.small-data {font-size: 14px; font-weight: 300;     padding-top: 9px; float: left; width: 90%; margin-left: 18px; line-height: 22px; margin-top: 0px; padding-top: 0px }
.overlay-cont2 .cont-right .tab-content .list3 { width: 100%; margin-bottom: 30px; border-top: 1px solid #CCC;}
.overlay-cont2 .cont-right .tab-content .list3 li { width: 100%;  margin-top: 2px;}
.overlay-cont2 .cont-right .tab-content .list3 .cont-check { width: 36px; height: 36px;  position: relative; float: left}
.overlay-cont2 .cont-right .tab-content .list3 .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont2 .cont-right .tab-content .list3 p {font-size: 16px; font-weight: 400;     padding-top: 11px; float: left; width: 80%; }
.overlay-cont2 .cont-right .tab-content .list3 p.small-data {font-size: 14px; font-weight: 300;     padding-top: 9px; float: left; width: 80%; margin-left: 37px; line-height: 22px; margin-top: 0px; padding-top: 0px;margin-bottom: 18px; }
.overlay-cont2 .cont-right .tab-content .fixed-bottom { margin-bottom: 10px}
.overlay-cont2 .cont-right-open { right: -500px}
.overlay-cont2 .cont-right .close { position: absolute; background-color: #FFF; width: 20px; height: 50px; top: 70px; left: -20px; cursor: pointer; z-index: 1;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.overlay-cont2 .cont-right .close img { position: absolute; top: 50%; left: 56%; transform: translate(-50%,-50%); width: 10px;}
.overlay-cont2 .cont-right .close:hover { width: 26px; left: -26px}
.overlay-cont2 .cont-right .open { position: absolute; background-color: #FFF; width: 20px; height: 50px; top: 70px; left: -20px; cursor: pointer; display: none; z-index: 2;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.overlay-cont2 .cont-right .open-move { left: 0px;}
.overlay-cont2 .cont-right .open img { position: absolute; top: 50%; left: 56%; transform: translate(-50%,-50%); width: 10px;}
.overlay-cont2 .cont-right .open:hover { width: 26px; left: -26px}
.overlay-cont2 .cont-right .new-mask { position: absolute; top: 110px; bottom: 0; width: 100%; overflow: hidden;  }
.overlay-cont2 .cont-right .new-mask  .cont-move {    top: 0px;}




.top-bar h6 { width: 90%;  position: absolute; left: 5%; top: -26px}















.cont-range { width: 227px; height: auto; display: inline-block; text-align: left; position: relative; margin: 0px 20px}
.cont-range p {color: #E6E6E6; font-size: 13px;   font-weight: 400; margin-bottom: 8px;}





input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 8.15px 0; background: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #767677;
  border-radius: 25px;
  border: 0px solid rgba(1, 1, 1, 0);
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(194, 195, 192, 0), 0px 0px 0px rgba(207, 207, 205, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 16px;
  width: 16px;
  border-radius: 10px;
  background: #b13434;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}

@supports (-ms-ime-align:auto) {
    input[type=range]::-webkit-slider-thumb {
         margin-top: 0px;
    }
}


input[type=range]:focus::-webkit-slider-runnable-track {
  background: #767677;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 7.7px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #767677;
  border-radius: 25px;
  border: 0px solid rgba(1, 1, 1, 0);
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(194, 195, 192, 0), 0px 0px 0px rgba(207, 207, 205, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 24px;
  width: 24px;
  border-radius: 50px;
  background: #b13434;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 7.7px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #767677;
  border: 0px solid rgba(1, 1, 1, 0);
  border-radius: 50px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-fill-upper {
  background: #767677;
  border: 0px solid rgba(1, 1, 1, 0);
  border-radius: 50px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(194, 195, 192, 0), 0px 0px 0px rgba(207, 207, 205, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 24px;
  width: 24px;
  border-radius: 50px;
  background: #b13434;
  cursor: pointer;
  height: 7.7px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #767677;
}
input[type=range]:focus::-ms-fill-upper {
  background: #767677;
}
.output {position: absolute; width: auto; color: #FFF; top: 7px; right: 0px; font-size: 13px;}










.common-content .cont-segments { width: 535px; height: auto; margin: auto; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 18px 0px; margin-top: 20px;}
.common-content .cont-segments .top-bar { width: 100%; margin: auto; position: relative; margin-bottom: 10px}
.common-content .cont-segments .cont-left { width: 23px; height: 23px;  position: relative; float: left; position: relative; margin-top: 4px; background: transparent}
.common-content .cont-segments .cont-left img { width: 100%;}
.common-content .cont-segments p {color: #FFF; font-size: 18px; font-weight: 400; line-height: 24px; width: 420px; text-align: left; margin-left: 10px; margin-top: 4px; float: left; margin-bottom: 2px}
.common-content .cont-segments .right-options { position: absolute; right: 0; top: 7px;}
.common-content .cont-segments .right-options li { width: 28px; text-align: center; float: left; margin: 0px 2px; cursor: pointer;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.common-content .cont-segments .right-options li img { width: 22px;}
.common-content .cont-segments .right-options li:hover { opacity: 0.6}


.common-content .cont-segments .each-criteria { width: 100%; margin: auto; position: relative; height: auto; margin-bottom: 4px;  padding-bottom: 6px;}
.common-content .cont-segments .each-criteria .cont-left { width: 23px; height: 40px;  position: relative; float: left; position: relative; margin-top: 4px; background: transparent;}
.common-content .cont-segments .each-criteria .cont-left .checkField { background: transparent; border: 1px solid #FFF; position: absolute; top: 50%; left: 42%; transform: translate(-50%,-50%);}

.common-content .add-btn {     font-weight: 400;    font-size: 15px;    float: right;    padding: 8px 20px;    display: inline-block;    margin-right: 31px; cursor:pointer;margin-top: 10px; margin-bottom: 10px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.common-content .add-btn:hover { background-color: #333;}




.centered-info .cont-select0 { width: 320px; height: auto; display: inline-block; text-align: left; margin: 0px 16px; margin-bottom: 22px;}
.centered-info .cont-select0 label { color: #E6E6E6; width: 100%; font-size: 13px; }
.centered-info .cont-select0 select { width: 100%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background: transparent;
    background: url(../img/icSelect.svg) 96% / 15% no-repeat; background-size: 20px}
.centered-info .cont-select0 select option { color: #707070}








.common-content .cont-in { width: 640px; height: 300px; margin: auto;  position: relative}
.common-content .cont-in .top-bar { width: 100%; height: 36px; border-bottom: 1px solid #FFF; padding-bottom: 6px;}
.common-content .cont-in .top-bar .cont-search { width: 480px; height: 36px; border: 1px solid #FFF; box-sizing: border-box;     -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.common-content .cont-in .top-bar .cont-search .search-field { float: left; width: 430px; border: none; height: 32px; margin-left: 10px; background: transparent; color: #FFF;}
.common-content .cont-in .top-bar .cont-search .search-btn { width: 36px; height: 34px; float: right; border: none; background: transparent; background-image: url(../img/icSearch2.svg); background-position:  center center;background-repeat: no-repeat; background-size: 24px; cursor: pointer; opacity: 0.6;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.common-content .cont-in .top-bar .cont-search .search-btn:hover { opacity: 1}

.common-content .cont-in .top-bar .cont-right { width: 120px; height: 36px;  float: right; cursor: pointer; background: transparent; margin-right: 9px;}
.common-content .cont-in .top-bar .cont-right p { float: left; font-weight: 400; font-size: 15px; margin: 7px;}
.common-content .cont-in .top-bar .cont-right .cont-plus { width: 36px; height: 36px; position: relative; float: right;
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.common-content .cont-in .top-bar .cont-right .cont-plus .plus1 { width: 100%; opacity: 1; position: absolute; top: 0; left: 0;}
.common-content .cont-in .top-bar .cont-right .cont-plus .plus2 { width: 100%; display: none; position: absolute; top: 0; left: 0;}
.common-content .cont-in .top-bar .cont-right .cont-plus:hover { opacity: 0.7}

.common-content .cont-in .bottom-bar { width: 100%; height: 36px; position: absolute; bottom: 0;}
.common-content .cont-in .bottom-bar .conts-options { width: 45%; height: 36px; display: inline-block; margin: 0px 10px;}

.common-content .cont-in .bottom-bar .single-input { border: 1px solid #FFF;  background: transparent; width: 80px;padding: 0px 4px; float: right; color: #FFF; height: 28px; margin-top: 5px;  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}


.common-content .cont-in .bottom-bar .cont-range { width: 80px; height: auto; float: right; text-align: left; position: relative; margin: 0px 0px; margin-right: 30px; margin-top: 9px; }
.common-content .cont-in .bottom-bar .cont-range .output {position: absolute; width: auto; color: #FFF; top: 5px; right: -44px; font-size: 13px;}

.common-content .cont-in .scroll-in-table { width: 630px; height: 200px; margin: auto; margin-top: 8px; }

.common-content .cont-in .scroll-in-table .file { width: 100%; height: auto; border-bottom: 1px solid #CCC; padding-bottom: 4px; padding-top: 4px; text-align: left;}
.common-content .cont-in .scroll-in-table .file p { font-weight: 400; font-size: 13px; float: left; margin-bottom: 0px; margin-top: 8px}
.common-content .cont-in .scroll-in-table .file .cont-plus { width: 36px; height: 36px; position: relative; float: right; cursor: pointer;
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.common-content .cont-in .scroll-in-table .file .cont-plus .plus1 { width: 100%; opacity: 1; position: absolute; top: 0; left: 0;}
.common-content .cont-in .scroll-in-table .file .cont-plus .plus2 { width: 100%; display: none; position: absolute; top: 0; left: 0;}
.common-content .cont-in .scroll-in-table .file .cont-plus:hover { opacity: 0.7}


.media-offer-cont { top: 47.5% !important; }
.media-offer-cont .cont-select0 { margin-bottom: 10px; }
.media-offer-cont .ui-tabs .ui-tabs-nav { margin: 0 0 15px 0; }
.media-offer-tab { height: 260px;}
.bottom-bar-mediaoff {    width: 80%;    height: 37px;    margin: 0 auto 0px auto;}
.bottom-bar-mediaoff .conts-options { height: 36px; display: inline-block; vertical-align: middle; margin: 0px 10px;}
.bottom-bar-mediaoff .conts-options:first-child { width: 35%;}
.bottom-bar-mediaoff .conts-options:last-child { width: 50%; }
.bottom-bar-mediaoff .conts-options:last-child .cont-range {    float: right; margin-top: 10px; margin-right: 40px; margin: 10px 40px 0 0; width: 156px; }
.bottom-bar-mediaoff .conts-options:last-child .cont-range .output {  top: 4px; right: -45px; }
.bottom-bar-mediaoff .single-input {  display: inline-block; vertical-align: middle; border: 1px solid #FFF;  background: transparent; width: 80px;padding: 0px 4px; float: right; color: #FFF; height: 28px; margin-top: 5px;  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}

.media-offer-cont .submit-btn1 { color: #FFF; background-color: #707070; padding: 14px 34px; border: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  cursor:pointer; margin-top: 15px; -moz-transition:all 0.25s ease 0s; -o-transition:all 0.25s ease 0s; -ms-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s;}
.media-offer-cont .submit-btn1:hover { background-color: #B13434; padding: 14px 42px;}


.switch, .switch2, .switch3, .switch4, .switch5, .switch6, .switch7, .switch8 {  
    height: 20px;  position: relative;  width: 34px; float: left; margin-top: 9px}

.switch input, .switch2 input, .switch3 input, .switch4 input, .switch5 input, .switch6 input, .switch7 input, .switch8 input {  
    display:none;}

.slider, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7, .slider8 { 
    background-color: rgba(256,256,256,0.2);  bottom: 0;  cursor: pointer;  left: 0;  position: absolute;  right: 0;  top: 0px;  transition: .4s;}
.slider:before, .slider2:before, .slider3:before, .slider4:before, .slider5:before, .slider6:before, .slider7:before, .slider8:before { 
    background-color: #fff;  bottom: 4px;  content: "";  height: 12px;  left: 4px;  position: absolute;  transition: .4s;  width: 12px;}

.switch input:checked + .slider, .switch2 input:checked + .slider2, .switch3 input:checked + .slider3, .switch4 input:checked + .slider4, .switch5 input:checked + .slider5, .switch6 input:checked + .slider6, .switch7 input:checked + .slider7, .switch8 input:checked + .slider8 { 
    background-color: #B13434;}

.switch input:checked + .slider:before, .switch2 input:checked + .slider2:before, .switch3 input:checked + .slider3:before, .switch4 input:checked + .slider4:before, .switch5 input:checked + .slider5:before, .switch6 input:checked + .slider6:before, .switch7 input:checked + .slider7:before, .switch8 input:checked + .slider8:before {  transform: translateX(13px);}

.slider.round, .slider2.round2, .slider3.round3, .slider4.round4, .slider5.round5, .slider6.round6, .slider7.round7, .slider8.round8 {  border-radius: 34px;}
.slider.round:before, .slider2.round2:before, .slider3.round3:before, .slider4.round4:before, .slider5.round5:before, .slider6.round6:before, .slider7.round7:before, .slider8.round8:before {  border-radius: 50%;}
.switch p, .switch2 p, .switch3 p, .switch4 p, .switch5 p, .switch6 p, .switch7 p, .switch8 p { width: 130px;  color: #FFF; font-weight: 400; font-size: 13px; margin-left: 45px; margin-bottom: 0px; line-height: 23px; text-align: left;}










.list-basket {     top: 240px !important;    bottom: 2% !important;}
.top-bar-basket { top: 180px;}
.options-basket { width: 88%; left: 6%; margin: auto;  height: auto; border: 1px solid #CCC; position: absolute; top: 0px; z-index: 9999; padding: 15px 0px;}
.options-basket .opt1 { width: 90%; margin: auto; }
.options-basket .opt1 p { float: left; font-size: 14px; margin-top: 20px;}
.options-basket .opt1 .list-options { width: auto; float: right}
.options-basket .opt1 .list-options li { display: inline-block; width: 60px; margin: 0px 5px; vertical-align: middle; cursor: pointer; opacity: 0.6
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.options-basket .opt1 .list-options li:hover{ opacity: 0.6}





.options-basket .opt2 {width: 90%; margin: auto; height: 40px;}
.options-basket .opt2 .cont-range { width: 120px;    height: auto;    text-align: left;    position: relative;    float: right;    margin-right: 55px;    margin-top: 9px;}
.options-basket .opt2 .cont-range p {color: #E6E6E6; font-size: 13px;   font-weight: 400; margin-bottom: 8px;}
.options-basket .opt2 .cont-range .output {position: absolute; width: auto; color: #333; top: 5px; right: -44px; font-size: 13px;}





.switch10 {      height: 20px;  position: relative;  width: 34px; float: left; margin-top: 9px}

.switch10 input {      display:none;}

.slider10 {     background-color: rgba(0,0,0,0.2);  bottom: 0;  cursor: pointer;  left: 0;  position: absolute;  right: 0;  top: 0px;  transition: .4s;}
.slider10:before{     background-color: #fff;  bottom: 4px;  content: "";  height: 12px;  left: 4px;  position: absolute;  transition: .4s;  width: 12px;}

.switch10 input:checked + .slider10 {     background-color: #B13434;}

.switch10 input:checked + .slider10:before {  transform: translateX(13px);}

.slider10.round10 {  border-radius: 34px;}
.slider10.round10:before  {  border-radius: 50%;}
.switch10 p{ width: 130px;  color: #333; font-weight: 400; font-size: 13px; margin-left: 45px; margin-bottom: 0px; line-height: 23px; text-align: left;}









.overlay-cont .cont-right .tab-content .list-expand { width: 100%; margin-bottom: 30px; margin-top: 15px}
.overlay-cont .cont-right .tab-content .list-expand .cont-name { width: 100%;  height: auto; border-bottom: 1px solid #CCC; padding-bottom: 9px; position: relative}
.overlay-cont .cont-right .tab-content .list-expand .cont-arrow { position: absolute; top: 0; right: 0; width: 20px; position: absolute; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.overlay-cont .cont-right .tab-content .list-expand .cont-arrow .up { position: absolute; width: 100%; top: 0; right: 0;}
.overlay-cont .cont-right .tab-content .list-expand .cont-arrow .down { position: absolute; width: 100%; top: 0; right: 0;  display: none;}
.overlay-cont .cont-right .tab-content .list-expand .cont-arrow:hover { opacity: 0.6;}
.overlay-cont .cont-right .tab-content .list-expand h5 { font-size: 16px; font-weight: 400; letter-spacing: 0px}
.overlay-cont .cont-right .tab-content .list-hide { width: 95%; margin: auto; margin-bottom: 20px; padding-top: 7px;}
.overlay-cont .cont-right .tab-content .list-hide li { width: 100%; }
.overlay-cont .cont-right .tab-content .list-hide .cont-check { width: 36px; height: 25px;  position: relative; float: left}
.overlay-cont .cont-right .tab-content .list-hide .cont-check input { position: relative; top: 45%; left: 45%; transform: translate(-50%,-50%); border: 2px solid #707070; background: transparent;}
.overlay-cont .cont-right .tab-content .list-hide p { width: 100%; font-size: 15px}
.overlay-cont .cont-right .tab-content .list-hide label {font-size: 16px; font-weight: 300;     padding-top: 5px; float: left; width: 80%; line-height: 19px; font-size: 14px }



.overlay-cont .cont-right .tab-content .with-border { border-bottom: 1px solid #CCC; }
.overlay-cont .cont-right .tab-content .with-border .cont-name { border: none}
.overlay-cont .cont-right .tab-content .with-border .list-hide {  margin-bottom: 10px; padding-top: 4px;}



.overlay-cont .cont-right .tab-content .top-fix { top: 25px;}
.overlay-cont .cont-right .tab-content .top-bar .name-edit { width: 100%; height: 30px;  position: absolute; top: -40px; border-bottom: 1px solid #CCC;}
.overlay-cont .cont-right .tab-content .top-fix2 {  top: 70px;}

.overlay-cont .cont-right .tab-content .top-bar .name-edit .the-name { position: absolute; top: 0; left: 0; width: 100%; height: 35px;}
.overlay-cont .cont-right .tab-content .top-bar .name-edit .the-name p { width: 90%; height: 35px; float: left; font-size: 24px; color: #B13434; }
.overlay-cont .cont-right .tab-content .top-bar .name-edit .the-name .icon { position: absolute; top: 4px; right: 0; width: 19px; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.overlay-cont .cont-right .tab-content .top-bar .name-edit .the-name .icon:hover { opacity: 0.6;}
.overlay-cont .cont-right .tab-content .top-bar .name-edit .change-name { position: absolute; top: 0; left: 0; width: 100%; height: 35px; display: none}
.overlay-cont .cont-right .tab-content .top-bar .name-edit .change-name .icon { position: absolute; top: 4px; right: 0; width: 19px; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.overlay-cont .cont-right .tab-content .top-bar .name-edit .change-name .icon:hover { opacity: 0.6;}
.overlay-cont .cont-right .tab-content .top-bar .name-edit .change-name .editField {width: 90%; height: 35px; float: left; font-size: 24px; color: #B13434; border: none; background: transparent; margin-top: -7px }






.geo-audience-bg { background-image: url(../img/fondo1.jpg); background-size: cover; background-position:  center center; overflow: hidden}
.geo-audience-bg .cont-data { width: 600px; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.geo-audience-bg .cont-data h4 { color: #FFF; font-size: 34px; font-weight: 400; margin-bottom: 20px; margin-top: 30px}
.geo-audience-bg .cont-data p { color: #FFF; font-size: 18px; font-weight: 300; margin-bottom: 35px; line-height: 26px;}

.geo-audience-bg .cont-select1 { width: 75%; height: auto; display: inline-block; text-align: left; margin: 0px 16px; margin-bottom: 22px;}
.geo-audience-bg .cont-select1 label { color: #E6E6E6; width: 100%; font-size: 13px; }
.geo-audience-bg .cont-select1 select { width: 100%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #9F9D9D;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background: transparent;
    background: url(../img/icSelect.svg) 96% / 15% no-repeat; background-size: 20px}
.geo-audience-bg .cont-select1 select option { color: #707070}
.geo-audience-bg .input-field { width: 98%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #9F9D9D}

.geo-audience-bg .submit-btn1 { color: #FFF; margin-top: 20px; background-color: #707070; padding: 14px 34px; border: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  cursor:pointer; position: relative; 
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.geo-audience-bg .submit-btn1:hover { background-color: #B13434; padding: 14px 42px;}

.geo-audience-bg .cont-select2 select { width: 26%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #9F9D9D; float: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background: transparent;
    background: url(../img/icSelect.svg) 96% / 15% no-repeat; background-size: 20px}
.geo-audience-bg .cont-select2 select option { color: #707070}


.geo-audience-bg .new-audience-1 {  z-index: 10; }
.geo-audience-bg .new-audience-2 { width: 92%; height: 94%; top: 0; left: 0;  z-index: 20; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.geo-audience-bg .new-audience-2 .top-bar { width: 100%; height: 50px; position: absolute; top: 0; left: 0;}
.geo-audience-bg .new-audience-2 .top-bar p { color: #FFF; font-size: 30px; text-align: left; width: 70%; float: left; margin-top: 13px;}



.geo-audience-bg .new-audience-2 .cont-data {  top: 56%}
.geo-audience-bg .new-audience-2 .cont-data .title { color: #FFF; font-weight: 400; margin-bottom: 8px; font-size: 20px;}

#slider-range { height: 10px; background-color: rgba(177,52,52,0.5) }
#slider-range2 { height: 10px; background-color: rgba(177,52,52,0.5) }
.ui-slider-horizontal .ui-slider-range { background-color: #E75F5F;}
.ui-slider-horizontal .ui-slider-handle { background-color: #B13434; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; width: 20px !important; height: 20px !important;}

.geo-audience-bg .new-audience-2 #amount { width: 100%; margin: auto; text-align: center; color: #FFF; background: transparent; border: none;  margin-bottom: 12px; font-weight: 300; font-size: 16px }
.geo-audience-bg .new-audience-2 #amount2 { width: 100%; margin: auto; text-align: center; color: #FFF; background: transparent; border: none;  margin-bottom: 12px; font-weight: 300; font-size: 16px }


.geo-audience-bg .new-audience-2 #checkboxes { margin: 16px 0px; margin-top: 16px;}
.false-radio { border: 1px solid #FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; cursor: pointer;    display: inline-block;    width: 130px;    height: auto; padding: 15px 0px; color: #FFF; margin: 0px 20px;}
#checkboxes input[type=radio]{    display: none;}
#checkboxes input[type=radio]:checked + .false-radio{    background-color: #B13434; border: 1px solid #B13434;}

.geo-audience-bg .new-audience-2 .submit-btn1 { margin: 0px 20px; margin-top: 10px; width: 140px}


.two-select { width: 100%; margin-top: 20px}
.two-select .cont-select1 { width: 40%; height: auto; display: inline-block; text-align: left; margin: 0px 16px; margin-bottom: 22px;}
.two-select .cont-select1 label { color: #E6E6E6; width: 100%; font-size: 13px; }
.two-select .cont-select1 select { width: 100%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #9F9D9D;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background: transparent;
    background: url(../img/icSelect.svg) 96% / 15% no-repeat; background-size: 20px}
.two-select .cont-select1 select option { color: #707070}







.geo-audience-bg .new-audience-3 { width: 92%; height: 94%; z-index: 20; position: absolute; top: 50%; left: 150%; transform: translate(-50%,-50%);}
.geo-audience-bg .new-audience-3 .top-bar { width: 100%; height: 50px; position: absolute; top: 0; left: 0;}
.geo-audience-bg .new-audience-3 .top-bar p { color: #FFF; font-size: 30px; text-align: left; width: 70%; float: left; margin-top: 13px; line-height: 28px;}
.geo-audience-bg .new-audience-3 .top-bar span { font-size: 20px;}
.geo-audience-bg .new-audience-3 .top-bar .icBack {    position: absolute;    top: 10px;    right: 0;    width: 60px; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.geo-audience-bg .new-audience-3 .top-bar .icBack:hover { opacity: 0.6; width: 50px; top: 15px; right: 5px;}



.cont-nested-list { width: 100%;  position: absolute; top: 160px; bottom: 10px; overflow: hidden }


.list-audience {  width: 100%;  }
.list-audience li { width: 100%; height: auto; border-bottom: 1px solid #555; text-align: left;padding: 10px; padding-bottom: 12px; position: relative; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.list-audience li:hover { background-color: rgba(0,0,0,0.5)}
.list-audience li p { color: #FFF; font-size: 16px; width: 100%;}
.list-audience li img { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 10px}


.swiper-slide {    padding: 10px !important; padding-right: 40px  !important}
.swiper-container-vertical>.swiper-scrollbar { background-color: rgba(112,112,112,0.5) !important; opacity: 1 !important; left: 99% !important }
.swiper-scrollbar-drag { background-color: #B13434 !important; }








.geo-audience-bg .new-audience-3 .bread-bar { width: 100%; height: 40px;; position: absolute; top: 100px;}

.geo-audience-bg .new-audience-3 .bread-bar .cont-search { width: 240px; height: 36px; border: 1px solid #FFF; box-sizing: border-box; float: right;
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.geo-audience-bg .new-audience-3 .bread-bar .search-field { float:left; width: 180px; border: none; height: 32px; margin-left: 10px; background: transparent; color: #FFF;}
.geo-audience-bg .new-audience-3 .bread-bar .search-btn { width: 36px; height: 34px; float: right; border: none; background: transparent; background-image: url(../img/icSearch2.svg); background-position:  center center;background-repeat: no-repeat; background-size: 24px; cursor: pointer; opacity: 0.6;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}



.bread-road { float: left; width: 680px}
.bread-road li { width: auto; float: left; display: inline-block; margin: 0px 2px; padding: 9px 8px; border: 1px solid #FFF; cursor: pointer;
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.bread-road li .icBack2 { width: 10px; display: inline-block; vertical-align: middle}
.bread-road li p { display: inline-block; color: #FFF; font-weight: 300; font-size: 14px; vertical-align: middle; margin-left: 5px;}
.bread-road li:hover { border: 1px solid #999;}









.list-audience .cont-plus { width: 32px; height: 32px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); 
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.list-audience .cont-plus .plus1 { width: 100%; opacity: 1; position: absolute; top: 0; right: 0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.list-audience .cont-plus .plus2 { width: 100%; display: none; position: absolute; top: 0; right: 0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.list-audience .cont-plus:hover { opacity: 0.7}




.cont-plus-all { width: 32px; height: 32px; position: absolute; right: 20px; top: -2px; 
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.cont-plus-all .plus1 { width: 100%; opacity: 1; position: absolute; top: 0; right: 0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cont-plus-all .plus2 { width: 100%; display: none; position: absolute; top: 0; right: 0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cont-plus-all:hover { opacity: 0.7}




.title-slider { text-align: left; color: #FFF; font-size: 18px; letter-spacing: -1px; margin-bottom: 12px;}










.reiniciarBase { cursor:pointer}




.barraSup {width: 100%;    margin: auto;    margin-top: 45px; display: flex; align-items: center; justify-content: space-between;}
.barraSup h2 { display: flex; align-items: center;}
.barraSup h2 a { margin-left: 30px; padding: 6px 20px;}
.barraSup a { background-color: #d60058; color: #FFF; font-size: 12px; line-height: 23px; letter-spacing: 1px; font-weight: 600; box-sizing: border-box; padding: 15px 25px;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s}
.barraSup a:hover { background-color: #000;}




.barraSup .botsDer2 { float:right;}


#campaign-list_wrapper button { cursor: pointer;}
#campaign-list_wrapper button:hover { background-color: #222 !important;}







.geo-analysis { background: #ffffff; overflow-y: scroll; border-left: 1px solid #eee; } 
.geo-analysis .cont-data { width: 98%; margin: auto; margin-bottom: 60px}
.geo-analysis h2 {font-size: 2.5em; color: #222; font-weight: 700; margin-right: 40px; } 

.geo-analysis #campaign-list { font-family: 'Work Sans', sans-serif; padding: 0px; width: 92% !important; } 
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even { background-color: #fff;  }
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fff; } 

#campaign-list.dataTable thead .sorting, #campaign-list.dataTable thead .sorting_asc, #campaign-list.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { padding: 1.25em 1em; }
#campaign-list.dataTable.row-border tbody tr th, #campaign-list.dataTable.row-border tbody tr td, #campaign-list.dataTable.display tbody tr th, #campaign-list.dataTable.display tbody tr td { padding: 1em; color: #999; } 

.dataTables_wrapper .dataTables_filter { margin: 2em 2em 0 2em;      margin-top: 18px;    margin-bottom: 25px;}
.dataTables_wrapper .dataTables_filter input { border: 1px solid #ccc; padding: 0.5em 0.5em 0.5em 35px; font-size: 1em; margin: 0 0 0 1em; font-family: 'Work Sans', sans-serif; width: 240px;  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* .dataTables_filter label::before { position: absolute; display: block; top: 0; left: 25px; width: 30px; height: 100%; z-index: 10; content: ''; background: url(../img/icSearch1.svg) no-repeat; background-size: 100%; opacity: 0.5} */
.dataTables_wrapper .dataTables_filter label { position: relative; }

#campaign-list .dataTables_info { display: none; } 
#campaign-list .odd { background-color: #f9f9f9 !important}

#campaign-list .field-more { width: 100%; height: 20px; overflow: hidden; position: relative; cursor: pointer}
#campaign-list .field-more .icon { width: 14px; height: 14px; position: absolute; top: 2px; left: 0px; background-image: url(../img/down-arrow.svg); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: none}
#campaign-list .field-more p { position: relative; padding-left: 20px; width: auto; max-width: 450px;}
#campaign-list .expand { height: auto}
#campaign-list .expand .icon { background-image: url(../img/up-arrow.svg)}

table.dataTable.no-footer { border: none; }

#campaign-list .geo_campaign-analysis, #campaign-list .geo_campaign-map, #campaign-list .geo_campaign-edit { display: inline-block; vertical-align: middle; width: 30px; height: 30px;; opacity: 0.6; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;} 
#campaign-list .geo_campaign-analysis { background: url(../img/dashboard-link.svg) no-repeat center center; }
#campaign-list .geo_campaign-map { background: url(../img/map-link.svg) no-repeat center center; } 
#campaign-list .geo_campaign-edit { background: url(../img/edit-icon.svg) no-repeat center center; } 

#campaign-list .geo_campaign-analysis:hover, #campaign-list .geo_campaign-map:hover, #campaign-list .geo_campaign-edit:hover { opacity: 1; }

.graf-geo-analysis-map { background-color: #fff !important; margin-top: 0px !important;}

.divider { opacity: 0.5; margin: 1em auto;}

.btn-newprofile { position: absolute;     top: 43px;    right: 300px; background-color: #B13434; padding: 10px 20px; cursor: pointer; z-index: 10;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.btn-newprofile p { color: #FFF; font-size: 16px;}
.btn-newprofile:hover { background-color: #8a2828;}

.menu-newprofile { width: 0px; height: 100%;  position: absolute;right: -280px; top: 0; z-index: 30; background-color: #333; overflow: hidden; 
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.menu-newprofile .close { position: absolute; width: 18px; top: 20px; right: 20px; opacity: 0.7; cursor: pointer;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s }
.menu-newprofile .close:hover { opacity: 1 }
.menu-newprofile-open { right: 0px; width: 280px }
.menu-newprofile .in { width: 80%; margin: auto; margin-top: 80px;}
.menu-newprofile h3 { color: #FFF; font-size: 18px;}
.menu-newprofile form { width: 100%; margin: auto; border-top: 1px solid #EEE; margin-top: 7px; padding-top: 20px;}
.menu-newprofile label { font-size: 12px; color: #CCC; font-weight: bold; opacity: 0.7}
.menu-newprofile .fields { border: none; background: transparent; border-bottom: 1px solid #555; padding: 5px 0px; margin-bottom: 25px; width: 100%; color: #FFF; margin-top: 5px;}
.menu-newprofile .textField { border: none; height: 100px; resize: none; background: transparent; border-bottom: 1px solid #555; padding: 5px 0px; margin-bottom: 25px; width: 100%; color: #FFF; margin-top: 5px; line-height: 21px;}
.menu-newprofile  .send-btn { position: absolute; bottom: 20px; left: 10%; background-color: #B13434; color: #FFF; text-align: center; padding: 9px 25px; font-size: 16px; cursor: pointer;
    border: none; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.menu-newprofile  .send-btn:hover { background-color: #8a2828;}



.menu-newprofile2 { width: 0px; height: 100%;  position: absolute;right: -280px; top: 0; z-index: 30; background-color: #333; overflow: hidden; 
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s}
.menu-newprofile2 .close { position: absolute; width: 18px; top: 20px; right: 20px; opacity: 0.7; cursor: pointer;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s }
.menu-newprofile2 .close:hover { opacity: 1 }
.menu-newprofile2-open { right: 0px; width: 280px }
.menu-newprofile2 .in { width: 80%; margin: auto; margin-top: 80px;}
.menu-newprofile2 h3 { color: #FFF; font-size: 18px;}
.menu-newprofile2 form { width: 100%; margin: auto; border-top: 1px solid #EEE; margin-top: 7px; padding-top: 20px;}
.menu-newprofile2 label { font-size: 12px; color: #CCC; font-weight: bold; opacity: 0.7}
.menu-newprofile2 .fields { border: none; background: transparent; border-bottom: 1px solid #555; padding: 5px 0px; margin-bottom: 25px; width: 100%; color: #FFF; margin-top: 5px;}
.menu-newprofile2 .textField { border: none; height: 100px; resize: none; background: transparent; border-bottom: 1px solid #555; padding: 5px 0px; margin-bottom: 25px; width: 100%; color: #FFF; margin-top: 5px; line-height: 21px;}
.menu-newprofile2  .send-btn { position: absolute; bottom: 20px; left: 10%; background-color: #B13434; color: #FFF; text-align: center; padding: 9px 25px; font-size: 16px; cursor: pointer;
    border: none; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.menu-newprofile2  .send-btn:hover { background-color: #8a2828;}









.listx4 { width: 100%;}
.listx4 ul { width: 100%;}
.listx4 ul li { width: 100%; height: auto; border-bottom: 1px solid #CCC; padding: 6px 0px; padding-top: 8px}
.listx4 ul li.first { border-bottom: 2px solid #CCC;}
.listx4 ul li.last { border-bottom: none}
.listx4 ul li .col1 { width: 190px; height: auto; float: left;}
.listx4 ul li .col2 { width: 80px; height: auto; float: left; text-align: center}
.listx4 ul li .col3 { width: 80px; height: auto; float: left; text-align: center}
.listx4 ul li .col4 { width: 50px; height: auto; float: left;}
.listx4 ul li p { font-weight: 400; font-size: 14px; display: inline-block; vertical-align: middle}
.listx4 ul li .btn-panels { cursor: pointer}
.listx4 ul li .btn-poi { cursor: pointer}
.listx4 ul li .eye { width: 20px; height: 20px;  position: relative; display: inline-block; vertical-align: middle; margin-right: 3px;}
.listx4 ul li .eye .filter-a { position: absolute; width: 100%; left: 0; top: 0}
.listx4 ul li .eye .filter-b { position: absolute; width: 100%; display: none; left: 0; top: 0}

.listx4 ul li .col1 input { float: left}
.listx4 ul li .col1 .cont-slide { width: 155px; height: auto; float: left; padding-bottom: 6px; margin-left: 10px}
.listx4 ul li .col1 .cont-slide input { border: none}
.listx4 ul li .col1 .cont-slide #slider-range, .listx4 ul li .col1 .cont-slide #slider-range2, .listx4 ul li .col1 .cont-slide #slider-range3, .listx4 ul li .col1 .cont-slide #slider-range4, .listx4 ul li .col1 .cont-slide #slider-range5 {    height: 3px;    background-color: rgba(213,213,213,0.5); margin-top: 27px}

.listx4 ul li .col1 .cont-slide .ui-slider-horizontal .ui-slider-handle {    width: 9px !important;    height: 9px !important; margin-top: 2px;}
.listx4 ul li .col4 img { width: 24px; float: right}
.listx4 ul li .col2 .eye { cursor: pointer; }
.listx4 ul li .col3 .eye { cursor: pointer; }
.listx4 ul li .col1 .ui-slider-horizontal .ui-slider-handle {    background-color: #67859c;}
.listx4 ul li .col1 .cont-slide .ui-slider-horizontal .ui-slider-range {    background-color: #acb8c2;}








.listx3 { width: 100%;}
.listx3 ul { width: 100%;}
.listx3 ul li { width: 100%; height: auto; border-bottom: 1px solid #CCC; padding: 6px 0px; padding-top: 8px}
.listx3 ul li.first { border-bottom: 2px solid #CCC;}
.listx3 ul li.last { border-bottom: none}
.listx3 ul li.final { border-top: 1px solid #CCC;border-bottom: none}
.listx3 ul li .col1 { width: 240px; height: auto; float: left; }
.listx3 ul li .col2 { width: 80px; height: auto; float: left; text-align: center}
.listx3 ul li .col3 { width: 80px; height: auto; float: left; text-align: center}
.listx3 ul li p { font-weight: 400; font-size: 14px; display: inline-block; vertical-align: middle}
.listx3 ul li .btn-panels { cursor: pointer}
.listx3 ul li .btn-poi { cursor: pointer}
.listx3 ul li .eye { width: 20px; height: 20px;  position: relative; display: inline-block; vertical-align: middle; margin-right: 3px; cursor: pointer}
.listx3 ul li .eye .filter-a { position: absolute; width: 100%; left: 0; top: 0}
.listx3 ul li .eye .filter-b { position: absolute; width: 100%; display: none; left: 0; top: 0}
.listx3 ul li .icon-segment { width: 15px; display: inline-block; vertical-align: middle}
.listx3 ul li .p-segment { font-size: 16px; margin-left: 4px; font-weight: 500;}
.listx3 ul li .p-segment2 { font-size: 14px; margin-left: -2px; font-weight: 400;}
.listx3 ul li .col1 .checkField { margin-left: 30px; display: inline-block;  vertical-align: middle}


.listx3 ul .cont-slide2 { width: 88%; height: auto; float:right; padding-top: 6px; padding-bottom: 6px; margin-left: 10px}
.listx3 ul .cont-slide2 input { border: none}
.listx3 ul .cont-slide2 #slider-range, .listx3 ul .cont-slide2 #slider-range2 {    height: 3px;    background-color: rgba(213,213,213,0.5); margin-top: 7px}

.listx3 ul .cont-slide2 .ui-slider-horizontal .ui-slider-handle {    width: 9px !important;    height: 9px !important; margin-top: 2px;}
.listx3 ul .ui-slider-horizontal .ui-slider-handle {    background-color: #67859c;}
.listx3 ul .cont-slide2 .ui-slider-horizontal .ui-slider-range {    background-color: #acb8c2;}





.cont-date {    width: 88%;    left: 6%;    margin: auto;    height: 120px;    position: absolute;    top: 0px;    z-index: 9999;    padding: 8px 0px;    text-align: center;}
.cont-date .col-date { display: inline-block; text-align: left; margin-right: 30px; vertical-align: top}
.cont-date .col-date p { color: #444; float: left; width: 60px; font-size: 14px;     margin-top: 8px;}
.cont-date .col-date #datepicker-container { float: left}
.cont-date .col-date #datepicker-input { padding: 6px; width: 120px}
.cont-date .col-date #datepicker-container2 { float: left}
.cont-date .col-date #datepicker-input2 { padding: 6px; width: 120px; height: 16px;}
.cont-date .col-hour {display: inline-block; vertical-align: top}
.cont-date .col-hour p { color: #444; float: left; width: 60px; font-size: 14px;     margin-top: 8px;}
.cont-date .col-hour select { width: 130px; padding: 6px; height: 32px; border: 1px solid #a9a9a9; font-family: 'Work Sans', sans-serif; color: #757575; background-image: url(../img/icHour.svg); background-position: center right; background-size: auto 102%; background-repeat: no-repeat;     -webkit-appearance: none;    -moz-appearance: none;    text-indent: 1px;    text-overflow: '';}

.cont-date .utc-label {color: #444;  width: 57px; font-size: 14px;     margin-top: 8px; display: inline-block; text-align: left}
.cont-date .utc-field {    width: 315px;    padding: 6px;    height: 16px;    display: inline-block;}





/* datepicker css */

.ui-datepicker {    text-align: center;}
.ui-datepicker-trigger {    vertical-align: middle;    height: 32px;}
.ui-datepicker {      margin-top: 2px;    padding: 0 !important;    border-color: #c9f0f5 !important;}
.ui-datepicker {    width: 256px;}
.openemr-calendar .ui-datepicker {    width: 191px;}
.ui-datepicker table {    width: 256px;    table-layout: fixed;}
.openemr-calendar .ui-datepicker table {    width: 191px;    table-layout: fixed;}
.ui-datepicker-header {    background-color: #B13434 !important;    background-image: none !important;    border-radius: 0;}
.openemr-calendar .ui-datepicker-header {    background-color: #e6f7f9 !important;    border-width: 1px;    border-color: #c9f0f5;    border-style: solid;}
.ui-datepicker-title {    line-height: 35px !important;    margin: 0 10px !important;}
.openemr-calendar .ui-datepicker-title {    line-height: 20px !important;}
.ui-datepicker-prev span {    display: none !important;}
.ui-datepicker-next {    text-align: center;}
.ui-datepicker-next span {    display: none !important;}
.ui-datepicker-prev {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 7px !important;
    margin: 14px 12px;
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
}
.openemr-calendar .ui-datepicker-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
    height: 14px !important;
    width: 9px !important;
    margin: 5px !important;
}
.ui-datepicker-next {    cursor: pointer;}
.ui-datepicker-prev {    cursor: pointer;}
.ui-datepicker-next {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 8px !important;
    margin: 14px 12px;
    display: inline-block;
    right: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
    height: 14px !important;
    width: 8px !important;
    margin: 5px;
}
.ui-datepicker-month {    border-radius: 2px;    background-color: #bf4f4f;    width: 110px !important;    height: 22px;    font-family: Open Sans !important;    color: #fff;    font-size: 14px !important;    font-weight: 600;    text-align: left;    border: none !important;    margin-right: 17px !important;    vertical-align: text-top;}
.openemr-calendar .ui-datepicker-month {      color: rgba(34, 34, 34, 0.87);    font-size: 12px !important;    font-weight: 700;    text-align: center;    transform: scaleX(1.0029)}
.ui-datepicker-year {    border-radius: 2px;    background-color: #bf4f4f;    width: 61px !important;    height: 22px;    border: none !important;    color: #fff;    font-size: 14px !important;    font-weight: 600;    text-align: left;    vertical-align: text-top;}
.openemr-calendar .ui-datepicker-year {    color: rgba(34, 34, 34, 0.87);    font-size: 12px !important;    font-weight: 700;    text-align: center;    transform: scaleX(1.0029)}
.ui-datepicker-month option,
.ui-datepicker-year option {
    color: #3985a0 !important;    background-color: #fff !important;    font-family: Open Sans !important;    font-size: 14px !important;    font-weight: 600;}
.ui-datepicker-month option[selected],
.ui-datepicker-year option[selected] {
    background-color: #e5edf0 !important;}
.ui-datepicker .ui-state-hover {    border: 0 !important;}
.ui-datepicker td {    vertical-align: top;}
.ui-datepicker .ui-state-default {    border-radius: 2px;    border-color: #edebeb !important;    width: 24px;    height: 24px;    padding: 0 !important;    line-height: 24px;    text-align: center !important;    color: #707070;    font-size: 13px;    font-weight: 400 !important;    margin: 7px 0 0 4px;}
.ui-datepicker .ui-state-default.ui-state-highlight{    border-color: #dcdcdc;    background-color: #CCC !important;    color: #000 !important;}
.openemr-calendar .ui-state-default {    font-size: 10px;    margin: 0;}
.ui-datepicker td {    width: 33px;}
.openemr-calendar .ui-datepicker td {    width: 26px;}
.openemr-calendar .ui-state-default {    width: 26px;    height: 20px;    line-height: 20px;}
.ui-state-default .ui-state-hover {    border-color: #dcdcdc;    background-color: #bf6464 !important;    color: #FFF !important; }
.ui-datepicker .ui-state-active {    border-color: #dcdcdc;    background-color: #bf4f4f !important;    color: #FFF !important;} 
.ui-datepicker-calendar thead tr th {    color: #bf4f4f;    font-size: 12px;    font-weight: 400;    padding: 0.45em 0.3em !important;}
.openemr-calendar .ui-datepicker-calendar thead tr th {    font-size: 10px;}
.ui-datepicker-close {    display: none;}
.ui-datepicker thead {    background-color: #f5f5f5;}
.openemr-calendar .ui-datepicker thead {    background: none;}
.ui-state-default.ui-datepicker-current {    float: none !important;    color: #fff;    font-size: 14px;    font-weight: 400;    text-align: left;    border-width: 0 !important;    border: none;    vertical-align: top;    margin: 0 !important;    background-color: transparent !important;}
.ui-datepicker-buttonpane.ui-widget-content {    text-align: center;    background-color: #3e9aba;    margin: 0 !important;    height: 28px;    padding: 0 !important;}
.openemr-calendar .ui-datepicker-year {    background-color: transparent;}
.openemr-calendar .ui-datepicker-month {    background-color: transparent;}
.openemr-calendar .ui-state-default {    border: 0 !important;}
.openemr-calendar .ui-datepicker-month {    margin-right: 10px !important;}







.list-audience-mobility1 {    top: 140px !important;    bottom: 70px !important;}
.list-audience-mobility1 .each-segment { width: 100%; height: auto; padding: 6px 0px; text-align: left; position: relative; border-bottom: 1px solid #EEE; padding-bottom: 25px; margin-top: 6px;}
.list-audience-mobility1 .each-segment .icon-segment { width: 20px; display: inline-block; vertical-align: middle}
.list-audience-mobility1 .each-segment p {font-size: 16px; margin-left: 4px; font-weight: 500; display: inline-block; vertical-align: middle; font-weight: 400;}


.list-audience-mobility1 .each-segment .options { position: absolute; right: 8px; width: auto; height: auto;}
.list-audience-mobility1 .each-segment .options li { height: 22px; width: auto; display: inline-block; text-align: left; padding: 4px 0px; 
    padding-left: 0px; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.list-audience-mobility1 .each-segment .options li p { display: inline-block; font-size: 14px; color: #FFF; margin-left: 6px ; margin-top: 2px; vertical-align: middle}
.list-audience-mobility1 .each-segment .options li .icon { display: inline-block; width: 18px; vertical-align: middle; margin-top: 2px; opacity: 0.6}
.list-audience-mobility1 .each-segment .options li .icon .filter-a { width: 100%; }
.list-audience-mobility1 .each-segment .options li:hover .icon { opacity: 1 }

.list-audience-mobility1 .each-segment .cont1 { width: 100%; margin-top: 7px;}
.list-audience-mobility1 .each-segment .check-field { display: inline-block; width: 16px; text-align: center; vertical-align: middle}
.list-audience-mobility1 .each-segment .select-field {    display: inline-block;    width: 372px;    padding: 4px;    border: 1px solid #CCC; vertical-align: middle; color: ##5B5B5B;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.list-audience-mobility1 .each-segment .add-btn { float: right; font-size: 11px; font-weight: 400; color: #B13434; margin-top: 11px; margin-right: 8px; cursor: pointer}
.list-audience-mobility1 .each-segment .add-btn:hover { text-decoration: underline}





.notification { width: 100%; height: 46px;  position: absolute; top: 0px; left: 0px; z-index: 100}
.notification-error {background-color: #892A2A;}
.notification-succes {background-color: #27ae60;}
.notification p { color: #FFF; display: inline-block; text-align: left; font-size: 14px; vertical-align: middle; padding: 16px 10px}
.notification .close { display: inline-block; float: right; width: 14px; vertical-align: middle; padding: 16px 10px; cursor: pointer; opacity: 0.8;
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.notification .close:hover { opacity: 1}







.list-usershape { position: relative}
.list-usershape li { position: relative}
.list-usershape .eye { width: 20px; height: 20px;  position: relative; display: inline-block; vertical-align: middle;    margin-top: 8px; cursor: pointer}
.list-usershape .eye .filter-a { position: absolute; width: 100%; left: 0; top: 0}
.list-usershape .eye .filter-b { position: absolute; width: 100%; display: none; left: 0; top: 0}
.list-usershape label {    width: 78% !important;}

.usershape-options { width: 100%; height: auto; display: none}
.usershape-options .cont-colors { width: 45%; float: left; margin-top: 4px; margin-bottom: 12px}
.usershape-options .cont-colors .color { width: 25px; height: 25px; float: left; margin: 4px; background-color: #EEE; border: 1px solid #FFF; cursor: pointer;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}
.usershape-options .cont-colors .color:hover { border: 1px solid #333 }
.usershape-options .cont-colors .active { border: 1px solid #333 }



.list-usershape .cont-ranges { width: 50%; float: left; height: auto;}
.list-usershape .cont-ranges .cont-range {    width: 85%; margin-top: 20px;}
.list-usershape .cont-ranges .cont-range p { color: #333;}
.list-usershape .cont-ranges .cont-range .output {    top: 0px; color: #333;    font-size: 16px;}
.list-usershape .cont-ranges .cont-range .output2 {    top: 0px; color: #333;    font-size: 16px;}



.list-usershape .name-edit { width: 310px; height: auto; position: absolute;  top: 7px; left: 35px; background-color: #FFF; display: none}
.list-usershape .name-edit input {    width: 291px;    padding: 2px 0px;    border: none;    font-weight: 300;    margin-left: 0px;    float: right;}
.list-usershape .name-edit .icon { float: left; width: 14px; margin-top: 2px}






.cont-delete { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 9999}
.cont-delete .popup { background-color: #FFF; position: absolute; width: 60%; height: auto; padding: 30px; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.cont-delete .popup p { font-size: 18px; line-height: 26px; margin-bottom: 25px;}
.cont-delete .popup .btn-yes { width: 100px; display: inline-block; vertical-align: middle; margin: 0px 5px; background-color: #7e7e7e; padding: 7px; cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.cont-delete .popup .btn-no { width: 100px; display: inline-block; vertical-align: middle; margin: 0px 5px; background-color: #7e7e7e; padding: 7px; cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4x;
-moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;}
.cont-delete .popup .btn-yes p { color: #FFF; margin-bottom: 0px;}
.cont-delete .popup .btn-no p { color: #FFF; margin-bottom: 0px;}
.cont-delete .popup div:hover { background-color: #333;}














.nested-list-pyramid {    width: 100%;    height: 40px;    z-index: 20;    position: absolute; left: 50%; transform: translateX(-50%); margin-top: 25px;}
.nested-list-pyramid .top-bar { width: 100%; height: 50px; position: absolute; top: 0; left: 0;}
.nested-list-pyramid .top-bar p { color: #FFF; font-size: 30px; text-align: left; width: 70%; float: left; margin-top: 13px; line-height: 28px;}
.nested-list-pyramid .top-bar span { font-size: 20px;}
.nested-list-pyramid .top-bar .icBack {    position: absolute;    top: 10px;    right: 0;    width: 60px; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.nested-list-pyramid .top-bar .icBack:hover { opacity: 0.6; width: 50px; top: 15px; right: 5px;}



.nested-list-pyramid .bread-bar { width: 100%; height: 40px; position: absolute; top: 0px;}
.nested-list-pyramid .bread-bar .cont-search { width: 240px; height: 36px; border: 1px solid #FFF; box-sizing: border-box; float: right; margin-right: 12px;
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.nested-list-pyramid .bread-bar .search-field { float:left; width: 180px; border: none; height: 32px; margin-left: 10px; background: transparent; color: #FFF;}
.nested-list-pyramid .bread-bar .search-btn { width: 36px; height: 34px; float: right; border: none; background: transparent; background-image: url(../img/icSearch2.svg); background-position:  center center;background-repeat: no-repeat; background-size: 24px; cursor: pointer; opacity: 0.6;
-moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}

.nested-list-pyramid .cont-nested-list { width: 100%;  position: absolute; top: 50px; bottom: 10px; }
.nested-list-pyramid .cont-nested-list p {    margin-bottom: 0px}
.nested-list-pyramid .bread-road { width: auto; display: inline-block;}
.nested-list-pyramid .list-audience .cont-plus {    right: 23px;}
.nested-list-pyramid .list-audience li {    width: 100%;}
.nested-list-pyramid .cont-plus-all {    right: 13px;    top: 0px;}
.nested-list-pyramid .v-swiper .swiper-wrapper {    padding-top: 23px;}
.nested-list-pyramid .title-slider {    margin-top: -15px;}
.nested-list-pyramid .list-audience li img {    right: 60px;}
.nested-list-pyramid .swiper-slide {    padding-right: 10px !important;}


.cont-filter-new {  width: 90%; height: 520px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cont-filter-new h4 {    margin-top: 0px;}
.filter-optionsx3 { margin: auto; width: auto; text-align: center;}
.filter-optionsx3 li { display: inline-block; margin: 0px 6px; width: 120px; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.filter-optionsx3 li p { color: #FFF; font-size: 16px; padding: 15px 0px; opacity: 0.6}
.filter-optionsx3 li:hover { border-bottom: 5px solid #B13434}
.filter-optionsx3 li:hover p { opacity: 1}
.filter-optionsx3 li.active { border-bottom: 5px solid #B13434}
.filter-optionsx3 li.active p { opacity: 1}




.new-nested-list {     width: 100%;    height: 330px;    margin-top: 80px;    position: relative;    overflow: hidden;}
.new-nested-list  .list-audience li {    padding: 10px 0px; width: 95%}
.new-nested-list ul { position: absolute; width: 100%; height: 100%;  top: 0; left: 100%; }
.new-nested-list .list-level1 { top: 0; left: 0;}
.new-nested-list .list-audience .cont-plus {    right: -40px;}
.new-nested-list .cont-plus-all {   right: 2.4%;    top: 0px;}
    
.scrolleable-cont { overflow-y: scroll; width: 100%; height: 274px; margin-top: 40px;}   
    
    




.list-level1, .list-level2 {  }






.pyramid { width: 100%; height: 460px; margin-top: 15px;  overflow: hidden; overflow-y: scroll;
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.pyramid .all-levels { width: 100%; background-color: #3e3e3e; height: 44px; position: relative; text-align: left; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.pyramid .all-levels .actived { position: absolute; left: 0px; top: 0px; background-color: #b13434; width: 8px; height: 100%; display: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.pyramid .all-levels .name-level { font-size: 18px; color: #FFF; padding: 12px; padding-left: 22px; opacity: 1}
.pyramid .all-levels:hover { }


.level1, .level2, .level3, .level4, .level5, .level6, .level7, .level8, .level9, .level10 { width: 99%; height: auto; background-color: #313131; margin-bottom: 8px; display: none}
.level1 { display: block;}

.pyramid .arrow { width: 16px; height: 10px; position: absolute; top: 52%; transform: translateY(-50%); right: 15px; background-image: url(../img/down.svg);
    background-size: 100% auto; background-repeat: no-repeat; background-position:  center center; cursor: pointer; opacity: 1;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.pyramid .arrow2 { background-image: url(../img/up.svg);}
.pyramid .arrow:hover { }

.pyramid .search { width: 200px; height: auto; position: absolute; top: 54%; transform: translateY(-50%); right: 36px; display: none}
.pyramid .search .lupa { width: 30px; height: 30px; float: left; background-image: url(../img/icSearch2.svg); background-repeat: no-repeat; background-position:  center center; background-size: 100% auto; opacity: 0.5;}
.pyramid .search input { background: transparent; border: none; padding: 4px; border-bottom: 1px solid #9e9e9e; color: #FFF; float: left; width: 150px;}

.pyramid .cont-options { width: 100%; height: auto; position: relative; padding-bottom: 10px; }
.pyramid .cont-options .in { width: 94%; margin: auto; margin-top: 25px; text-align: left; height: auto;}
.pyramid .cont-options p { color: #FFF;  font-size: 12px; line-height: 20px; color: #FFF; border: 1px solid #CCC; display: inline-block; vertical-align: top; width: auto; padding: 5px 16px; margin-right: 10px; margin-bottom: 12px; cursor: pointer;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
    -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px}
.pyramid .cont-options p:hover { background-color: #B13434; border: 1px solid #B13434;}


.level1 .cont-options { display: block}
.level1 .search { display: block}


.pyramid .cont-options .selected { background-color: #B13434; border: 1px solid #B13434;}




.list-geodata {  overflow-y: scroll !important;}
.list-geodata p.small-data { margin-top: 0px !important; padding-top: 0px !important; margin-bottom: 0px !important; border-bottom: 1px solid #CCC !important; padding-bottom: 4px  !important;}
.list-geodata .cont-check {    height: 30px !important;}




.move-new-01 { top: 80px !important;}
.cont-scroll-normal { overflow: scroll}









.common-content2 .cont-select1 { width: 60%; height: auto; display: inline-block; text-align: left; margin: 0px 16px; margin-bottom: 22px;}
.common-content2 .cont-select1 label { color: #E6E6E6; width: 100%; font-size: 13px; }
.common-content2 .cont-select1 select { width: 100%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #9F9D9D;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background: transparent;
    background: url(../img/icSelect.svg) 96% / 15% no-repeat; background-size: 20px}
.common-content2 .cont-select1 select option { color: #707070}
.common-content2 .input-field { width: 98.5%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #9F9D9D}

.common-content2 .submit-btn1 { color: #FFF; margin-top: 20px; background-color: #707070; padding: 14px 34px; border: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  cursor:pointer; position: relative; 
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.common-content2 .submit-btn1:hover { background-color: #B13434; padding: 14px 42px;}

.common-content2 .cont-select2 select { width: 26%; margin-top: 8px; height: 38px; border: 1px solid #E6E6E6; background: transparent; color: #FFF; padding-left: 7px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #9F9D9D; float: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background: transparent;
    background: url(../img/icSelect.svg) 96% / 15% no-repeat; background-size: 20px}
.common-content2 .cont-select2 select option { color: #707070}







.accordeon {width: 80%; height: auto;  overflow:hidden; padding-right: 10px; margin: auto; font-family: helvetica, sans-serif}
.accordeon-title {  padding: 14px;  cursor: pointer; color: #333; text-align: left;  background-color:#f1f1f1;  border: 1px solid #CCC; cursor: pointer; margin-bottom: 6px;  -moz-transition:all 0.25s ease 0s;  -o-transition:all 0.25s ease 0s;  -ms-transition:all 0.25s ease 0s;  -webkit-transition:all 0.25s ease 0s;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px}
.accordeon-title:after { content: '+'; float: right; font-size: 1.2em; color: #999; width: 20px; height: 20px; text-align: center; margin-top: -18px;}
.accordeon-title.is-opened:after { content: '-';}
.accordeon-content { display: none; padding: 10px; padding-top: 0px;} 
.accordeon-content ul { margin-bottom: 20px;}
.accordeon-content li { position: relative; cursor: pointer;  border-bottom: 1px solid #CCC; text-align: left; padding: 8px 0px;}
.accordeon-content label { width: 86%;  height: auto;  position: relative; display: inline-block; vertical-align: middle; padding-left: 6px;  font-size: 14px; color: #333; cursor:pointer}
.accordeon-content label:hover { opacity:0.6}
.accordeon-content .check { position: relative; width: 20px; display: inline-block; vertical-align: middle}
.accordeon-content .dt:last-of-type, .accordeon-content .dd:last-of-type {border-bottom: 1px solid black;}





.common-content2 .accordeon {width: 60%; height: 360px; overflow-y: scroll; padding-right: 20px; margin: auto; font-family: helvetica, sans-serif}
.common-content2 .accordeon-title {  padding: 14px;  cursor: pointer; color: #FFF; text-align: left;  background-color:#333;  border: 1px solid #555; cursor: pointer; margin-bottom: 10px;  -moz-transition:all 0.25s ease 0s;  -o-transition:all 0.25s ease 0s;  -ms-transition:all 0.25s ease 0s;  -webkit-transition:all 0.25s ease 0s;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px}
.common-content2 .accordeon-title:after { content: '+'; float: right; font-size: 1.2em; color: #f2f2f2; width: 20px; height: 20px; text-align: center; margin-top: -18px; margin-right: 18px;}
.common-content2 .accordeon-title.is-opened:after { content: '-';}
.common-content2 .accordeon-content { display: none; padding: 10px;} 
.common-content2 .accordeon-content ul { margin-bottom: 20px;}
.common-content2 .accordeon-content li { position: relative;  border-bottom: 1px solid #888; text-align: left; padding: 8px 0px;}
.common-content2 .accordeon-content label { width: 90%;  height: auto;  position: relative; display: inline-block; vertical-align: middle; padding-left: 6px;  font-size: 14px; color: #CCC; cursor:pointer}
.common-content2 .accordeon-content label:hover { opacity:0.6}
.common-content2 .accordeon-content .check { position: relative; width: 20px; display: inline-block; vertical-align: middle}
.common-content2 .accordeon-content .dt:last-of-type, .common-content2 .accordeon-content .dd:last-of-type {border-bottom: 1px solid black;}









.btnNew { background-color: #d60058; color: #FFF; font-size: 14px; font-weight: 700; box-sizing: border-box; padding: 15px 12px; text-align: center; margin: auto; width: 200px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.btnNew:hover { background-color: #FFF !important; color: #a9084b;}





.historial { width:90%; margin: auto; margin-top: 40px; border-top: 1px solid #CCC; }
.historial h4 { font-weight: bold; font-size: 30px; line-height: 40px; margin-bottom: 10px; margin-top: 30px;}
.historial ul {}
.historial ul li { box-sizing: border-box; padding: 0px 0px;}
.historial ul li p { font-size: 15px; line-height: 25px;}





.estaditicas { width:100%; margin:auto; margin-top: 40px; }
.estaditicas h3 { font-weight: bold; font-size: 30px; line-height: 40px; margin-bottom: 10px; margin-top: 30px; color: #d60058;}
.estaditicas ul { width: 10%%; display:flex;}
.estaditicas ul li {  width: 30%;  border: 1px solid #CCC; box-sizing: border-box; }
.estaditicas ul li h6 { font-size: 17px; font-weight: bold; line-height: 25px;}
.estaditicas ul li p { font-size: 15px; line-height: 24px;}

.estaditicas ul li .actual {box-sizing: border-box; padding: 22px; height:auto; min-height: 140px;}
.estaditicas ul li .viejo {box-sizing: border-box; padding: 22px; background-color: #EEE; height:auto; min-height: 140px;}
.estaditicas ul li .viejo h6 { color: #717171; font-weight: 600;}
.estaditicas ul li .viejo h6 span { font-weight: 400;}



.historial #campaign-list { width: 100% !important;}





.buscadorFechas { display:flex; align-items: center;}
.buscadorFechas .formulario2 { display:flex; align-items: center; flex-direction: row; padding: 0;    margin: 0;    margin-left: 5%;    margin-top: 22px;}
.buscadorFechas input { border: none; background-color: #EEE; width: 170px; box-sizing: border-box; padding: 10px; margin-right: 12px; font-size: 17px;}
.buscadorFechas .sendBTN { background-color: #a9084b; color: #FFF; width: 120px; cursor: pointer;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.buscadorFechas .sendBTN:hover { background-color: #222;}




.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    background-color: #d60058 !important;
    color: #FFF !important;
    border: none !important;
    padding: 8px 20px 10px 20px !important;
    transform: translateY(24px) ;
    -webkit-transform: translateY(24px) ;
    -moz-transform: translateY(24px) ;
    -ms-transform: translateY(24px) ;
    -o-transform: translateY(24px) ;
}





.mandale { background-color: #d60058; color: #FFF; border: none; width: 350px !important; cursor: pointer;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.mandale:hover { background-color: #a9084b;}



.barraSup .botsDer2 .formulario {    margin-top: 15px;}




.dtr-details { margin-bottom: 25px;}
.dtr-details span { font-size:14px; line-height: 24px;}
.dtr-details .dtr-data { font-weight: bold;}


















@media screen and (max-width: 1300px) {



}


@media screen and (max-width: 1100px) {
  
    .cont-header .cliente {        font-size: 17px;    }

    .estaditicas ul {        flex-direction: column;    }
    .estaditicas ul li {        width: 100%;        margin-right: 0px;        margin-bottom: 12px;    }
      
    .formulario {        flex-direction: column !important;    }

}



@media screen and (max-width: 720px) {
  

    .startpoint .cont-startpoint p.welcome {        padding-right: 30px; font-size: 26px;   }
    .startpoint .cont-startpoint h2 {   padding-right: 30px;  font-size: 40px; line-height: 48px; margin-top: 15px; }

    .geo-analysis h2 {        font-size: 2em;  margin-right: 20px;  }

    .barraSup a {        font-size: 12px;        line-height: 23px;        letter-spacing: 0px;        padding: 6px 17px;    }

    .dt-buttons.ui-buttonset { margin-bottom: 30px;}

      
}



@media screen and (max-width: 640px) {

    .geo-analysis h2 {        font-size: 1.6em;  margin: 0px;  }

    .dataTables_wrapper .dataTables_filter {    margin: 0;    margin-top: 69px;    margin-bottom: 25px;    width: 100%;}
    .dataTables_wrapper .dataTables_filter input {    width: 70%;}

    .cont-header .cont-configuration {        right: 0px;        padding-left: 0px;        margin-right: 10px;    }
    .cont-header .cont-configuration .salir {        font-size: 14px;        padding: 8px 12px;}
    .cont-header .cliente {        margin-top: 24px;        font-size: 16px; margin-left: 0px;    }

    .estaditicas h3 {        font-size: 24px;        line-height: 30px;    }
    .estaditicas ul li {        padding: 16px;    }
    .estaditicas ul li h6 {        font-size: 17px;        line-height: 25px;    }
    .estaditicas ul li p {        font-size: 16px;        line-height: 26px;    }

    #form1 {        width: 330px;    }

    .formulario .izq {        width: 100%;    }
    .formulario .der {        width: 100%;    }

    .buscadorFechas .formulario2 {        flex-direction: column; width: 300px;    }
    .buscadorFechas input {        width: 100%; margin: 0; margin-bottom: 10px;    }
    .buscadorFechas .sendBTN {        width: 100%;    }

    .barraSup {        flex-direction: column;    }
    .barraSup .botsDer2 {        float: none;    }
    .barraSup .botsDer2 .formulario {        width: 100%;        margin-top: 50px;    }

      
}


@media screen and (max-width: 480px) {

    .geo-analysis h2 {        font-size: 1.3em;    }

    .cont-header .logo { display:none    }
    .cont-header .cliente {     margin-left: 15px;    }



      
}