@charset "UTF-8";

input[type=text]:disabled, select:disabled {
    background-color: rgb(235, 235, 228);
}


/** SIDEMENU **/
.sidemenu {
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.54);
    position: fixed;
    width: 210px; /* .sidemenu width */
    padding-top: 72px; /* .main-header height*/
    height: 100%;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
    z-index: 1;
    display: block;
}

.sidemenu nav {
    height: 100%;
    overflow: auto;
}

.sidemenu-list li{
    color:#777;
}

.sidemenu-list li a, .sidemenu-list li .caret{
    font-size: 13px;
    padding:18px 0px 18px 35px;
    text-align:left;
    font-weight:normal;
    display: block;
    text-transform: uppercase;
    letter-spacing: -0.06px;
}

.sidemenu-list li .caret{
    padding-left:15px;
    cursor: pointer;
}
.sidemenu-list li .caret .fa{
    margin-right: 7px;
    width: 10px;
    float: left;
    margin-top: 2px;
    margin-bottom: 10px;
}

.sidemenu-list li.sub a{
    font-size:13px;
    font-weight:normal;
    padding-top:8px;
    padding-bottom:8px;
    text-transform: none;
}


.sidemenu-list li:hover, .sidemenu-list li.active{
    color: #ff6d00;
    background-color:#eaeaea;
}

.sidemenu-list li.sub.active{
    background-color:inherit;
}









/* landing*/

.slide-content {
    height: 330px;
    margin: 0 auto;
    padding: 0;
    width: 85%;
    text-align: center;
    padding: 0 40px;
    margin-top: 60px;
}

.slide-content h1 {
    font-size:40px;
    font-weight:bold;
    line-height:1.1;
    margin-bottom:30px;
}

.slide-content p {
    font-size:20px;
    line-height:1.4;
}

.outer-container {
    display: table;
    width:100%;
    height: 330px;
    overflow: hidden;
}

.outer-container .inner-container {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
}
.outer-container .inner-container.slide-description {
    width:70%;
}
.outer-container .inner-container.slide-image {
    text-align: center;
    width:30%;
}

.outer-container .inner-container .icon{
    display: block;
    font-size: 120px;
    height: 120px;
    color: #f05e25;
}
a.next-slide-arrow, a.last-slide-arrow {
    background: url("/img/trends/arrows.png") no-repeat;
    width:75px;
    height:38px;
    display:block;
    margin: 0 auto;
    cursor: pointer;
}

a.next-slide-arrow {
    background-position: 0 0;
}
a.last-slide-arrow {
    background-position: 0 -39px;
}
.slide-back{
    overflow: hidden;
    height: 360px;
    width: 100%;
}
.slide-back.slide-back0{ background: url("/img/trends/1.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back1{ background: url("/img/trends/6.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back2{ background: url("/img/trends/3.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back3{ background: url("/img/trends/4.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back4{ background: url("/img/trends/5.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back5{ background: url("/img/trends/2.png") repeat fixed 50% 0 #ffffff}



/* /landing */



/* colors */
.blue {color: #19649D!important; }
.dark-blue {color: #1F659B!important;}
.green { color: #7FAE5C!important;}
.orange { color: #f15c22!important;}
.red { color: #f1212c!important;}
.gray { color: #aaa!important;}




/*login form*/
.jmi-form{
    margin: 0 auto;
    padding: 0;
    width: 450px;
    position: relative;
    clear: both;
    overflow: hidden;
}

.jmi-form .top{
    padding: 10px 40px 17px 40px;
}
.jmi-form .bottom{
    padding: 14px 70px;
    text-align: center;
}

.jmi-form .bottom .button{
    margin: 0 auto;
}

.jmi-form li{
    margin: 15px 0 15px 0;
    clear: both;
}

.jmi-form .note {
    color: #8A8A8D; font-size: 14px;
}

.jmi-form .textfield { width: 100% !important; }

.jmi-form .footer { padding: 0 40px; text-align: center; }
.jmi-form .footer br { line-height: 26px;}

#export-secondary-dimension-report-form.jmi-form { width: 550px; }

.checkboxLabel:after { content:"\A"; white-space:pre; line-height: 25px; }
.checkboxLabelWithIcon:after { content:"\A"; white-space:pre; line-height: 25px; }
.checkboxlist { vertical-align: middle !important; margin-left: 16.5px; }
.checkboxListWithIcon { vertical-align: middle !important; }
.checkboxLabel { display: inline-block; vertical-align: top; width: 92%; }
.checkboxLabel.permission { margin-left: 16.5px; }
.checkboxLabelWithIcon { display: inline-block; vertical-align: top; width: 92%; }

.textfield{
    display: block;
    margin-top: 7px;
    margin-bottom: 4px;
    border: 1px solid #8a8a8d;
    height: 35px;
    padding: 5px 10px!important;
    width: 94.5%!important;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.textfield.textfield-small{
    height: 25px!important;
    font-size: 14px;
}

.editable-update.active input {
    width: 100%;
    font-size: 16px;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #8a8a8d;
}
.editable-update { border-width: 3px; border-color: transparent; border-style: solid; padding: 0px 15px !important; }
/* .editable-update:hover { cursor: pointer; border-color: #f9d751; } */
.editable-update.active { padding: 1px!important; }
.editable-update .fa-pencil { cursor: pointer; font-size: 12px; vertical-align: 1px; margin-left: 3px; width: 10px; }

/**tooltip */
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #777; box-shadow: 0 0 5px #777; font-size: 15px; font-family: Helvetica, Arial, sans-serif; background-color:#fff; cursor: pointer; }
.ui-tooltip-colorbox { z-index: 999999 !important; }

.ui-helper-hidden-accessible{
    display: none;
}

.jmi-message{
    padding:8px 10px 8px 20px;
}
.jmi-message .fa-times { margin-right: 0; margin-top: 4px; font-size: 18px; }

.jmi-message.jmi-message-info{
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1;
}

.jmi-message.jmi-message-warning{
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.jmi-message.jmi-message-error{
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

/* validation messages */
ul.errorMessage, ul.actionMessage {display: block; clear: both; margin-top: 10px; line-height: 20px; list-style: none;}
ul.errorMessage li, ul.actionMessage li {font-size: 16px; margin: 0 !important; padding: 0 !important;}
ul.errorMessage li span { color: #f1212c;}
.red-border{border:1px solid #f1212c !important; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}
#request-demo-form .errorMessage { text-align: right; width: 94.5%; margin-top: 0; }
#request-demo-form .errorMessage span { font-size: 0.9em; }
#request-demo-form .red-border { margin-bottom: 2px; }


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxOverlay-jij, #cboxWrapper{position:absolute; top:0; left:0; overflow:hidden; }
#colorbox{outline-color:transparent; outline-width:0px;}/* para mac */
#colorbox::selection{background:transparent;}
#cboxWrapper,.cboxIE {z-index:2000 !important;  border-radius:5px; border:none;}
#cboxWrapper { background: #fff; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxLoadedContent{overflow:auto; }
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{background:#fff;width:100%; height:100%; display:block; border:0;}

#cboxOverlay, #cboxOverlay-jij{position:fixed; width:100%; height:100%; z-index: 3;background-color:rgba(0, 0, 0, 0.4);}
#cboxTopLeft{width:20px; height:20px; background: #fff;}
#cboxTopCenter{height:20px; background: #fff;}
#cboxTopRight{width:20px; height:20px; background: #fff;}
#cboxBottomLeft{width:20px; height:20px; background: #fff;}
#cboxBottomCenter{height:20px; background: #fff;}
#cboxBottomRight{width:20px; height:20px; background: #fff;}
#cboxMiddleLeft{width:20px; background: #fff;}
#cboxMiddleRight{width:20px; background: #fff;}
#cboxContent{background:#fff;position:relative;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxTitle{display: none !important}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#58585a;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#58585a;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#58585a;}
#cboxLoadingOverlay{background:#fff url("/img/colorbox/loading.gif") no-repeat 5px 5px;}
#cboxClose { border:0 !important; position: absolute; top: -20px; right: -20px; background: url("/img/sprite20.png") no-repeat 0 -2250px transparent; height: 32px; width:32px; text-indent: -9999px; }
#cboxClose.hover { background-position: 0 -2283px; }



.timeline-chart{height: 250px;}

.highcharts-title {
    display: none;
}

.highcharts-subtitle {
    display: none;
}

.highcharts-container {
    height: 200px;
    -webkit-backface-visibility: inherit;
    backface-visibility: inherit;
}

td .cell.cell-truncate {
    padding-top: 6px; padding-bottom: 6px;
}

th .cell.cell-truncate {
    padding-top: 14px; padding-bottom: 14px;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 95%;
    top: 4px;
    line-height: 18px;
    position: relative;

}



.text-truncate.text-truncate-small{
    max-width: 80%;
}

.cell-small-icons .text-truncate { max-width: 80%; }
.cell-medium-icons .text-truncate { max-width: 77%; }
.cell-large-icons .text-truncate { max-width: 50%; }
.cell-xlarge-icons .text-truncate { max-width: 50%; }
.cell-xxlarge-icons .text-truncate { max-width: 53%; }
.cell-xlarge-icons, .cell-xxlarge-icons {padding-right:7px !important;}
.cell-separator.cell-small-icons .text-truncate { max-width: 96%; }
.cell-separator.cell-medium-icons .text-truncate { max-width: 90%; }
.cell-separator.cell-large-icons .text-truncate { max-width: 88%; }

.cell.cell-share-variation .lines-truncate { max-height: 48px; }

.th-title.text-truncate { max-width: 100%; display: block; top: 0; }
.editable-update .text-truncate {max-width: 80%; width: 80%;}

.offer-inspect-div .posting-history .text-truncate { max-width: 91%; overflow: hidden;}
.offer-inspect-div .posting-history .link-arrow .text-truncate { max-width: 78%; }

.custom-market-block .text-truncate { max-width: 85%; }

.tab-filter-new-item .text-truncate { display: inline-block; top: 5px;}
.tab-filter-new-item.auto6 .text-truncate.category { max-width: 30%; }
.tab-filter-new-item.auto6 .text-truncate.location { max-width: 32%; }
.tab-filter-new-item.auto6 .text-truncate.company { max-width: 28%; }
.tab-filter-new-item.auto6 .text-truncate.title { max-width: 48%; }
.tab-filter-new-item.auto6 .text-truncate.salary { max-width: 40%; }
.tab-filter-new-item.auto6 .text-truncate.descr { max-width: 40%; }

.tab-filter-new-item.auto5 .text-truncate.category { max-width: 35%; }
.tab-filter-new-item.auto5 .text-truncate.location { max-width: 37%; }
.tab-filter-new-item.auto5 .text-truncate.company { max-width: 33%; }
.tab-filter-new-item.auto5 .text-truncate.title { max-width: 53%; }
.tab-filter-new-item.auto5 .text-truncate.salary { max-width: 45%; }
.tab-filter-new-item.auto5 .text-truncate.descr { max-width: 45%; }

.tab-filter-new-item.auto4 .text-truncate.category { max-width: 48%; }
.tab-filter-new-item.auto4 .text-truncate.location { max-width: 50%; }
.tab-filter-new-item.auto4 .text-truncate.company { max-width: 47%; }
.tab-filter-new-item.auto4 .text-truncate.title { max-width: 63%; }

.tab-filter-new-item.auto3 .text-truncate.location { max-width: 62%; }
.tab-filter-new-item.auto3 .text-truncate.company { max-width: 60%; }
.tab-filter-new-item.auto3 .text-truncate.title { max-width: 72%; }


.pdf { background: url("/img/sprite20.png") no-repeat scroll 0 -3504px transparent; display: block;float: right;font-size: 11px; right: -7px;text-indent: -9999px; top: -6px;width: 20px; height:20px; }

.icons .fa{font-size:16px;margin-right:8px;vertical-align: 0px;}
.icons .fa:hover{font-weight:bold;}
.icons .fa-google:hover{color:#156aeb;}
.icons .fa-google { vertical-align: -2px; }
.icons .fa-linkedin:hover{color:#1b86bc;}
.icons .fa-ban{vertical-align: -2px; font-size: 17px;}
.icons .fa-ban:hover{color:#f15c22;}
.icons .fa-linkedin { vertical-align: -2px; font-size: 17px; }
.icons .fa-comment { vertical-align: -1px; margin-right:4px; }
.icons .fa:last-child { margin-right: 0!important; }

/* autocomplete */
.ui-autocomplete { position: absolute; cursor: default; z-index:9999;}
.ui-menu {
    list-style:none;
    padding: 0;
    margin: 0;
    display:block;
    float: left;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    border: 1px solid #ccc;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding:.2em .4em;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    display:block;
    font-size: 12px;
    font-size: .75rem;
    line-height: 2.5;
}
.ui-autocomplete .ui-state-focus, .ui-menu .ui-menu-item:hover {  background-color: #f0f0f0; }

/* buttons */

.button{
    background-color: rgb(240, 94, 37);
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: normal;
    border-radius: 5px;
    padding: 10px 32px;
    cursor: pointer;
}

.button.grey-button {
    /* background-color: #999;
    background-color: rgba(153, 153, 153); */
    background-color: rgb(153, 153, 153);
    /* 4 parameter opacity */
}

.small-button{
    background-color: rgb(240, 94, 37);
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: normal;
    border-radius: 5px;
    padding: 1px 10px;
    cursor: pointer;
}

.button.disabled{background-color: #aaa;}
.button.button-gray{background-color: #aaa;}
input.disabled, select.disabled{ border: 1px solid #CCCCCC;opacity: 0.8;background-color:#ececec;}

@font-face {
    font-family: "jobisjob-insights";
    src:url("/jmi/fonts/jobisjob-insights-4.eot");
    src:url("/jmi/fonts/jobisjob-insights-4.eot?#iefix") format("embedded-opentype"),
    url("/jmi/fonts/jobisjob-insights-4.woff") format("woff"),
    url("/jmi/fonts/jobisjob-insights-4.ttf") format("truetype"),
    url("/jmi/fonts/jobisjob-insights-4.svg#jobisjob-insights") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('/jmi/fonts/bebasneue_regular-webfont.eot');
    src: url('/jmi/fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/jmi/fonts/bebasneue_regular-webfont.woff2') format('woff2'),
    url('/jmi/fonts/bebasneue_regular-webfont.woff') format('woff'),
    url('/jmi/fonts/bebasneue_regular-webfont.ttf') format('truetype'),
    url('/jmi/fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bebas_neue_bold";
    src: url("/jmi/fonts/BebasNeueBold.eot"),
    url("/jmi/fonts/BebasNeueBold.woff") format("woff"),
    url("/jmi/fonts/BebasNeueBold.woff2") format("woff2"),
    url("/jmi/fonts/BebasNeueBold.ttf") format("truetype"),
    url("/jmi/fonts/BebasNeueBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "jobisjob-insights" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "jobisjob-insights" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-category-distribution:before {
    content: "\61";
}
.icon-location-distribution:before {
    content: "\62";
}
.icon-salary-analysis:before {
    content: "\63";
}
.icon-customer-penetration:before {
    content: "\64";
}
.icon-missing-advertisers:before {
    content: "\65";
}
.icon-arrow-down:before {
    content: "\66";
}
.icon-arrow-left:before {
    content: "\68";
}
.icon-arrow-right:before {
    content: "\69";
}
.icon-arrow-up:before {
    content: "\6a";
}
.icon-big-arrow-right:before {
    content: "\6c";
}
.icon-report:before {
    content: "\6d";
}
.icon-schedule:before {
    content: "\6e";
}
.icon-plus:before {
    content: "\71";
}
.icon-download:before {
    content: "\72";
}
.icon-full-report:before {
    content: "\73";
}
.icon-long-arrow-down:before {
    content: "\74";
}
.icon-long-arrow-up:before {
    content: "\75";
}
.icon-facebook:before {
    content: "\79";
}
.icon-google:before {
    content: "\7a";
}
.icon-linkedin:before {
    content: "\41";
}
.icon-pinterest:before {
    content: "\42";
}
.icon-twitter:before {
    content: "\43";
}
.icon-check:before {
    content: "\67";
}
.icon-uncheck:before {
    content: "\6b";
}
.icon-check-2:before {
    content: "\6f";
}
.icon-back:before {
    content: "\70";
}
.icon-home:before {
    content: "\76";
}
.icon-columns:before {
    content: "\77";
}
.icon-rows:before {
    content: "\78";
}
.icon-edit:before {
    content: "\44";
}
.icon-delete:before {
    content: "\45";
}
.icon-external:before {
    content: "\46";
}
.icon-first-arrow-left:before {
    content: "\47";
}
.icon-info:before {
    content: "\48";
}
.icon-company-distribution:before {
    content: "\49";
}
.icon-top-movers:before {
    content: "\4a";
}
.icon-group:before {
    content: "\4b";
}
.icon-group-2:before {
    content: "\4c";
}
.icon-group-3:before {
    content: "\4e";
}

.icon-info {
    font-size: 16px;
    margin-left: 3px;
    top: 2px;
    position: relative;
}

/** jmi-sprite **/
.sprite-icon { overflow: hidden; margin-right: 15px; float: left; width: 46px; height: 45px;}
.sprite-icon img { max-width: none; }
.sprite-icon-center{ float:none; margin-left: auto; margin-right: auto; }

#jmi-landing .sprite-icon { width: 95px; height: 93px; }
.sprite-icon.mkt5-icon.icon-top { margin-top: -5px; }
.sprite-icon.dollar-icon { margin-top: 2px; margin-left: 1px; }

.sprite-icon.mkt0-icon img { margin-top: -456px; margin-left: 0px;}
.sprite-icon.mkt1-icon img { margin-top: 4px; margin-left: -1px; }
.sprite-icon.mkt3-icon img { margin-top: 3px; margin-left: -53px; }
.sprite-icon.mkt4-icon img { margin-top: -41px; margin-left: -1px; }
.sprite-icon.mkt5-icon img { margin-top: -42px; margin-left: -53px; }
.sprite-icon.mkt6-icon img { margin-top: -89px; margin-left: 0; }
.sprite-icon.map-icon img { margin-top: -89px; margin-left: -53px; }
.sprite-icon.lens-icon img { margin-top: -404px; margin-left: 0; }
.sprite-icon.suitcase-icon img { margin-top: -404px; margin-left: -57px; }
.sprite-icon.target-trans-icon img { margin-top: -454px; margin-left: -3px; }
.sprite-icon.glasses-icon img { margin-top: -504px; margin-left: -4px; }
.sprite-icon.user-icon img { margin-top: -454px; margin-left: -56px; }
.sprite-icon.building-icon img { margin-top: -353px; margin-left: -1px; }
.sprite-icon.world-icon img { margin-top: -353px; margin-left: -54px; }
.sprite-icon.bars-icon img { margin-top: -218px; width: 94px; margin-left: -1px; }
.sprite-icon.target-icon img { margin-top: -125px; width: 94px; margin-left: -1px; }
.sprite-icon.dollar-icon img { margin-top: -510px; margin-left: -57px; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}



audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
    overflow: auto;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.subsection {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child {
    margin-left: 0;
}
.col-manual {
    float: left;
    display: block;
}

/**
 MISC
***/

.fright{float: right !important;}
.tcenter{text-align: center !important;}
.tleft{text-align: left !important;}
.tleft{text-align: left !important;}
.clear{clear: both;}
.fleft{float: left !important;}
.baseline {vertical-align: -1px !important;} /* -1px mejor que baseline */
.uppercase{text-transform: uppercase !important;}
.lowercase{text-transform: lowercase !important;}
.pointer{cursor: pointer !important;}
.relative{position:relative;}

.col-50 { width: 49.25%; float: left; }
.col-40 { width: 39.25%; }
.col-60 { width: 59.25%; }
.col-30 { width: 29.25%; }
.col-70 { width: 69.25%; }

.col-40-raw { width: 40%; }
.col-60-raw { width: 60%; }

.debug-link .fa{color:#d95757 !important;}
.debug-link .fa:hover{color:#b93737 !important;}
.debug-coa{text-align: center;float: right;width: 20px;}
.debug-coa .fa-trash { top: 2px; position: relative; font-size: 18px; }


.cell.bar-1{padding-left:0;padding-right: 0; display: inline-block;margin-left:1px;}
.cell.bar-1:first-of-type{margin-left:0px;}

/** colors **/
.bg-gray1 { background-color: #f3f3f3; }
.bg-gray2 { background-color: #e1e1e1; }
.bg-gray3 { background-color: #f7f7f7; }
.bg-gray4 { background-color: #e8e8e8; }
.bg-gray5 { background-color: #f0f0f0; }
.bg-orange1 { background-color: #fbcebb; }
.bg-yellow1 { background-color: #fee3b4; }
.bg-orange2 { background-color: #f8ab8d; }
.bg-yellow2 { background-color: #fecf7f; }
.bg-orange3 { background-color: #f15c22; }
.bg-yellow3 { background-color: #fba105; }
.bg-green { background-color: #acd87f; }
.bg-red { background-color: #ec7f7f; }
.bg-transparent { background-color: transparent !important; }



/*##########################################################*/
/*#######################   table   ########################*/
/*##########################################################*/

table {
    width: 100%;
}
table.fixed {
    table-layout: fixed;
}



td {
    background-color: #f3f3f3; border-bottom: 1px solid #fff; border-right: 2px solid #fff;
}
th {
    background-color: #e1e1e1; border-bottom: 2px solid #fff; border-right: 2px solid #fff;
}
td:last-child, th:last-child { border-right: none; }


table.table-transparent th,
table.table-transparent td{
    background-color: transparent;
    border-right: 0px;
}

table.table-transparent th{
    border-bottom: 2px solid #bbb;
}
table.table-transparent td{
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
    border-right: 0px;
}
table.table-transparent th .cell{
    padding-top:10px;
    height: 60px;

}

.zero-results-handler {
    padding-left: 5px;
}

.zero-results-handler-title {
    font-size: 15px;
    padding: 3px 10px;
}

.zero-results-handler-table-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 40px;
    vertical-align: middle;
}

.zero-results-handler-table-cell {
    font-size: 14px;
}

.icon-zero-results-handler {
    font-size: 14px!important;
    margin-left: 6px;
}

table.table-transparent tr:hover td, table.table-transparent tr.highlight td{
    background-color: #f5f5f5 !important;
}

table.table-transparent-zero-results-handler th,
table.table-transparent-zero-results-handler td{
    background-color: transparent;
    border-right: 0px;
}

table.table-transparent-zero-results-handler th{
    border-bottom: 2px solid #bbb;
}
table.table-transparent-zero-results-handler th .cell{
    padding-top:10px;
    height: 48px;
}

table.table-transparent-zero-results-handler tr:hover td, table.table-transparent-zero-results-handler tr.highlight td{
    background-color: #f5f5f5 !important;
}

.tr-highlight td,
.tr-highlight .bg-gray2,
.tr-highlight .bg-orange1,
.tr-highlight .bg-orange2,
.tr-highlight .bg-orange3,
.tr-highlight .bg-yellow1,
.tr-highlight .bg-yellow2,
.tr-highlight .bg-yellow3,
.tr-highlight .bg-green,
.tr-highlight .bg-red{ background-color: #fbcebb; }

.table-highlight-hover tr:hover td{ background-color: #e2e2e2; }
.table-highlight-hover tr:hover .bg-gray2:not(th){ background-color: #d0d0d0 !important; }
.table-highlight-hover tr:hover .bg-orange1:not(th){ background-color: #eabdaa !important; }
.table-highlight-hover tr:hover .bg-orange2:not(th){ background-color: #e79a7c !important; }
.table-highlight-hover tr:hover .bg-orange3:not(th){ background-color: #e04b11 !important; }
.table-highlight-hover tr:hover .bg-yellow1:not(th){ background-color: #edd2a3 !important; }
.table-highlight-hover tr:hover .bg-yellow2:not(th){ background-color: #edbe6e !important; }
.table-highlight-hover tr:hover .bg-yellow3:not(th){ background-color: #ea9004 !important; }
.table-highlight-hover tr:hover .bg-green:not(th){ background-color: #9bc76e !important; }
.table-highlight-hover tr:hover .bg-red:not(th){ background-color: #db6e6e !important; }

.tr-highlight .bg-green .cell, .tr-highlight .bg-red .cell { color: #585859; }
.bg-orange3 .cell, .bg-yellow3 .cell, .bg-green .cell, .bg-red .cell { color: #fff; }

.bg-green .cell-share-variation{ background-image: url('/jmi/img/long-arrow-up.png'); }
.bg-red .cell-share-variation{ background-image: url('/jmi/img/long-arrow-down.png'); }

.bg-orange1 .td-percentage { color: #AA9287; }
.bg-yellow1 .td-percentage { color: #AA9287; }

/** custom separation **/
.bottom-double { border-bottom-width: 2px; }
.top-double { border-top: 2px solid #fff; }

.td-1-of-1 {
    width: 100%;
}
.td-1-of-2 {
    width: 50%;
}
.td-1-of-3 {
    width: 33.333%;
}
.td-2-of-3 {
    width: 66.666%;
}
.td-1-of-4 {
    width: 25%;
}
.td-2-of-4 {
    width: 50%;
}
.td-3-of-4 {
    width: 75%;
}
.td-1-of-5 {
    width: 20%;
}
.td-2-of-5 {
    width: 40%;
}
.td-3-of-5 {
    width: 60%;
}
.td-4-of-5 {
    width: 80%;
}
.td-5 {
    width: 5%;
}
.td-10 {
    width: 10%;
}
.td-12 {
    width: 12%;
}
.td-13 {
    width: 13%;
}
.td-14 {
    width: 14%;
}
.td-15 {
    width: 15%;
}
.td-16 {
    width: 16%;
}
.td-17 {
    width: 17%;
}
.td-18 {
    width: 18%;
}
.td-19 {
    width: 19%;
}
.td-20 {
    width: 20%;
}
.td-21 {
    width: 21%;
}
.td-22 {
    width: 22%;
}
.td-24 {
    width: 24%;
}
.td-27 {
    width: 27%;
}
.td-28 {
    width: 28%;
}
.td-30 {
    width: 30%;
}
.td-32 {
    width: 32%;
}
.td-34 {
    width: 34%;
}
.td-35 {
    width: 35%;
}
.td-36 {
    width: 36%;
}
.td-37 {
    width: 37%;
}
.td-38 {
    width: 38%;
}
.td-40 {
    width: 40%;
}
.td-45 {
    width: 45%;
}
.td-50 {
    width: 50%;
}
.td-56 {
    width: 56%;
}
.td-70 {
    width: 70%;
}
.td-85 {
    width: 85%;
}


td .cell {
    padding: 7px 12px;
    font-size: 15px;
    font-size: .9375rem;
}

.table-text-small td .cell{
    font-size: 14px !important;
}

.table-text-small .th-title{
    font-size: 14px !important;
}

.table-text-small th .cell{
    padding: 6px 10px;
    height: 50px;
}


th .cell {
    padding: 15px 10px;
    font-size: 15px;
    font-size: .9375rem;
    text-align: center;
    height: 70px;
}
th .cell.cell-height-medium {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
}

th .cell.cell-long {
    padding-left: 4px;
    padding-right: 4px;

}
th .cell.cell-height-short {
    padding-top: 7px;
    padding-bottom: 7px;
    height: auto;
}

.cell.cell-no-padding {
    padding:0;
}

th .cell-left {
    margin: 0 auto;
    width: 80%
}
th .cell-right {
    width: 10%;
    float: right;
    text-align: right;
}
th .icon-arrow-down {
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    opacity: .4;
    cursor: pointer;
}
th .icon-arrow-up {
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    opacity: .4;
    cursor: pointer;
}
th .icon-arrow-down.active, th .icon-arrow-down:hover, th .icon-arrow-up.active, th .icon-arrow-up:hover {
    opacity: 1;
}
.th-title {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
}

th.small .th-title {
    font-size: 16px;
}
th.small .cell{
    padding-top:8px;
}
th.small .th-small {
    font-size: 12px;
    font-size: .75rem;
}

td.small .cell{
    padding-top:8px;
}
td.small .tm-percentage {
    font-size: 12px;
    font-size: 1.4375rem;
}

.th-title.single {
    line-height: 40px;
    vertical-align: middle;
}
.th-small {
    line-height: 1;
    font-size: 15px;
    font-size: .9375rem;
}

.tm-title {
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
}
.tm-percentage {
    margin-top: 14px;
    font-size: 22px;
    font-size: 1.4375rem;
    line-height: 1.2;
}
.tm-small {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
}
.td-percentage {
    color: #b0b0b0;
    display: inline;
    min-width: 51px;
    margin-left: 3px;
}

.cell.cell-share-variation {
    padding: 15px 19px;
    height:107px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 90%;
}

.cell.cell-share-variation .no-change{
    text-align: center;
    padding-top: 60px;
}

.cell-text-align-left{
    text-align: left !important;
}
.cell-text-align-center {
    text-align: center;
}
.cell-text-align-right {
    text-align: right;
    padding-left: 8px !important;
}
.cell.cell-bold,
.row-bold .cell,
.cell > .cell-bold,
.cell-bold .td-percentage,
.cell-bold .text-truncate{
    font-weight: bold !important;
}
.cell.cell-separator {
    margin-top: 20px;
}

.cell .icon-external { font-size: 14px; color:#aaa; cursor:pointer; vertical-align: -2px; }
/* .cell .fa-sliders.filter-icon { font-size: 14px; color: inherit; cursor:pointer; margin-right: 5px; position: relative; top: -1px; } */
.filter-icon { background: url("/jmi/img/quick_filter.svg") no-repeat; cursor: pointer; margin-right: 3px; width: 18px; height: 18px; display: inline-block; position: relative; top: 3px; }


.cell .fa-search {
    font-size: 12px;
    vertical-align: 1px;
    margin-left: 3px;
}
.cell .fa-times-circle {
    font-size:16px;
    vertical-align: middle;
}
.cell .fa-exchange {
    font-size:18px;
    vertical-align: middle;
}

.cell .link-orange {
    font-size: 12px;
    font-size: .75rem;
}

.cell .display-hover{
    display:none;
}
.cell:hover .display-hover{
    display:inline-block;
}


.border-top {
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #ddd;
}
.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #ddd;
}
.tab-util-right {
    float: right;
}
.tab-util-left {
    float: left;
}
.tab-util-left li:first-child {
    padding-left:0;
}
.tab-util-item {
    display: inline-block;
    line-height: 48px;
    padding: 0 20px;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #ddd;
}

.tab-util-item-left {
    display: inline-block;
    line-height: 48px;
    padding-right: 20px;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #ddd;
}

.tab-util-item:last-of-type {
    padding-left: 16px;
    padding-right: 16px;
    margin-right: -2px;
    border-right: none;

}

.tab-util-label {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}

.tab-util-label.disabled {
    color: #aaa;
}

.tab-util-item .icon-plus {
    display:inline-block;
    margin-right: 10px;
    font-size: 20px;
    height: 34px;
    line-height: 40px;
    vertical-align: middle;
}
.tab-util-item .icon-download {
    display:inline-block;
    margin-right: 10px;
    font-size: 20px;
    height: 31px;
    line-height: 40px;
    vertical-align: middle;
}
.tab-util-item .icon-full-report {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    height: 31px;
    line-height: 40px;
    vertical-align: -4px;
}
.tab-util-item .icon-arrow-down {
    display: inline-block;
    margin-left: 10px;
    font-size: 10px;
    height: 40px;
    line-height: 42px;
    vertical-align: middle;
}
.tab-util-item .icon-arrow-up {
    display: inline-block;
    margin-left: 10px;
    font-size: 10px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    cursor: default;
}

.tab-util-item .icons { margin-left: 10px; }
.tab-util-item .icons .fa { margin-right: 10px; vertical-align: 0px; }

.tab-util-export-menu {
    position: absolute;
    top: 40px;
    right: 0;
    padding-top: 4px;
    padding-bottom: 12px;
    text-align: right;
    background-color: #fff;
    /*background-color: rgba(0, 255, 0, .15);*/
}
.tab-util-export-menu-item {
    min-width: 105px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: lighter;
    line-height: 1.8;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}

.tab-util-export-menu-item:hover {
    opacity: .7;
}

.tab-table {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #ddd;
}
.tab-table-item {
    display: block;
    float: left;
    padding: 12px 25px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    color: #b0b0b0;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #ddd;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.tab-table-item:last-child {
    border-right: none;
}
.tab-table-item:hover {
    background-color: #585859;
    color: #fff;
}
.tab-table-item.active{
    background-color: #585859;
    color: #fff;
}

.tab-table-item.active{
    background-color: #585859;
    color: #fff;
}

.tab-table-item .display-on-hover{visibility: hidden;}
.tab-table-item:hover .display-on-hover{visibility: visible;}



.tab-filter-applied-label {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
    line-height: 40px;
}
.tab-filter-applied-none {
    font-size: 13px;
    font-size: .8125rem;
    color: #b2b2b2;
    line-height: 40px;
}
.tab-filter-applied {
    font-size: 13px;
    font-size: .8125rem;
    color: #fff;
    line-height: 40px;
    background-color: #f05e25;
    padding: 3px 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.tab-filter-applied:last-child {
    nargin-right: 0;
}
.tab-filter-right {
    width: 50%;
    float: right;
    text-align: right;
}
.tab-filter {
    height: 40px;
    background-color: #f0f0f0;
}

.tab-filter-all {
    width: 100%;
    float: right;
    text-align: right;
}
.tab-filter-item {
    display: inline-table;
    line-height: 40px;
    background-color: #f0f0f0;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    cursor: pointer;
}

.tab-filter-item.medium {
    width: 180px;
}
.tab-filter-item.long {
    width: 230px;
}
.tab-filter-item:hover {
    background-color: #E1E1E1;
}
.tab-filter-label {
    display: block;
    float: left;
    margin-left: 20px;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}
.tab-filter-value {
    display: block;
    float: left;
    margin-left: 5px;
    font-size: 13px;
    font-size: .8125rem;
}
.tab-filter-item .icon-arrow-down {
    display: block;
    float: right;
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    vertical-align: middle;
    line-height: 20px;
    margin-top: 11px;

}
.tab-filter-item .icon-arrow-up {
    display: block;
    float: right;
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    vertical-align: middle;

}
.tab-filter-menu {
    position: absolute;
    top: 40px;
    right: 0;
    width: 100%;
    text-align: left;
    background-color: #f0f0f0;
    z-index: 99;
}
.tab-filter-menu-item {
    padding: 0 9% 0 7%;
    font-size: 13px;
    line-height: 2.5;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    cursor: pointer;
    display: block;
}

.tab-filter-menu-item-export:hover {
    background-color: #F0F0F0 !important;
}

.tab-filter-menu-item a {
    display: block;
}

.tab-filter-menu-item:hover {
    background-color: #E1E1E1;
}

.tab-filter-menu-item.active {
    font-weight: bold;
}

/* nueva barra filtros*/


.tab-filter-new {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e1e1e1;
    line-height: 26px;
}

.tab-filter-new .tab-filter-new-left{
    width: 5%;
    float: left;
}
.tab-filter-new .tab-filter-new-right{
    width: 93%;
    float: right;
}

.tab-filter-new-item.medium {
    width: 180px;
}
.tab-filter-new-item.long {
    width: 230px;
}
.tab-filter-new-item.auto6 {
    width: 14.0%;
}
.tab-filter-new-item.auto5 {
    width: 19.4%;
}
.tab-filter-new-item.auto4 {
    width: 24.5%;
}
.tab-filter-new-item.auto3 {
    width: 32.5%;
}

.tab-filter-new-item {
    display: inline-block;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #ffffff;
}
.tab-filter-new-item:last-child {
    border-right: none;
}
.tab-filter-new-title{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
    margin-left: 15px;
}
.tab-filter-new-label {
    font-size: 13px;
    font-size: .8125rem;
    margin-right: 5px;
    margin-left: 5px;
}
.filter-badge {
    font-size: 13px;
    font-size: .8125rem;
    color: #fff;
    background-color: #f05e25;
    padding: 3px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 12px;
}
.filter-badge.light-orange {
    background-color: #fba105;	/** yellow3 */
}

.filter-badge.limitation {
    background-color: #fecf7f;
}

.filter-badge.pointer {
    cursor:pointer;
}

.filter-badge .fa-times {
    font-size: 15px;
    margin-left:5px;
}

.filter-type-wrap {
    float: left;
    margin-right: 10px;
}

#user-badges .filter-badge {
    min-width: 150px;
    float: left;
    padding-left: 10px;
    margin-top: 5px;
}
#user-badges .filter-badge .fa-times {
    float: right;
}


.remove-no-text .fa{
    color:#f05e25;
    font-size:24px !important;
    vertical-align: -3px;
    cursor: pointer;
}


.tab-filter-new-item .icon-arrow-down {
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    vertical-align: middle;
}
.tab-filter-new-item .icon-arrow-up {
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    vertical-align: middle;
}
.tab-filter-new-menu {
    position: absolute;
    top: 32px;
    width: 100%;
    text-align: left;
    background-color: #e1e1e1;
    z-index: 99;
    overflow-y: scroll;
    max-height: 240px;
    display: block;
}


.tab-filter-new-menu-item {
    padding-left: 20px;
    font-size: 14px;
    font-weight: lighter;
    line-height: 2;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    cursor: pointer;
}
.tab-filter-new-menu-item:hover {
    background-color: #f0f0f0;
}
.tab-filter-new-menu-item-text {
    padding: 5px 20px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: lighter;
}
.tab-filter-new-menu-item-text input[type=text] {
    border-style: solid;
    border-color: #fff;
    width: 100%;
}



.tab-row {
    text-align: right;
}
.tab-row-item {
    display: inline-table;
    line-height: 28px;
    margin-right: 5px;
}
.tab-row-item:last-child {
    margin-right: 0;
}
.tab-row-item .icon-rows {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 10px;
}
.tab-row-title {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}
.tab-row-label {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}
.tab-row-value {
    font-size: 13px;
    font-size: .8125rem;
    margin-left: 5px;
    margin-right: 5px;
}
.tab-row-item .icon-arrow-down {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
}
.tab-row-item .icon-arrow-up {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
}
.tab-row-result {
    font-size: 13px;
    font-size: .8125rem;
    margin-left: 2px;
    margin-right: 2px;
}
.tab-row-from {
    font-weight: bold;
}
.tab-row-to {
    font-weight: bold;
}
.tab-row-item .icon-arrow-left,
.tab-row-item .icon-first-arrow-left {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
}
.tab-row-item .icon-arrow-right {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
}
.tab-row-item .expand-control {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    background-color: #f0f0f0;
}
.tab-row-item .expand-control:hover {
    background-color: #e1e1e1;
}
.tab-row-menu {
    position: absolute;
    top: 28px;
    right: 0;
    text-align: right;
    background-color: #f0f0f0;
    width: 100%;
    z-index: 1;
    /*background-color: rgba(0, 255, 0, .15);*/
}
.tab-row-menu-item {
    width: auto;
    padding-right: 21px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: lighter;
    line-height: 2;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.tab-row-menu-item:hover {
    background-color: #e1e1e1;
}


.tab-col {
    text-align: right;
}
.tab-col-item {
    display: inline-table;
    line-height: 28px;
    margin-right: 5px;
}
.tab-col-item:last-child {
    margin-right: 0;
}
.tab-col-item .icon-columns {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 10px;
}
.tab-col-title {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}
.tab-col-result {
    font-size: 13px;
    font-size: .8125rem;
    margin-left: 2px;
    margin-right: 2px;
}
.tab-col-from {
    font-weight: bold;
}
.tab-col-to {
    font-weight: bold;
}
.tab-col-item .icon-arrow-left,
.tab-col-item .icon-first-arrow-left {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
}
.tab-col-item .icon-arrow-right {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
}


.account-settings .title2 {
    color: #f05e25;
}

.account-settings-strong {
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px;
}
.account-settings-dots{
    vertical-align: sub;
    margin-right: 10px;
}

.account-settings-note {
    font-size: 12px;
    font-size: 0.75rem;
}

.account-settings .textfield{
    display: inline;
    border: 1px solid #8a8a8d;
    height: 20px!important;
    padding: 0 5px!important;
    width: 120px!important;
    font-size: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin:0;

}
.account-settings .button{
    padding-top:3px;
    padding-bottom:3px;
}

.account-settings-ul {
    list-style: disc inside;
    margin-left: 16px;
    margin-top: 8px;
}
.account-settings-ul li {
    margin-bottom: 2px;
}


.note{
    text-align: left;
    font-size: 16px;
    color: #777;
    padding-left: 20px;
}
.nopaddingleft {
    padding-left: 0;
}

/**
	404 & 500
*/
.not-found-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
}
.not-found .title1 {
    text-align: center;
    font-size: 25px;
}
.not-found-note {
    font-size: 16px;
    text-align: center;
}

.not-found-buttons {
    text-align: center;
}
.not-found .button {
    display:inline;
    padding: 10px 12px;
    margin-right: 4px;
}
.not-found .button:last-child {
    margin-right: 0;
}
.not-found .button .icon {
    display: inline-block;
    font-size: 20px;
    height: 24px;
    line-height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}




.expand-button {
    cursor: pointer;
    display:table;
    width:100%;
    height:100%;
}

.expand-hover > .expand-button{
    cursor: default !important;
}

.collapse-bar {
    display: block;
    line-height: 48px;
    background-color: #f0f0f0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.collapse-bar:hover {
    background-color: #f6f6f6;
}

.collapse-label {
    font-size: 13px;
    font-size: .8125rem;
}
.collapse-bar .icon-arrow-down {
    display: inline-block;
    font-size: 10px;
    margin-right: 10px;
    vertical-align: middle;
    cursor: default;
}
.collapse-bar .icon-arrow-up {
    display: inline-block;
    font-size: 10px;
    margin-right: 10px;
    margin-bottom: -2px;
    vertical-align: middle;
    cursor: default;
}

.view-more-link {
    text-align: right;
    line-height: 30px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
}


.advanced-search-list{
    margin:0 auto;
    width:45%;
}

.advanced-search-list .col2{
    float:left;
    width:auto;
}
.advanced-search-list input[type=checkbox]{
    vertical-align: -1px;
    margin-right:3px;
}
/** empieza **/
.advanced-search-list {
    width: auto;
    text-align: center;
    display: table;
}

.advanced-search-list li {
    display: table-row;
}
.advanced-search-list li.tcenter {
    display: block;
}

.advanced-search-list input[type=checkbox] {
    display: table-cell;
    margin-right: 8px;
}

.advanced-search-list .ltext {
    display: table-cell;
    text-align: left;
}
/** acaba **/

/**.advanced-search-list.ltable {
	width: auto;
	text-align: center; 
	display: table;
}

.advanced-search-list.ltable li {
	display: table-row;
}
.advanced-search-list.ltable li.tcenter {
	display: block;
}	

.advanced-search-list.ltable input[type=checkbox] {
	display: table-cell; 
	margin-right: 8px;
}

.advanced-search-list.ltable span.ltext {
	display: table-cell; 
	text-align: left;
}**/

.location-leaf .spinner {
    min-height: 22px;
    margin-top: 12px;
}

.location-leaf ul{
    margin-left:20px;
    border-left:1px solid #ccc;
    padding-left:10px;
}

.location-leaf ul li{
    clear:both;
    line-height: 22px;
}
#location-tree > ul{
    border-left:none !important;
}
.location-leaf ul .checkbox{
    vertical-align: -1px;
}

.location-leaf ul .toggle {
    vertical-align: -2px;
    width: 15px;
    display: inline-block;
    cursor: pointer;
    margin-right:3px;
}

.location-leaf ul .toggle.toggle-plus{
    background: url("/jmi/img/toggle_plus.png") no-repeat;
}

.location-leaf ul .toggle.toggle-minus{
    background: url("/jmi/img/toggle_minus.png") no-repeat;
}

#hero{
    font-size: 26px;
    font-weight: bold;
    font-family: monospace;
    color: #444;
    margin: auto 20px;
    padding:50px;
    border: 3px solid #aaa;
    border-radius: 15px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    font-family: Helvetica, Arial, sans-serif;
    color: #585859;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 992px;
}

.link-arrow::after {
    content: '›';
    padding-left: 5px;

    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.link-arrow-on-right::after {
    content: '›';
    padding-left: 5px;

    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.link-arrow:hover::after {
    margin-left: 2px;
}
.link-arrow-on-right:hover::after {
    margin-left: 2px;
    margin-right: -2px;
}

a {
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    color:inherit;
    cursor: pointer;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
    outline: none;
}
a:active {
    text-decoration: none;
}
.link-fadeout:hover {
    opacity: .7;
}
/** JJ-14237
.link-fadeout:focus {
     opacity: .7;
} 
**/
.link-fadeout:active {
    opacity: .7;
}
.link-red {
    color: #ff2600;
}
.link-blue {
    color: #19649D;
}
.link-blue:link {
    color: #19649D;
}
.link-blue:visited {
    color: #19649D;
}
.link-blue:hover {
    color: #19649D;
}
.link-blue:focus {
    color: #19649D;
}
.link-blue:active {
    color: #19649D;
}
.link-blue.disabled {
    color: #777;
    cursor: not-allowed;
}

.link-white {
    color: #fff;
}
.link-white:link {
    color: #fff;
}
.link-white:visited {
    color: #fff;
}
.link-white:hover {
    color: #fff;
}
.link-white:focus {
    color: #fff;
}
.link-white:active {
    color: #fff;
}
.link-black {
    color: #585859;
}
.link-black:link {
    color: #585859;
}
.link-black:visited {
    color: #585859;
}
.link-black:hover {
    color: #585859;
}
.link-black:focus {
    color: #585859;
}
.link-black:active {
    color: #585859;
}
.link-orange {
    color: #F05E25;
}
.link-orange:link {
    color: #F05E25;
}
.link-orange:visited {
    color: #F05E25;
}
.link-orange:hover {
    color: #F05E25;
}
.link-orange:focus {
    color: #F05E25;
}
.link-orange:active {
    color: #F05E25;
}
.container {
    position: relative;
    width: 100%;
    height: 100%;
}
.container-company-monitor {
    position: relative;
    width: auto;
    height: 100%;
}
.separator-line {
    border-top: 1px solid #CCC;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 65%;
}
.separator-4 {
    height: 4px;
    clear: both;
}
.separator-8 {
    height: 8px;
    clear: both;
}
.separator-16 {
    height: 16px;
    clear: both;
}
.separator-24 {
    height: 24px;
    clear: both;
}
.separator-32 {
    height: 32px;
    clear: both;
}
.separator-48 {
    height: 48px;
    clear: both;
}
.separator-64 {
    height: 64px;
    clear: both;
}
.separator-128 {
    height: 128px;
    clear: both;
}
.title1 {
    font-size: 32px !important;
    font-size: 2rem;
    font-weight: bold;
}
.title2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}
.title3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
}
.title4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align:center;
    margin-bottom:10px;
}
.title5 {
    font-size: 17px;
    font-size: 1.1rem;
    font-weight: bold;
}

.title6 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align:left;
    margin-bottom:5px;
    padding-left: 7%;
}

.title7 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align:left;
    margin-bottom:10px;
}

.btn, .btn-orange {
    display: inline-block;
    border: 2px solid #f15b21;
    padding: 10px 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}

.btn, .btn-orange:hover {
    background: transparent;
    color: #f15b21!important;
}

.btn:hover, .btn-orange {
    background: #f15b21;;
    color: #ffffff !important;
}

.btn.no-hover:hover {
    background: transparent;
    color: #f15b21!important;
    opacity: .7;
}

.btn-orange.no-hover:hover {
    background: #f15b21;;
    color: #ffffff !important;
    opacity: .7;
}

.datepicker-result-container {
    display: table;
}
.datepicker-container {
    display: inline;
    padding-right: 10px;
}
.jmi-period-picker-container {
    display: inline;
}
.datepicker-result, .market-result {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    line-height: 35px;
    min-width: 150px;
}
.datepicker-result .icon-arrow-down, .market-result .icon-arrow-down {
    display: inline-block;
    margin-left: 8px;
    font-size: 10px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;

}
.datepicker-result .icon-arrow-up, .market-result .icon-arrow-up {
    display: inline-block;
    margin-left: 8px;
    font-size: 10px;
    height: 35px;
    line-height: 33px;
    vertical-align: middle;

}
.datepicker {
    position: absolute;
    width: 100%;
    top: 36px;
    right: 0;
    padding: 10px;
    background-color: #fff;
    /*background-color: rgba(255, 0, 0, .15);*/
    text-align: left;
    z-index: 99;
}
.datepicker li{
    margin: 5px 0;
    padding-left:30px;
}
.pie-chart-2 {
    width: 49.5%;
    margin-left: 1%;
}
.pie-chart-2:first-child {
    margin-left: 0;
}
.pie-chart-3 {
    width: 33%;
    margin-left: 0.5%;
}
.pie-chart-3:first-child {
    margin-left: 0;
}
.pie-chart {
    background-color: #f0f0f0;
    padding: 10px;
}
.pie-chart-object {
    height: 400px;
    background-color: #fff;
}
.title-subtext {
    color: #808080;
    font-size: 0.8em;
}
.title-link { font-size: 0.7em; position: relative; top: 5px; }
.bar-char-object {
    background-color: #F1D1BF;
    padding-top: 150px;
    padding-bottom: 150px;
    text-align: center;
}


.main-header a{
    color: #eee;
    text-decoration: none;
}

.main-header .btn, .main-header .btn-orange {
    padding: 10px 20px;
}

.main-header .expand-button {
    display: inherit;
}

.main-header .icon-arrow-down, .main-header .icon-arrow-up {
    font-size: 10px;
    margin-left: 5px;
}

.header-logo-container {
    width: 280px;
    margin-top: 6px;
}

.header-navigation-container {
    float: right;
    margin-top: 29px;
    width: 50%;
    text-align: right;
}

.header-navigation-container-searcher {
    float: left;
    margin-top: 26px;
    width: 20%;
    text-align: left;
    padding-left: 20px;
}

.header-navigation-container.medium, .header-navigation-container.short {
    margin-top: 15px;
}

.header-navigation-item {
    display: inline-block;
    margin-left: 3.2%;
}

.header-navigation-item.go-pro .btn, .header-navigation-item.go-pro .btn-orange {
    padding: 10px;
}

.header-navigation-container.short .header-navigation-item {
    margin-left: 2.3%;
}
.header-navigation-container.short .btn, .header-navigation-container.short .btn-orange {
    padding: 10px 5px;
}

.header-dropdown-menu {
    top: 76px;
    line-height: 1.6;
    position: absolute;
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 25px;
    z-index: 2;
    border: 1px solid #999;
    max-height: 600px;
    overflow-y: auto;
}

.company-searcher-header {
    /* float: left; */
    width: 21%;
}

.company-searcher-header-input-container {
    width: 100%;
}

.company-searcher-header-input:focus {
    /* Unused for now */
}

.company-searcher-header-input {
    background-image: url(/jmi/img/font-awasome/fa-search.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 4px;
    -ms-interpolation-mode: bicubic;
    padding-left: 24px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%!important;
    border: 1px #8a8a8d;
    height: 27px!important;
    font-size: .80rem;
}

/* Se quita el highlight/glow de chrome */
.no-glow {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none; /*remove the resize handle on the bottom right*/
}

.users .header-dropdown-menu {
    width: 200px;
}

.our-solutions .header-dropdown-menu {
    width: 230px;
    text-align: left;
}

.public-language-selector .header-dropdown-menu {
    width: 180px;
    text-align: left;
}

.header-navigation-item:first-child {
    margin-left: 0;
}

.header-navigation-item.active a,
.header-navigation-item a:hover,
.header-dropdown-menu-item a:hover,
.tab-filter-menu-item a:hover {
    color: #f15b21;
}

.header-user-flag {
    display: inline-block;
    margin-right: 10px;
}

.expand-zone, .expand-up{
    display: none;
}
.expand-zone-spin {
    min-height: 45px;
}

.header-dropdown-menu-item {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: normal;
    line-height: 1.8;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.header-dropdown-menu-item a {
    color: #585859;
    display: block;
}

.our-solutions .header-dropdown-menu-item {
    font-size: 15px;
    margin: 4px 0;
}

.public-language-selector .header-dropdown-menu-item {
    font-size: 15px;
    margin: 4px 0;
}

.main-header {
    position: fixed;
    display: block;
    width: 100%;
    background-color: #3f3f3f;
    z-index: 1000;
    height: 72px;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 3000px;
    min-width: 992px;
}


.main-header .jmi-level {
    font-weight: bold;
    margin-left: 2px;
}

.header-dropdown-menu-item .jmi-level {
    font-size: 1.1em;
}

.main-content-wrap{
    margin-left:210px;/* .sidemenu width */
    min-height: 100%;
    height: 100%;
    padding-top: 72px; /* .main-header height */
}

/* tempaltes without main-content-wrap */
.page-wrap > .main-content {
    padding-top: 72px; /* .main-header height */
}

.main-content {
    padding-left:2%;
    padding-right:2%;
    margin-bottom: -70px;/* .main-footer height */
    min-height: 100%;
    display: block;
}

.margin-content {
    padding-left: 2%;
    padding-right: 2%;
}

.main-content:after {
    content: "";
    display: block;
    height: 70px; /* .main-footer height */
}

.main-content.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.breadcrumbs-item {
    display: inline-block;
    margin-right: 1px;
    font-size: 12px;
    font-size: .75rem;
}

.breadcrumbs-item:last-child {
    margin-right: 0;
}
.main-content-header {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #ddd;
}
.main-content-header-left {
    width: 55%;
}
.main-content-header-left-extended {
    width: 75%;
}
.main-content-header-right, .period-picker {
    width: auto;
    float: right;
    text-align: right;
}

.main-content-header-right .button{
    margin-top:10px;
    display:inline;
}

.main-content-header-title {
    line-height: 60px;
    vertical-align: top;
}
.main-content-header-link {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 25px;
}
.quick-reports-left {
    width: 48.5%;
}
.quick-reports-right {
    float: right;
    width: 48.5%;
}

.quick-reports a {
    text-decoration: none;
}


.quick-reports-item {
    background-color: #f6f6f6;
    margin-bottom: 10px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.quick-reports-item-image {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 25px;
    margin-top: -43px;
}
.quick-reports-item-image .icon {
    display: block;
    font-size: 80px;
    height: 80px;
    color: #f05e25;
}
.quick-reports-item-content {
    padding: 25px 0;
    margin-left: 130px;
    margin-right: 60px;
    /* 	margin-right: 20px; */
    display: block;
}
.quick-reports-item-anchor {
    padding-top: 8px;
}
.quick-reports-item-anchor .icon {
    display: inline-block;
    font-size: 20px;
    height: 31px;
    line-height: 40px;
    vertical-align: -4px;
    margin-right: 5px;
}
.quick-reports-item-anchor .icon-big-arrow-right {
    font-size: 9px;
    vertical-align: 0;
}

.quick-reports-item-anchor a:first-child {
    margin-right: 18%;
}
.quick-reports-item-title {
    font-size: 30px;
    font-size: 1.875rem;
    color: #f05e25;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.2;
}
.quick-reports-item-description {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    color: #585859;
}
.quick-reports-item-arrow {
    position: absolute;
    width: 38px;
    height: 38px;
    top: 50%;
    right: 20px;
    margin-top: -19px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.quick-reports-item:hover .quick-reports-item-arrow {
    right: 15px;
}

.quick-reports-item-arrow .icon {
    display: block;
    font-size: 38px;
    height: 38px;
    color: #f05e25;
}

.crm-id-wrapper{ display: inline-block; }
.crm-id-wrapper strong{ font-size: 14px; font-weight: bold; }
.crm-id-wrapper > div{ display: inline-block; width:120px; max-width: 120px; }
.crm-id-wrapper .editable-update { padding: 0 !important; }
.crm-id-wrapper .editable-update .fa-pencil { margin-left: 10px; }
.crm-id-wrapper .editable-update .text-truncate { width: auto; max-width: 90px; }


.index-saved-reports {
    line-height: 24px;
}
.index-saved-reports-item {
    padding-bottom: 4px;
    padding-top: 4px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.index-saved-reports-item:hover    {
    opacity: .7;
}
.index-saved-reports-image {
    margin-right: 15px;
}
.index-saved-reports-image .icon-report {
    font-size: 24px;
    font-size: 1.5rem;
}

.saved-reports-item {
    line-height: 40px;
    padding-top: 3px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #f0f0f0;
}
.saved-reports-item:last-child {
    border-bottom: none;
}
.saved-reports-title {
    width: 55%;
    float: left;
}

.saved-reports-title .badge{
    background-color: #999;
    min-width: 140px;
    display: inline-block;
    line-height: 16px;
    text-align: center;
    margin-right: 15px;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    padding: 2px 0;
}

.saved-reports-utils {
    width: auto;
    /* display: inline-block; */
    float: right;
    text-align: right;
}

.saved-reports-utils-item {
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    margin-right: 15px;
    vertical-align: middle;
}
.saved-reports-utils-item:last-child {
    margin-right: 0;
    margin-left: 30px;
}

.saved-reports-utils-item .disabled {
    opacity: .5;
}
.saved-reports-utils-item .icon{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-bottom:-6px;
}
.saved-reports-utils-item .fa {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}




/*
	sticky footer
	http://css-tricks.com/snippets/css/sticky-footer/
*/
*{
    margin: 0;
}
html, body {
    height: 100%;
}
.page-wrap {
    min-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 3000px;
}


.data-accuracy {

}
.data-accuracy-left {
    width: 47.5%;
}
.data-accuracy-right {
    float: right;
    width: 47.5%;
}
.static-text {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}
.static-text p {
    margin-top: 15px;
    margin-bottom: 15px;
}
.data-accuracy .static-text p:first-child {
    margin-top: 0;
}
.data-accuracy .static-text p:last-child {
    margin-bottom: 0;
}
.data-accuracy-note {
    font-size: 12px;
    font-size: 0.75rem;
}

.data-accuracy-note span{float:left; width: 30px;}

.legal-information .static-text p {
    text-align: justify;
}
.legal-information .static-text li {
    text-align: justify;
    margin-bottom: 3px;
}
.legal-information .static-text ul {
    list-style: disc outside;
    margin-left: 45px;
}
.legal-information .static-text a {
    text-decoration: none;
    color: #1f659b;
}
.legal-information .static-text a:hover {
    text-decoration: underline;
    color: #1f659b;
    cursor: pointer;
}

.main-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; color: #585859; background-color: #f0f0f0; }
.main-footer a { color: #f15b21; text-decoration: none; text-transform: uppercase; }
.main-footer-navigation-item { display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 12px; padding-right: 20px; }
.main-footer .main-footer-copyright { text-align: center; display: inline-block; font-size: initial; min-width: 230px; width: 230px; margin-right: 15px; }
.main-footer .main-footer-copyright img { position: relative; margin-right: 3px; }
.main-footer .main-footer-navigation-right { min-width: 324px; width: 324px; text-align: right;}
.main-footer-social-item { display: inline-block; font-size: 20px; padding: 0 2px; }
.main-footer-social-item a { color: #585859; }
.main-footer-social-item img { width: 1em; height: 1em; }

.table-pro-disclaimer{text-align: center; padding: 20px; font-size: 18px;}
.table-pro-disclaimer .button{padding:10px 16px; margin-left: 15px;}


a.bt-highlight {
    padding: 10px 6px;
    background: #FFF;
    color: #F05E25;
    font-weight: bold;
    border-radius: 5px;
}

.jmi-request-form {
    width: 585px;
}
.jmi-request-form .title2 {
    font-size: 24px;
}
.jmi-request-form p {
    margin-top: 10px;
}
.jmi-request-form .request-button {
    display: inline-block;
    padding: 5px 40px;
}
.jmi-request-form .request-button div {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.jmi-request-form .request-button span {
    font-size: 15px;
    font-weight: normal;
    display: block;
}
.jmi-request-form ul {
    list-style: disc outside none;
}
.jmi-request-form li:first-child {
    margin-top: 15px;
}
.jmi-request-form li {
    margin: 7px 0px 7px 25px;
}

#request-form .field-checkbox-list input {
    vertical-align: middle;
    top: 1px;
    position: relative;
}

#expand-export {
    position: absolute;
    width: 147px;
    background: #F0F0F0;
    margin-left: -26px;
}
#expand-export li{
    font-size: 14x;
}

.cell-nowrap {
    white-space: nowrap;
}

.custom-market-block:first-child{
    width:15%;
}

.custom-market-block{
    float:left;
    width:25%;
    margin-left:2.5%;
}

#request-training-form { width: 585px; }
.preferred-days-slots-container .field-box { width: 43%; display: inline-block; vertical-align: top; margin-top: 6px; margin-right: 5%; border-right: 1px solid #ddd; }
.preferred-days-slots-container .field-box:last-child { margin-right: 0; border-right: none; }
.preferred-days-slots-container .checkboxLabel { width: 85%; }
.preferred-days-slots-container input { vertical-align: middle; }




/** sweet-alert fix JJ-12210 **/
body.stop-scrolling{
    overflow:visible!important;
}

/** sweet-alert-static **/
.main-content .sweet-alert-static { display: block; position: relative; left: 0; top: 0; margin: 0; z-index: 0; padding: 12% 40px 14%; width: 100%; border: 1px solid #e1e1e1; }
.main-content .sweet-alert-static h2 { font-size: 20px; line-height: 30px; margin-top: 15px; }
.main-content .sweet-alert-static .sa-icon { margin-bottom: 15px; }
.main-content .sweet-alert-static .sa-icon.sa-warning { width: 70px; height: 70px; }
.main-content .sweet-alert-static .sa-icon.sa-warning .sa-body { height: 36px; }

.white-footer .main-footer {
    background-color: #fff;
}

.width-100 {
    width: 100%;
}

#jmi-landing .slick-slide:focus {
    outline: none;
}

#jmi-landing h2 {
    font-family:"bebas_neue_regularregular";
    color: #f15b21;
    font-size: 60px;
}
#jmi-landing h3 {
    font-family:"bebas_neue_regularregular";
    font-size: 33px;
    color: #585859;
    margin-top: 40px;
    padding-bottom: 20px;
    position: relative;
}

#jmi-landing #details h3:after {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 0;
}

#jmi-landing h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 25px;
    border-bottom: 1px solid #585859;
    left: 50%;
}

#jmi-landing #details p {
    margin: 5px 40px 20px 0;
    line-height: 24px;
    width: auto;
}

#jmi-landing .main-content p {
    color: #585859;
    font-size: 18px;
    margin: 40px 0;
    line-height: 24px;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}

#jmi-landing .slick-prev, #jmi-landing .slick-next {
    height: auto;
}

#jmi-landing .slick-next { right: 5px; }
#jmi-landing .slick-prev { left: 5px; }

#jmi-landing .slick-prev:hover:before, #jmi-landing .slick-prev:focus:before, #jmi-landing .slick-next:hover:before, #jmi-landing .slick-next:focus:before {
    opacity: 1;
}
#jmi-landing .slick-prev:before {
    content: '\f0d9';
}
#jmi-landing .slick-next:before {
    content: '\f0da';
}
#jmi-landing .slick-arrow:before {
    color: #e1e1e1;
    font-family: FontAwesome;
    font-size: 60px;
}

#jmi-landing .fullWidth {
    overflow: auto;
    padding-bottom: 50px;
}

#jmi-landing .country-div {
    margin-top: 35px;
    text-align: center;
    padding-bottom: 0;
}

#jmi-landing .country-div p {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 25px;
    width: 85%;
    line-height: 1.4em;
}

#jmi-landing .country-div .fa-caret-down {
    bottom: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#jmi-landing .country-div .fa-caret-down:before {
    position: absolute;
    color: #f15b21;
    top: 50%;
    right: 28px;
    margin-top: -10px;
    font-size: 21px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#jmi-landing .select-div {
    font-size: 16px;
    position: relative;
    display: block;
    width: 335px;
    margin: 0 auto;
}

#jmi-landing .select-div .expand-button {
    cursor: pointer;
    display: block;
    padding: 16px 10px 20px;
    width: 100%;
    background: #f15b21;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    border: 3px solid #f15b21;
    border-bottom: none;
    border-radius: 40px;
}

#jmi-landing .select-div .expand-button.expand-button-up {
    border-radius: 40px 40px 0 0;
    background: #FFF;
    color: #f15b21;
}

#jmi-landing .select-div .icon {
    font-size: 14px;
    margin-left: 10px;
}

#jmi-landing .select-list {
    width: 335px;
    background: #FFF;
    top: 70px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    border: 3px solid #f15b21;
    border-top: none;
    border-radius: 0 0 40px 40px;
    padding-bottom: 32px;
}
#jmi-landing .select-list-container {
    overflow: auto;
}

#jmi-landing .select-list ul { max-height: 420px; }

#jmi-landing .select-list .tab-filter-menu-item {
    color: #f15b21;
    font-size: 24px;
    padding-left: 35px;
}

#jmi-landing .details-div {
    background-color: #f0f0f0;
    padding-top: 45px;
}

#jmi-landing .details-div .det-icon {
    width: 10%;
    margin-top: 80px;
}



#jmi-landing .details-div .det-text {
    width: 39%;
    margin-right: .5%;
}

#jmi-summary .text-truncate { max-width: 84%; }
#jmi-summary #top-sites .text-truncate, #jmi-summary #top-sites-shared .text-truncate { max-width: 100%; }

#jmi-landing .details-div .det-text h3 {
    margin-top: 80px;
}

#jmi-landing .footer-div {
    background-color: #e1e1e1;
    padding: 50px 25px;
}
#jmi-landing .footer-div .foot-text {
    margin-bottom: 22px;
}
#jmi-landing .footer-div .foot-text h4 {
    color: #585859;
    font-size: 30px;
}
#jmi-landing .footer-div .btn-orange {
    font-size: 21px;
}

#jmi-landing .features {
    width: 90%;
    margin: 55px auto 45px;
}

#jmi-landing .feature {
    width: 29%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top;
}

#jmi-landing .feature img {
    width: 65px;
}

#jmi-landing .feature h3 {
    margin-top: 20px;
    font-size: 1.8em;
    padding-bottom: 0;
}

#jmi-landing .feature h3:after {
    border-bottom: none;
}

#jmi-landing .feature p {
    font-size: 17px;
    margin: 5px 0 30px;
    width: 100%;
}

#jmi-landing .sites {
    padding: 15px 0;
    margin-top: 75px;
    background: #585859;
}

.sitesBottom{
    padding-top: 5px;
}

#jmi-landing .sites .site {
    display: inline-block;
    margin: 0 0.4%;
    width: 5.5%;
    position:relative;
}

#jmi-landing .sites .site.jobsite, #jmi-landing .sites .site.kalibrr { width: 4.5%; }
#jmi-landing .sites .site.elempleo, #jmi-landing #jmi-landing .sites .site.monster { width: 6%; }
#jmi-landing .sites .site.computrabajo { width: 7.5%; }
#jmi-landing .sites .site.stepstone, #jmi-landing .sites .site.occ { width: 6.2%; }
#jmi-landing .sites .site.manpower { width: 8%; top: -2px; }
#jmi-landing .sites .site.eurofirms { width: 6%; }

#jmi-landing .sites .site.elempleo { margin-right: 0.3%; }

#jmi-landing .sites .site.cvlibrary { top: -4px; }
#jmi-landing .sites .site.guardian, #jmi-landing .sites .site.kalibrr { top: -3px; }
#jmi-landing .sites .site.gi, #jmi-landing .sites .site.totaljobs, #jmi-landing .sites .site.occ, #jmi-landing .sites .site.career24 { top: -2px; }
#jmi-landing .sites .site.jobsite, #jmi-landing .sites .site.elempleo, #jmi-landing .sites .site.monster { top: -1px; }
#jmi-landing .sites .site.stepstone { top: 1px; }

#jmi-landing .sites .site.synergie { width: 2.8%; }
#jmi-landing .sites .site.gigroup { width: 5%; }


.box.box-summary-overview {
    min-height: 336px;
    padding: 16px 0px 45px 0px ;
    overflow: hidden;
}
.box.box-summary {
    min-height: 336px;
    padding: 15px 0;
    overflow: hidden;
}
.box.box-table-wrap {
    padding: 25px;
}

.box.box-grey {
    background: #f0f0f0;
}

.heading {
    margin-bottom: 20px;
}
.heading h2 {
    font-family:"bebas_neue_regularregular";
    font-size: 33px;
    color: #f15b21;
    float: left;
}

.box.box-summary p.time {
    float: right;
    margin: 5px 0 0 0;
    font-size: 13px;
    text-align: right;
    line-height: 16px;
    color: #585859;
}

#jmi-summary .available-markets {
    margin-right: 20px;
    min-width: 105px;
}
#jmi-summary .available-markets .expand-zone {
    z-index:101;
}

.box-1-of-2 {
    width: 49%;
}
.box-1-of-2.first,
.box-1-of-4.second {
    margin-right: 2%;
}

.box-1-of-4 {
    width: 24%;
}

.box-1-of-4.first {
    margin-right: 1%;
}

.box.box-summary .btn {
    margin-top: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
    font-size: 16px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#jmi-summary .th-title {
    font-size: 16px;
}
#jmi-summary .th-small {
    font-size: 13px;
}
#jmi-summary .icon-info {
    font-size: 14px;
}
#jmi-summary .title2 {
    margin-bottom: 6px;
}

#period-map-custom{display: none;}
#colorbox #period-map-custom{display: block !important;}


.exact-filter-badges li { clear: none; margin: 0px 10px 0px 0px; display: inline-block; }

.offer-inspect-colorbox { width: 90vw; max-width: 1000px; }
.offer-inspect-detail { height: 80vh; max-height:600px;padding:20px; }
.offer-inspect-wrapper{ height:100%;max-height:580px;overflow:auto; }

.offer-inspect-detail {  }
.offer-detail-content { height: 80vh; padding:20px; }
.offer-inspect-detail-wrapper { height:100%; overflow:auto; } /* SINGLE */
.next-offer-inspect-detail { margin-right: 20px; }
.prev-offer-inspect-detail { margin-left: 20px; }


.offer-inspect-div{
    float:left;
}

.offer-inspect-section-title {
    font-weight: bold;
    margin-top:20px;
}

.posting-history{
    margin:20px 20px 0 0;
}

.posting-history li{
    border-bottom:1px solid #ccc;padding:10px 0px;
}

.posting-history li:last-child{
    border-bottom: none;
}

.posting-history li .site{
    margin-left: 18px;
}

/**more information**/
#more-information h3.lineBottom:after { border-bottom: 1px solid #585859; content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 25px; }
#more-information h3 { color: #585859; font-family: "bebas_neue_regularregular"; font-size: 25px; margin-top: 40px; padding-bottom: 20px; position: relative;}
#more-information h3.no-padding-bottom { padding-bottom: 0; }
#more-information .how { background: #e1e1e1; padding-top: 50px; }
#more-information .how h2 { color: #f15b21;text-transform: uppercase;font-family: 'bebas_neue_regularregular';font-size: 50px;min-width: 411px;margin-bottom: 70px; text-align: center; }
#more-information .row { padding: 30px 0; }
#more-information .row.one { position: relative; padding-top: 20px;}
#more-information .row.two { background-color: #C7C7C7; }
#more-information .row.three { background-color: #BDBDBE; }
#more-information .row.four { background-color: #B1B1B3; }
#more-information .row .text { margin-bottom: 0; display: flex; flex-direction: column; width: 49%; margin-right: 2%; float: left; }
#more-information .row.one .description { margin-top: 20px; }
#more-information .row .description { margin-bottom: 0; display: flex; flex-direction: column; margin-right: 0; width: 49%; float: left; }
#more-information .row .balloon-container { width: 49%; position: relative; top: -24px; }
#more-information .row .balloon { position: absolute; background-color: #f15b21; border-radius: 50%; padding: 19px 0 0; width: 120px; height: 120px; top: -7px; text-align: center; color: #fff; }
#more-information .row .balloon:after { content: ''; height: 470px; background-color: #f15b21; width: 2px; position: absolute; /*IE*/margin-left: 50%\0;}
#more-information .row .balloon p { line-height: 14px; text-transform: uppercase; font-size: 13px; font-weight: bold; padding-top: 4px; }
#more-information .row .text h3 { text-align: center; font-family: "bebas_neue_regularregular"; font-size: 25px; text-transform: uppercase; letter-spacing: 1px; }
#more-information .row.one .text h3 { margin-top: 24px; }
#more-information .row.two .text h3 { margin-top: 22px; }
#more-information .row.three .text h3 { margin-top: 20px; }
#more-information .row.four .text h3 { margin-top: 10px; }
#more-information .insights { background-color: #f15b21; }
#more-information .insights .main { padding-top: 70px; padding-bottom: 70px; }
#more-information .insights h2 { color: #fff; text-transform: uppercase; font-family: "bebas_neue_regularregular"; font-size: 50px; margin-bottom: 30px; text-align: center;}
#more-information .insights h2 small { display: block; font-size: 30px; line-height: 0.5em; }
#more-information .insights .column { width: 22%; margin-right: 3%; float: left;}
#more-information .insights h3 {color: #fff;}
#more-information .insights h3:after { border-bottom: 1px solid #fff; }
#more-information .insights p { color: #fff; text-align: left; /*margin-top: 20px;*/ }
#more-information .tools .main { padding-top: 70px; }
#more-information .tools h2 { text-align: center; color: #f15b21; text-transform: uppercase; font-family: "bebas_neue_regularregular"; font-size: 50px; margin-bottom: 30px; }
#more-information .tools .column, #more-information .bigdata .column { width: 49%; margin-right: 2%; float: left; margin-bottom: 50px; }
#more-information .tools .column-last, #more-information .bigdata .last-column { margin-right: 0; }
#more-information .tools .image, #more-information .bigdata .image { float: left; width: 20%; }
#more-information .tools .text, #more-information .bigdata .text { float:left; width: 73%; margin-right: 7%; padding-left: 10px; }
#more-information .tools .image .circle { margin-top: 0; background-color: #f0f0f0; padding: 21px;  width: 90px; height: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#more-information .tools h4 { color: #585859; text-align: left; font-family: "HelveticaNeue-Bold","Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; margin-bottom: 20px; }
#more-information .tools .box { background-color: #f0f0f0; min-height: 1px; margin-bottom: 0; padding: 25px; overflow: auto; }
#more-information .bigdata { margin-top: 70px; height: 1000px; }
#more-information .bigdata .main { position: relative; padding-top: 120px; }
#more-information .bigdata .circle { text-align: center; background: #585859; width: 280px; height: 280px; position: absolute; right: 25px; margin-top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#more-information .bigdata .circle p { color: #fff; font-weight: bold; margin-top: 50px; margin-bottom: 15px; font-size: 13px; line-height: 15px; }
#more-information .bigdata .circle p.lead { font-family: "bebas_neue_regularregular"; font-weight: normal; font-size: 22px; line-height: 26px; margin-top: 0; margin-bottom: 0; }
#more-information .bigdata h2 { color: #f15b21; text-transform: uppercase; font-family: "bebas_neue_regularregular"; text-align: center; font-size: 50px; margin-bottom: 30px; margin-top: 440px; }
#more-information .bigdata .column strong { color: #f15b21; }
#more-information .bigdata .image { text-align: center; }

/** OUR_SOLUTIONS **/
#our-solution .main-content { background: #FFF; }
#our-solution .main-content .fullWidth { padding-bottom: 0; }
#our-solution .main-content h2 { font-size: 50px; font-family: "bebas_neue_regularregular"; color: #f15b21; }
#our-solution .main-content h3 { font-family: "bebas_neue_regularregular"; margin-top: 40px; padding-bottom: 15px; }
#our-solution .main-content p { margin: 0; width: 100%; color: inherit; font-size: initial; line-height: 24px; }
#our-solution .main-content .clearfix { max-width: 1500px; margin: 0 auto; }
#our-solution .main-content .fullWidth .orange-background-wrapper { padding: 0; }
#our-solution .main-content .flex-columns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; }
#our-solution .main-content .flex-columns div { width: 45%; }
#our-solution .main-content .flex-columns div:first-of-type { margin-right: 6%; }
#our-solution .main-content h2.flex-columns-header { margin-bottom: 20px; }
#our-solution .main-content .flex-columns p { font-size: 18px; }
#our-solution .main-content .orange-background-wrapper { height: 860px; background: #F25A07; margin-top: 75px; }
#our-solution .main-content .orange-background-circles-wrap { position: relative; height: 100%; z-index: 0; overflow: hidden; min-width: 1185px; }
#our-solution .main-content .orange-circles-text-cols .main-white-circle h3 { color: #f15b21; text-align: center; font-size: 28px; margin-top: 25px; margin-bottom: 12px;
    padding-bottom: 0; line-height: 34px; }
#our-solution .main-content .main-white-circle h3:after { border-bottom: 0; }
#our-solution .main-content .orange-circles-text-cols .main-white-circle p { text-align: center; font-size: 14px; margin: 0 auto; width: 75%; line-height: 20px; color: #5A5A5A; }
#our-solution .main-content .main-white-circle h3 span { font-family: "bebas_neue_bold"; }
#our-solution .main-content .fullWidth .orange-background-wrapper { padding: 0; overflow: hidden; }
#our-solution .main-content .orange-circles-text-wrap { position: relative; color: white; padding-top: 30px; }
#our-solution .main-content .main-white-circle { position: absolute; right: -300px; bottom: -155px; width: 370px !important; height:370px; background: white; border-radius: 50%;
    z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
    -ms-flex-direction: column; flex-direction: column; padding: 52px 40px; }
#our-solution .main-content .second-background-circle { position: absolute; right: -300px; bottom: -155px; width: 370px !important; height:370px; background: #f4792b;
    border-radius: 50%; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); z-index: 9; }
#our-solution .main-content .third-background-circle { position: absolute; right: -300px; bottom: -155px; width: 370px !important; height:370px; background: #f26f28;
    border-radius: 50%; -webkit-transform: scale(4); -ms-transform: scale(4); transform: scale(4); z-index: 8; }
#our-solution .main-content .fourth-background-circle { position: absolute; right: -300px; bottom: -155px; width: 370px !important; height:370px; background: #f26518;
    border-radius: 50%; -webkit-transform: scale(7); -ms-transform: scale(7); transform: scale(7); z-index: 7; }
#our-solution .main-content .orange-circles-text-wrap h2 { color: white; position: relative; z-index: 100; }
#our-solution .main-content p.orange-circles-text-main-tagline { width: 100%; font-size: 18px; position: relative; z-index: 100; }
#our-solution .main-content .grey-background-div { background: #F0F0F0; padding-top: 40px; padding-bottom: 75px !important; }
#our-solution .main-content .flex-icons-row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-pack: justify;
    -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; }
#our-solution .main-content .flex-icon-row-item { text-align: center; max-width: 100px; -ms-flex-negative: 0; flex-shrink: 0; }
#our-solution .main-content .flex-icon-row-icon { width: 100px; height: 100px; background: white; border-radius: 50%; margin: 0 50px; }
#our-solution .main-content p.flex-icon-row-tagline { margin-top: 14px; font-size: 14px; font-weight: 600; line-height: 20px; }
#our-solution .main-content .orange-circles-text-cols { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
#our-solution .main-content .orange-circles-relative-parent { position: relative; }
#our-solution .main-content .orange-circles-text-cols div { margin-right: 35px; width: 33.3333333%; }
#our-solution .main-content .orange-circles-text-cols h3 { color: white; font-size: 28px; position: relative; z-index: 100; }
#our-solution .main-content .orange-circles-text-cols ul { list-style-position: inside; position: relative; z-index: 100; }
#our-solution .main-content .orange-circles-text-cols ul.inner-list { margin: 2px 0 13px 23px; }
#our-solution .main-content .orange-circles-text-cols ul.inner-list li { list-style-type: disc;}
#our-solution .main-content .orange-circles-text-cols ul li { list-style: none; font-size: 16px; }
#our-solution .main-content .orange-circles-text-cols ul li.list-header { margin-bottom: 5px; }
#our-solution .main-content .orange-circles-text-cols ul li.list-header-no-margin { margin-bottom: 0; }
#our-solution .main-content p.grey-background-div-main-tagline { font-size:18px; }

.legal-terms { display: table; }
.legal-terms input[type="checkbox"] { display: table-cell; position: relative; top: 4px; vertical-align: top; }
.legal-terms label { padding-left: 5px; font-size: 15px; display: table-cell; line-height: 1.3em; }
.legal-terms label a { color: #19649D; }

/** TOP QUESTIONS **/
#top-questions .main { background: #f0f0f0; }
#top-questions h2 { color: #f15b21;text-transform: uppercase;font-family: 'bebas_neue_regularregular';font-size: 55px; margin: 50px 0 30px; text-align: center; }
#top-questions h2 small { display: block; font-size: 35px; line-height: 1.3em; }
#top-questions .row { padding: 40px 5%; }
#top-questions .row.row2 { background: #E9E9E9; }
#top-questions .row.row3 { background: #E1E1E1; }
#top-questions .row .image { width: 20%; margin: 10px 30px; display: inline-block; vertical-align: middle; max-width: 280px; text-align: center; }
#top-questions .row .image img { width: 70px; }
#top-questions .row .image h3 { color: #f15b21; font-size: 22px; line-height: 24px; font-weight: bold; margin-top: 15px; }
#top-questions .row .text { display: inline-block; vertical-align: middle; margin-left: 5%; width: 65%; }
#top-questions .row ul { list-style-type: disc; }
#top-questions .row li { line-height: 28px; font-size: 18px; }
#top-questions .footer-div { background-color: #C9C9C9; padding: 35px 25px; }
#top-questions .footer-div .btn-orange { font-size: 21px; }


/* ==========================================================================
   DEBUG
   ========================================================================== */

.debug{color:#222;background-color:#ffecec;padding:15px;margin:0;clear:both;line-height: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.debug ul {padding:0;margin:5px 0px; list-style: disc;}
.debug ul li{margin:3px 20px!important; overflow:visible!important; padding:0!important;}
.debug ul li span.errorMessage{padding:0;margin:0;}
.debug .errorMessage {padding:0;margin:20px 0px; list-style: disc;}
.debug .errorMessage li{margin-left:20px!important; overflow:visible!important;}
.debug .errorMessage span{color:#c00;}
.debug h4{color:#777;font-size:14px;}


#debug_handler{
    margin:0;
    padding:3px 10px;
    background-color: #f8dbdb;
    font-size:12px;
    position: fixed;
    z-index: 10000;
    width: 100%;
}
#debug_handler a{color: #d95757!important; text-decoration: underline; }
#debug_handler h4{font-size: 14px;}
#debug_handler h4 a{text-decoration:none!important;}
#debug_handler .debug{margin-top:10px;margin-bottom:10px;}

.debug_information{
    margin:0;
    padding:3px 10px;
    background-color: #f8dbdb;
    font-size:12px;
    color: #d95757!important;
}

.table-debug { border-collapse: separate; border-spacing:1px; background-color: #dedede;margin:10px auto;	width: 100%!important;	text-align: left;}
.table-debug thead tr th, .table-debug .th{color: #58585A;background-color: #dedede;	border: 1px solid #FFF;	font-size: 8pt;	padding: 8px; font-weight: bold; }
.table-debug td {overflow:hidden; max-width: 195px; background:#FFF; border-radius: 5px 5px 5px 5px; color: #666; padding: 5px;	vertical-align: top; }
.table-debug li{padding:3px 5px;border-radius:5px;}
.table-debug .master{background-color:#eee;}
.table-debug .redtxt{color:#c00;}
.table-debug .duplicate{background-color: #f15c22; color: #fff;}
.table-debug .gray{background-color: #b0b0c0; color: #fff;}
.table-debug .duplicate .red{color:#c00;}
.table-debug .duplicate .green{color:#0c0;}
.bt1 {
    background-color:#f0f0f0;
    -webkit-appearance: none;
    display: inline-block; *display: inline;
    padding: 4px 12px;
    margin-bottom: 0; *margin-left: .3em;
    font-size: 14px;
    line-height: 20px; *line-height: 20px;
    color: #252526;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #D6D6D6; *border: 0;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bt1:hover{color: #252526;text-decoration: none;  background-color:#e3e3e3;}


/*hot-vacancies-wizard*/
.title2 .expand-button{font-size:16px;display:inline;margin-left:30px;}
.hot-vacancies-column{
    float:left;width:25%;min-height: 670px;
}

/*Market Overview for recruiters and the rest*/
.market-overview-box-recuriters {
    height:435px;
    position:relative;
}

.market-overview-box-recuriters-top-companies {
    height:385px;
    position:relative;
}

.market-overview-box-recuriters-without-payment-sites {
    height:385px;
    position:relative;
}

.market-overview-timeline-box-recuriters-without-payment-sites {
    padding-top: 8% !important;
    height:385px;
    position:relative;
}

.market-overview-box-recuriters #overview {
    position: absolute;
    top: 47%; left: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem;
}

.market-overview-box {
    height:350px;
    position:relative;
}


/*competitors-wizard*/
.competitors-site-column{
    margin:0 auto;width:50%;min-height: 200px;
}

.big-arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #777;
}

.big-arrow-right-hot-vacancies {
    border-top-width: 50px;
    border-bottom-width: 50px;
    border-left-width: 30px;
    position: absolute;
    margin-top: 260px;
}




.box .tableWrap {
    margin-left: -25px;
    margin-right: -25px;
    width: 100%;
    position: absolute;
}

.box .tableWrap th {
    color: #585859;
    padding: 10px 15px 10px 0;
    text-align: center;
    border-style: none none solid none;
    border-width: 3px;

}

.box .tableWrap td {
    text-align: right;
    padding: 15px 10px 15px 0;
    border-style: none none solid none;
    border-width: 2px;

}

.box .tableWrap th:last-of-type, .box .tableWrap td:last-of-type{padding-right: 0;}

.box .tableWrap tr {
    height: 30px;
}

.box .tableWrap td.item {
    text-align: left;
    color: #585859;
    padding-left: 18px;
}

.graph { min-height: 190px; }


.share-variation-cut-filter{opacity: 0.4; cursor: pointer;}
.share-variation-cut-filter .fa{padding-left:1px;}
.share-variation-cut-filter:hover, .share-variation-cut-filter.active{opacity: 1;}

.share-variation-cut-filter-div{
    z-index:1000; margin-top:30px; padding-bottom:10px;
}
.share-variation-cut-filter-div .button{
    font-size: 14px !important;
    padding: 9px 10px !important;
}

.faqs .question { margin-bottom: 0; margin-top: 10px; }
.faqs .answer { margin: 6px 0 0 8px; padding: 5px 10px; border-radius: 5px; display: inline-block; }
.faqs .title2{ margin: 25px 0 0; }
.faqs .title3 { margin: 15px 0 0; }
.faqs .title2 { text-transform: uppercase; }
.faqs .col2 { width: 47%; display: inline-block; vertical-align: top; }
.faqs .answer ul { list-style: disc outside; margin-left: 22px; }
.faqs .answer li { margin-top: 5px; }
.faqs .separator { margin-top: 25px; display: block; width: 85%; border-bottom: thin solid #DDD; }

.ul-inline li { display: inline-block; margin-right: 2%; vertical-align: top; }

.manage-users .email-container { width: 60%; }
.manage-users .email-container .email-params { padding-left: 5%; font-size: 0.9em; margin-top: 12px; }
.manage-users .email-container .email-params input[type=checkbox] { margin-right: 4px; }
.manage-users .email-container .email-params li:first-child { margin-right: 8%; }
.manage-users .submit-container .button { margin-top: 5px; }
.manage-users .jmi-export-link { display: table; }
.manage-users .cell .icon-arrow-down { margin-top: 5px; }
.manage-users .cell .icon-arrow-down, .manage-users .cell .icon-arrow-up { margin-left: 20px;}
.manage-users .filter-badge { margin-left: 6px; }
.manage-user-container { padding:20px; margin-bottom:20px; text-align: center; margin:0 auto;  }
.manage-users.manage-users-edit { width: 1000px; }
.manage-users.manage-users-new { width: 700px; }
.manage-users.manage-tracking, .manage-users.manage-users-edit { text-align: left; padding: 0 15px; }
.manage-users.manage-users-edit .email-container { width: 100%; }
.manage-users.manage-users-edit .email-container .email-params { padding-left: 10%; }
/* .manage-users.manage-users-edit .submit-container { margin-right: 0; float: right; }  */
.manage-users.manage-tracking { max-height: 650px; min-height: 200px; overflow-y: auto; overflow-x: hidden; margin-top: 15px; }
.manage-users.manage-tracking .title-container .title2 { display: inline-block; margin-top: 10px; }
.manage-users.manage-tracking .tracking-table { margin-top: 15px; }
.manage-users.manage-tracking .tracking-table p { font-weight: bold; display: inline-block; }
.manage-users.manage-tracking .tracking-table .box { padding: 6px 9px; font-size: 0.8em; font-weight: bold; margin-top: 5px; margin-bottom: 8px; }
.manage-users.manage-users-new .email-container, .manage-users.manage-users-new .role-container { width: 100% }
.manage-users.manage-users-new .permissions-container { width: 100%; }
.manage-users .submit-container { float: none; display: block; text-align: center; margin-top: 15px; }
.manage-users .th-title.single { display: inline-block; }
.manage-users th .cell-text-align-right { text-align: right; }
.manage-users .role-container, .manage-users .permissions-container { margin-top: 20px; }
.manage-users .role-container .title4, .manage-users .permissions-container .title4 { display: block; text-align: left; }
.manage-users .permissions-container .title4 { margin-bottom: 5px; }
.manage-users .role-container { width: 28%; }
.manage-users .permissions-container { width: 67%; }

.jcc-list-tab-items .expand-zone { min-width: 200px; }
.jcc-list-tab-items li.tab-filter-menu-item { padding: 0 7% 0 10%; }
.jcc-list-tab-items a.tab-filter-menu-item { padding: 0; }
.jcc-list-tab-items .text-truncate { top: 0;width: 100%; }

.jcc-add { padding:20px 0; }
.jcc-add .warn { font-size: 1.1em; }
.jcc-add form { padding:5px 20px; width:50%; margin:0 auto; }
.jcc-add .textfield { width: 100% !important; }

.assign-span { margin-left: 15px; font-size: 0.8em; }
.assign-span .icon-info { font-size: 14px; margin-left: 8px; }

.suggestion-autocomplete { color: #f15b21; font-weight: bold; }

.icon-container .icon { margin-right: 10px; }
.icon-container .icon:last-child { margin-right: 0; }
.icon-container .fa-stack { max-width: 18px; font-size: 1em; }
.icon-container .fa-stack i:first-child { margin-top: -3px; }
.icon-container .fa-stack i:last-child { margin-top: 9px; }

.field-checkbox-list input { margin-right: 6px; }
.field-checkbox-list label:after { content:"\A"; white-space:pre; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

/** ONLY FOR IE: Con este Media solo entran internet explorer,
				 de momento se utiliza para controlar la alineación de los elementos <li> dentro del <ul>
				 utilizado en el header como navegación	 **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .header-navigation-item {margin-bottom: -11px;}
}

@media only screen and (max-width: 1330px) {
    .filter-badge{padding:3px 5px;}
    .th-title {font-size: 16px;}
}

@media only screen and (max-width: 1280px) {
    .th-title {font-size: 14px;}
}

/** Se oculta el scheduleTraining del header con resoluciones de 1220 o inferiores **/
@media only screen and (max-width: 1220px) {
    #scheduleTraining { display: none; }
    .company-searcher-header { width: 26%; }
}

@media only screen and (max-width: 1215px) {
    td .responsive-cell { padding: 7px 14px 7px 5px; }
}

@media only screen and (max-width: 1210px) {
    .header-navigation-container { width: 50%; }
    .header-navigation-container.medium .header-navigation-item { margin-left: 4%; font-size: 15px; }
    .header-navigation-container.short .header-navigation-item { font-size: 13.5px; margin-left: 1%;}
}

@media only screen and (max-width: 1200px) {
    .responsive .th-small, .responsive .icon-info:before { font-size: 0.89em; }
    th .cell-left.responsive { margin-left: 7%; width: 83%; }
    .editable-update .text-truncate {max-width: 72%; width: 72%;}
}

@media only screen and (max-width: 1195px) {
    .big-arrow-right-hot-vacancies { border-left-width: 20px; }
}

@media only screen and (max-width: 1136px) {
    .tab-filter-new-item.auto5 .text-truncate.category { max-width: 29%; }
    .tab-filter-new-item.auto5 .text-truncate.location { max-width: 31%; }
    .tab-filter-new-item.auto5 .text-truncate.company { max-width: 27%; }
    .tab-filter-new-item.auto5 .text-truncate.title { max-width: 48%; }
    .tab-filter-new-item.auto5 .text-truncate.salary { max-width: 40%; }
    .tab-filter-new-item.auto4 .text-truncate.category { max-width: 43%; }
    .tab-filter-new-item.auto4 .text-truncate.location { max-width: 45%; }
    .tab-filter-new-item.auto4 .text-truncate.company { max-width: 42%; }
    .tab-filter-new-item.auto4 .text-truncate.title { max-width: 58%; }
    .tab-filter-new-item.auto3 .text-truncate.location { max-width: 59%; }
    .tab-filter-new-item.auto3 .text-truncate.company { max-width: 56%; }
    .tab-filter-new-item.auto3 .text-truncate.title { max-width: 69%; }
}

@media only screen and (max-width: 1124px) {
    .responsive .th-small { font-size: 0.83em; }
    .responsive .icon-info:before { font-size: 0.85em; }
    th .cell-left.responsive { margin-left: 5%; width: 85%; }
    th .cell-long .cell-left.responsive { margin-left: 0; width: 90%; }

    .quick-reports-item-anchor a:first-child { margin-right: 11%; }

    .cell-xxlarge-icons .text-truncate { max-width: 44%; }

    .col-40-raw { width: 46%; }
    .col-60-raw { width: 54%; }

}

@media only screen and (max-width: 1105px) {
    .header-navigation-container { width: 50%; }
    .big-arrow-right-hot-vacancies { border-left-width: 10px; }
}

@media only screen and (max-width: 1090px) {
    td .responsive-cell { padding: 7px 5% 7px 1%; }
    .header-navigation-container .header-navigation-item { margin-left: 2.5%; }
    .header-navigation-container.medium .header-navigation-item { margin-left: 2%; }
}

@media only screen and (max-width: 1055px) {
    .header-navigation-container { width: 50%; }
    .tab-filter-new-item.auto5 .text-truncate.category { max-width: 24%; }
    .tab-filter-new-item.auto5 .text-truncate.location { max-width: 27%; }
    .tab-filter-new-item.auto5 .text-truncate.company { max-width: 22%; }
    .tab-filter-new-item.auto5 .text-truncate.title { max-width: 43%; }
    .tab-filter-new-item.auto5 .text-truncate.salary { max-width: 36%; }
    .tab-filter-new-item.auto4 .text-truncate.category { max-width: 40%; }
    .tab-filter-new-item.auto4 .text-truncate.location { max-width: 42%; }
    .tab-filter-new-item.auto4 .text-truncate.company { max-width: 38%; }
    .tab-filter-new-item.auto4 .text-truncate.title { max-width: 53%; }
    .tab-filter-new-item.auto3 .text-truncate.location { max-width: 55%; }
    .tab-filter-new-item.auto3 .text-truncate.company { max-width: 53%; }
    .tab-filter-new-item.auto3 .text-truncate.title { max-width: 68%; }

    .editable-update .text-truncate {max-width: 72%; width: 72%;}

    .big-arrow-right-hot-vacancies { border-left-width: 0; }
    .header-navigation-container .header-navigation-item { margin-left: 1.5%; }
}

@media only screen and (max-width: 1012px) {
    .header-navigation-container.medium .btn, .header-navigation-container.medium .btn-orange { padding: 10px; }
    .header-navigation-container.short .header-navigation-item { font-size: 12px;}
}

/** all iPads (http://stephen.io/mediaqueries/) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .site-tag-div ul li {line-height: 33px;}
}

/* ==========================================================================
   Safari 7.1+
   ========================================================================== */
_::-webkit-full-page-media, _:future, :root .text-truncate { top: 0 !important; }
_::-webkit-full-page-media, _:future, :root td .cell.cell-truncate { padding-top: 7px; padding-bottom: 7px; }
_::-webkit-full-page-media, _:future, :root th .cell.cell-truncate { padding-top: 15px; padding-bottom: 15px; }


/* ==========================================================================
	Firefox
   ========================================================================== */
@-moz-document url-prefix() {
    td .cell.cell-truncate {
        /*** en FF se ve doble margin-bottom.. */
        padding-top: 5.7px;
        padding-bottom: 5.7px;
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.top-fixed {
    position: fixed;
    top: 0;
    margin-top: 0;
    z-index: 2;
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        color: #565656;
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/** checkbox toggle **/
/* checkbox itself */
input.fa-checkbox-toggle[type=checkbox] {
    display:none;
}

/* remember struts checkbox is followed with an input hidden containg the actual value 
 * thats why we have to put + input + element */

/* for activating antialiaing for the font awasome icons we need to rotate the images 0.03degrees (JJ-14575) */

/* applying FontAwasome styles to the label, for use unicode icons on content */
/* with fontsize we can control the size of the content */
input.fa-checkbox-toggle[type=checkbox] + input + label:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0.03deg);
}

/* checked icon */
input.fa-checkbox-toggle[type=checkbox]:checked + input + label:before {
    font-family: FontAwesome;
    content: "\f205";
    opacity: 1.0;
    color: #f15b21;
    -webkit-transform: rotate(0.03deg);
    -moz-transform: rotate(0.03deg);
    -ms-transform: rotate(0.03deg);
    -o-transform: rotate(0.03deg);
    transform: rotate(0.03deg);
}

/* unchecked icon */
input.fa-checkbox-toggle[type=checkbox] + input + label:before {
    content: "\f205";
    opacity: 0.6;
    color: grey;
    /** scale does a mirror effect and rotate does the antialias too, using this method dosen't flip top and bottom **/
    -webkit-transform: rotate(0.03deg) scale(-1, 1);
    -moz-transform: rotate(0.03deg) scale(-1, 1);
    -ms-transform: rotate(0.03deg) scale(-1, 1);
    -o-transform: rotate(0.03deg) scale(-1, 1);
    transform: rotate(0.03deg) scale(-1, 1);
    margin-right: 5px;
}

.jcc-add-button::before {
    font-family: FontAwesome;
    content: "\f0fe  ";
    white-space: pre-wrap;
}

.jcc-search-button::before {
    font-family: FontAwesome;
    content: "\f002 ";
    white-space: pre-wrap;
}

.jcc-content-header-left .button{
    margin-top:10px;
    display:inline;
}

.list-two-columns {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-position: inside;
}

.list-two-columns li{
    margin: 0px 0 15px 0;
    clear: both;
}

.jmi-request-demo-form {
    width: 500px;
}

.preferred-days-slots-container .field-box.demo-request-days-slots-container {
    width: 50%;
    /* margin-left: 7%; */
}

.demo-request-days-slots-container .border-right {
    border-right: 1px solid #ddd;
}

.jmi-user-mails-textarea {
    height: 50px;
}

.offer-text-paragraph {
    padding-top: 20px;
}

.jmi-multi-dimension-export-warning {
    color: #ff6d00;
}

.saved-reports-left-container {
    width: 65%;
    float: left;
    vertical-align: text-top;
    display:table;
}

.saved-reports-left-item-image {
    display: inline-block;
    width: 5%;
    padding-right:15px;
    height: 100%;
    vertical-align: top;
    display:table-cell;
}

.saved-reports-left-item-title {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    display:table-cell;
    line-height: 1.3em;
}

.close-button-container {
    padding: 14px 70px;
    text-align: center;
}

/** JMI datepicker **/

.datepicker-jmi {
    cursor: pointer;
}

.calendar-table td.available {
    background: transparent;
}
.calendar-table th {
    background: transparent;
}

.daterangepicker.opensleft:before {
    right: 16px!important;
}

.daterangepicker.opensleft:after {
    right: 17px!important;
}

.daterangepicker .ranges {
    float: right!important;
    /** border-left: 1px solid #ddd!important; **/
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 0px solid #ddd!important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.right {
    border-right: 1px solid #ddd!important;
}

.datepicker-ranges-title {
    padding: 8px 12px;
    font-weight: bold;
    font-size: 14px;
    border-bottom-width: thin;
    border-bottom: 1px solid #ddd!important;
    /*  cursor: pointer; */
    /* margin-left: 17px;  cuidado linea */
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0px!important;
    width: 183px!important;
}

.datepicker-button-jmi {
    background-color: rgb(240, 94, 37);
    color: white;
    border: none;
    box-shadow: none;
    font-size: inherit;
    font-weight: normal;
    border-radius: 5px;
    padding: 10px 32px;
    cursor: pointer;
    margin-right: 0px;
}

.datepicker-button-jmi.datepicker-cancel-button-jmi {
    margin-right: 30px;
    background-color: #aaa;
}

.datepicker-textfield {
    display: inherit;
    margin-top: 7px;
    margin-bottom: 4px;
    border: 1px solid #8a8a8d;
    height: 35px;
    padding: 5px 10px!important;
    font-size: inherit;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.date-small {
    float: right;
    margin: 5px 0 0 0;
    font-size: 13px;
    text-align: right;
    line-height: 16px;
    color: #585859;
}

/**
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #fba105!important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
	background-color: #fff!important;	
}


.daterangepicker td.in-range {
		
}
**/


.datepicker-messages {
    float: left;
    text-align: center;
    width: 55%;
    padding-top: 10px;
    padding-right: 0px!important;
}

.datepicker-buttons {
    float: right;
    text-align: right;
    width: 45%;
    padding-bottom: 7px;
}

/** /JMI datepicker **/

.jmi-alert-message {
    font-weight: bold;
}

.jmi-filter-container {
    width: 90%;
    margin: 0 auto;
}


/** Cookies consents */

.sui-TcfFirstLayer-title {
    font-size: 16px !important;
}

.sui-TcfFirstLayer-info p,
.sui-TcfSecondLayer-group,
.sui-TcfSecondLayer-groupDescription {
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.sui-TcfFirstLayer-logo {
    height: 32px !important;
}

@media (min-width: 600px) {
    .sui-TcfSecondLayer-logo {
        max-height: 32px !important;
    }
}

.sui-TcfSecondLayer-group-title,
.sui-TcfSecondLayer-groupHeader-title {
    font-weight: bold;
}

.sui-TcfSecondLayer-groupDescription p {
    font-size: 14px;
    margin-block-end: 15px;
}

.sui-AtomButton--primary.sui-AtomButton--solid {
    background: #f15c22 !important;
    border-color: #D3450D !important;
}

.sui-AtomSwitch--active .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer {
    background-color: #f15c22 !important;
    border-color: #D3450D !important;
}

.sui-AtomButton--primary.sui-AtomButton--flat:hover, .sui-AtomButton--primary.sui-AtomButton--outline:hover {
    background: #fbe7cb !important;
}

.sui-AtomButton--primary.sui-AtomButton--flat, .sui-AtomButton--primary.sui-AtomButton--outline {
    border-color: #D3450D !important;
    color: #D3450D !important;
}

.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
    color: #1F659B !important;
}

.sui-TcfSecondLayer-group-link {
    color: #1F659B !important;
}

.sui-TcfSecondLayer-group-texts .sui-AtomButton span {
    color: #1F659B !important;
}

.sui-TcfSecondLayer-main p {
    line-height: 20px;
}

.sui-TcfSecondLayer-groupDescription p strong {
    font-weight: 600;
}

.sui-MoleculeModal.is-MoleculeModal-open {
    z-index: 3000!important;
}

.header-navigation-container.logged {
    margin-top: 23px;
}

.pro-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.question-container {
    width: 30px;
}

.question-container:hover {
    opacity: .7;
}
.question-container:active {
    opacity: .7;
}

.pro-header li {
    /**
    vertical-align: top;
    **/
}

.jmi-form-job-boards-div {
    width: 700px;
}

/** Round checkbox **/
.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 19px;
    left: 0;
    position: absolute;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* left: 0; */
    /* right: 0; */
    /* text-align: center; */
    top: 0;
    width: 19px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #fff;
    border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
    content: "";
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    left: 3px;
    /** right: 0; **/
}
/** / Round checkbox **/

.flag-icon-pl.language-option {
    box-shadow: inset 0px 0px 2px rgb(0 0 0 / 50%);
}
.flag-icon-it.language-option {
    box-shadow: inset 0px 0px 2px rgb(0 0 0 / 50%);
}
.flag-icon-fr.language-option {
    box-shadow: inset 0px 0px 2px rgb(0 0 0 / 50%);
}
.flag-icon-en.language-option {
    box-shadow: inset 0px 0px 2px rgb(0 0 0 / 50%);
}

.img-rec-partner {
    width: 163px;
}

.margin-rec {
    margin-top: 16px;
    margin-right: 25px;
}

div#offerDetailContent .tab-util-item-left {
    padding-right: 5px;
    border-right-style: none;
}

.bottom-inspect-container {
    /*  padding-bottom: 10px; */
    position: fixed;
    bottom: 0;
    width: 100%;
    /* height: 50px; */
    background: white;
}

.main-content-offer-detail, .main-content-offer-detail .offer-detail-content, .main-content-offer-detail .offer-detail-inspect, .main-content-offer-detail .offer-detail  {
    height: 100%;
}

.offer-detail-content {
    padding-bottom: 100px;
}

.bottom-inspect-container .next-offer-inspect-detail {
    right: 0px;
    position: fixed;
}

.bottom-inspect-container .inspect-total-offers {
    position: absolute;
    padding-top: 10px;
    right: 55%;
}

.bottom-inspect-container .main-footer {
    justify-content: unset;
}

.bottom-inspect-container .main-footer .main-footer-navigation-right {
    right: 2%;
    position: fixed;
}

.bottom-inspect-content {
    padding-bottom: 10px;
}

.posting-row {
    width: 80%;
}

#suggestionBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    background-color: white;
    border: solid 2px;
    display: none;
}

#suggestionBox #cancelButton {
    border: 0 !important;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url("/img/sprite20.png") no-repeat 0 -2250px transparent;
    height: 32px;
    width: 32px;
    /*text-indent: -9999px;*/
}

th .location-select-options .icon-arrow-down {
    margin-top: -5px;
    margin-left: 5px;
}

th .location-select-options .icon-arrow-up {
    margin-top: -9px;
    margin-left: 5px;
}

.filter-title {
    float: left;
}

.filter-title-container {
    margin-top: 10px;
    width: 70%;
    float: right;
}

/*.location-level-container .tab-filter-menu-item:hover{*/
/*    background-color: #f0f0f0;*/
/*}*/

/*.location-level-container .tab-filter-menu {*/
/*    background-color: #e1e1e1;*/
/*}*/

.location-level-options {
    margin-top: 5px;
}
@charset "UTF-8";

input[type=text]:disabled, select:disabled {
    background-color: rgb(235, 235, 228);
}


/** SIDEMENU **/
.sidemenu {
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.54);
    position: fixed;
    width: 210px; /* .sidemenu width */
    padding-top: 72px; /* .main-header height*/
    height: 100%;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
    z-index: 1;
    display: block;
}

.sidemenu nav {
    height: 100%;
    overflow: auto;
}

.sidemenu-list li{
    color:#777;
}

.sidemenu-list li a, .sidemenu-list li .caret{
    font-size: 13px;
    padding:18px 0px 18px 35px;
    text-align:left;
    font-weight:normal;
    display: block;
    text-transform: uppercase;
    letter-spacing: -0.06px;
}

.sidemenu-list li .caret{
    padding-left:15px;
    cursor: pointer;
}
.sidemenu-list li .caret .fa{
    margin-right: 7px;
    width: 10px;
    float: left;
    margin-top: 2px;
    margin-bottom: 10px;
}

.sidemenu-list li.sub a{
    font-size:13px;
    font-weight:normal;
    padding-top:8px;
    padding-bottom:8px;
    text-transform: none;
}


.sidemenu-list li:hover, .sidemenu-list li.active{
    color: #ff6d00;
    background-color:#eaeaea;
}

.sidemenu-list li.sub.active{
    background-color:inherit;
}









/* landing*/

.slide-content {
    height: 330px;
    margin: 0 auto;
    padding: 0;
    width: 85%;
    text-align: center;
    padding: 0 40px;
    margin-top: 60px;
}

.slide-content h1 {
    font-size:40px;
    font-weight:bold;
    line-height:1.1;
    margin-bottom:30px;
}

.slide-content p {
    font-size:20px;
    line-height:1.4;
}

.outer-container {
    display: table;
    width:100%;
    height: 330px;
    overflow: hidden;
}

.outer-container .inner-container {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
}
.outer-container .inner-container.slide-description {
    width:70%;
}
.outer-container .inner-container.slide-image {
    text-align: center;
    width:30%;
}

.outer-container .inner-container .icon{
    display: block;
    font-size: 120px;
    height: 120px;
    color: #f05e25;
}
a.next-slide-arrow, a.last-slide-arrow {
    background: url("/img/trends/arrows.png") no-repeat;
    width:75px;
    height:38px;
    display:block;
    margin: 0 auto;
    cursor: pointer;
}

a.next-slide-arrow {
    background-position: 0 0;
}
a.last-slide-arrow {
    background-position: 0 -39px;
}
.slide-back{
    overflow: hidden;
    height: 360px;
    width: 100%;
}
.slide-back.slide-back0{ background: url("/img/trends/1.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back1{ background: url("/img/trends/6.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back2{ background: url("/img/trends/3.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back3{ background: url("/img/trends/4.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back4{ background: url("/img/trends/5.png") repeat fixed 50% 0 #ffffff}
.slide-back.slide-back5{ background: url("/img/trends/2.png") repeat fixed 50% 0 #ffffff}



/* /landing */



/* colors */
.blue {color: #19649D!important; }
.dark-blue {color: #1F659B!important;}
.green { color: #7FAE5C!important;}
.orange { color: #f15c22!important;}
.red { color: #f1212c!important;}
.gray { color: #aaa!important;}




/*login form*/
.jmi-form{
    margin: 0 auto;
    padding: 0;
    width: 450px;
    position: relative;
    clear: both;
    overflow: hidden;
}

.jmi-form .top{
    padding: 10px 40px 17px 40px;
}
.jmi-form .bottom{
    padding: 14px 70px;
    text-align: center;
}

.jmi-form .bottom .button{
    margin: 0 auto;
}

.jmi-form li{
    margin: 15px 0 15px 0;
    clear: both;
}

.jmi-form .note {
    color: #8A8A8D; font-size: 14px;
}

.jmi-form .textfield { width: 100% !important; }

.jmi-form .footer { padding: 0 40px; text-align: center; }
.jmi-form .footer br { line-height: 26px;}

#export-secondary-dimension-report-form.jmi-form { width: 550px; }

.checkboxLabel:after { content:"\A"; white-space:pre; line-height: 25px; }
.checkboxLabelWithIcon:after { content:"\A"; white-space:pre; line-height: 25px; }
.checkboxlist { vertical-align: middle !important; margin-left: 16.5px; }
.checkboxListWithIcon { vertical-align: middle !important; }
.checkboxLabel { display: inline-block; vertical-align: top; width: 92%; }
.checkboxLabel.permission { margin-left: 16.5px; }
.checkboxLabelWithIcon { display: inline-block; vertical-align: top; width: 92%; }

.textfield{
    display: block;
    margin-top: 7px;
    margin-bottom: 4px;
    border: 1px solid #8a8a8d;
    height: 35px;
    padding: 5px 10px!important;
    width: 94.5%!important;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.textfield.textfield-small{
    height: 25px!important;
    font-size: 14px;
}

.editable-update.active input {
    width: 100%;
    font-size: 16px;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #8a8a8d;
}
.editable-update { border-width: 3px; border-color: transparent; border-style: solid; padding: 0px 15px !important; }
/* .editable-update:hover { cursor: pointer; border-color: #f9d751; } */
.editable-update.active { padding: 1px!important; }
.editable-update .fa-pencil { cursor: pointer; font-size: 12px; vertical-align: 1px; margin-left: 3px; width: 10px; }

/**tooltip */
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #777; box-shadow: 0 0 5px #777; font-size: 15px; font-family: Helvetica, Arial, sans-serif; background-color:#fff; cursor: pointer; }
.ui-tooltip-colorbox { z-index: 999999 !important; }

.ui-helper-hidden-accessible{
    display: none;
}

.jmi-message{
    padding:8px 10px 8px 20px;
}
.jmi-message .fa-times { margin-right: 0; margin-top: 4px; font-size: 18px; }

.jmi-message.jmi-message-info{
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1;
}

.jmi-message.jmi-message-warning{
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.jmi-message.jmi-message-error{
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

/* validation messages */
ul.errorMessage, ul.actionMessage {display: block; clear: both; margin-top: 10px; line-height: 20px; list-style: none;}
ul.errorMessage li, ul.actionMessage li {font-size: 16px; margin: 0 !important; padding: 0 !important;}
ul.errorMessage li span { color: #f1212c;}
.red-border{border:1px solid #f1212c !important; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}
#request-demo-form .errorMessage { text-align: right; width: 94.5%; margin-top: 0; }
#request-demo-form .errorMessage span { font-size: 0.9em; }
#request-demo-form .red-border { margin-bottom: 2px; }


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxOverlay-jij, #cboxWrapper{position:absolute; top:0; left:0; overflow:hidden; }
#colorbox{outline-color:transparent; outline-width:0px;}/* para mac */
#colorbox::selection{background:transparent;}
#cboxWrapper,.cboxIE {z-index:2000 !important;  border-radius:5px; border:none;}
#cboxWrapper { background: #fff; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxLoadedContent{overflow:auto; }
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{background:#fff;width:100%; height:100%; display:block; border:0;}

#cboxOverlay, #cboxOverlay-jij{position:fixed; width:100%; height:100%; z-index: 3;background-color:rgba(0, 0, 0, 0.4);}
#cboxTopLeft{width:20px; height:20px; background: #fff;}
#cboxTopCenter{height:20px; background: #fff;}
#cboxTopRight{width:20px; height:20px; background: #fff;}
#cboxBottomLeft{width:20px; height:20px; background: #fff;}
#cboxBottomCenter{height:20px; background: #fff;}
#cboxBottomRight{width:20px; height:20px; background: #fff;}
#cboxMiddleLeft{width:20px; background: #fff;}
#cboxMiddleRight{width:20px; background: #fff;}
#cboxContent{background:#fff;position:relative;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxTitle{display: none !important}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#58585a;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#58585a;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#58585a;}
#cboxLoadingOverlay{background:#fff url("/img/colorbox/loading.gif") no-repeat 5px 5px;}
#cboxClose { border:0 !important; position: absolute; top: -20px; right: -20px; background: url("/img/sprite20.png") no-repeat 0 -2250px transparent; height: 32px; width:32px; text-indent: -9999px; }
#cboxClose.hover { background-position: 0 -2283px; }



.timeline-chart{height: 250px;}

.highcharts-title {
    display: none;
}

.highcharts-subtitle {
    display: none;
}

.highcharts-container {
    height: 200px;
    -webkit-backface-visibility: inherit;
    backface-visibility: inherit;
}

td .cell.cell-truncate {
    padding-top: 6px; padding-bottom: 6px;
}

th .cell.cell-truncate {
    padding-top: 14px; padding-bottom: 14px;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 95%;
    top: 4px;
    line-height: 18px;
    position: relative;

}



.text-truncate.text-truncate-small{
    max-width: 80%;
}

.cell-small-icons .text-truncate { max-width: 80%; }
.cell-medium-icons .text-truncate { max-width: 77%; }
.cell-large-icons .text-truncate { max-width: 50%; }
.cell-xlarge-icons .text-truncate { max-width: 50%; }
.cell-xxlarge-icons .text-truncate { max-width: 53%; }
.cell-xlarge-icons, .cell-xxlarge-icons {padding-right:7px !important;}
.cell-separator.cell-small-icons .text-truncate { max-width: 96%; }
.cell-separator.cell-medium-icons .text-truncate { max-width: 90%; }
.cell-separator.cell-large-icons .text-truncate { max-width: 88%; }

.cell.cell-share-variation .lines-truncate { max-height: 48px; }

.th-title.text-truncate { max-width: 100%; display: block; top: 0; }
.editable-update .text-truncate {max-width: 80%; width: 80%;}

.offer-inspect-div .posting-history .text-truncate { max-width: 91%; overflow: hidden;}
.offer-inspect-div .posting-history .link-arrow .text-truncate { max-width: 78%; }

.custom-market-block .text-truncate { max-width: 85%; }

.tab-filter-new-item .text-truncate { display: inline-block; top: 5px;}
.tab-filter-new-item.auto5 .text-truncate.category { max-width: 35%; }
.tab-filter-new-item.auto5 .text-truncate.location { max-width: 37%; }
.tab-filter-new-item.auto5 .text-truncate.company { max-width: 33%; }
.tab-filter-new-item.auto5 .text-truncate.title { max-width: 53%; }
.tab-filter-new-item.auto5 .text-truncate.salary { max-width: 45%; }
.tab-filter-new-item.auto4 .text-truncate.category { max-width: 48%; }
.tab-filter-new-item.auto4 .text-truncate.location { max-width: 50%; }
.tab-filter-new-item.auto4 .text-truncate.company { max-width: 47%; }
.tab-filter-new-item.auto4 .text-truncate.title { max-width: 63%; }
.tab-filter-new-item.auto3 .text-truncate.location { max-width: 62%; }
.tab-filter-new-item.auto3 .text-truncate.company { max-width: 60%; }
.tab-filter-new-item.auto3 .text-truncate.title { max-width: 72%; }

.pdf { background: url("/img/sprite20.png") no-repeat scroll 0 -3504px transparent; display: block;float: right;font-size: 11px; right: -7px;text-indent: -9999px; top: -6px;width: 20px; height:20px; }

.icons .fa{font-size:16px;margin-right:8px;vertical-align: 0px;}
.icons .fa:hover{font-weight:bold;}
.icons .fa-google:hover{color:#156aeb;}
.icons .fa-google { vertical-align: -2px; }
.icons .fa-linkedin:hover{color:#1b86bc;}
.icons .fa-ban{vertical-align: -2px; font-size: 17px;}
.icons .fa-ban:hover{color:#f15c22;}
.icons .fa-linkedin { vertical-align: -2px; font-size: 17px; }
.icons .fa-comment { vertical-align: -1px; margin-right:4px; }
.icons .fa:last-child { margin-right: 0!important; }

/* autocomplete */
.ui-autocomplete { position: absolute; cursor: default; z-index:9999;}
.ui-menu {
    list-style:none;
    padding: 0;
    margin: 0;
    display:block;
    float: left;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    border: 1px solid #ccc;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding:.2em .4em;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    display:block;
    font-size: 12px;
    font-size: .75rem;
    line-height: 2.5;
}
.ui-autocomplete .ui-state-focus, .ui-menu .ui-menu-item:hover {  background-color: #f0f0f0; }

/* buttons */

.button{
    background-color: rgb(240, 94, 37);
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: normal;
    border-radius: 5px;
    padding: 10px 32px;
    cursor: pointer;
}

.button.grey-button {
    /* background-color: #999;
    background-color: rgba(153, 153, 153); */
    background-color: rgb(153, 153, 153);
    /* 4 parameter opacity */
}

.small-button{
    background-color: rgb(240, 94, 37);
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: normal;
    border-radius: 5px;
    padding: 1px 10px;
    cursor: pointer;
}

.button.disabled{background-color: #aaa;}
.button.button-gray{background-color: #aaa;}
input.disabled, select.disabled{ border: 1px solid #CCCCCC;opacity: 0.8;background-color:#ececec;}

@font-face {
    font-family: "jobisjob-insights";
    src:url("/jmi/fonts/jobisjob-insights-4.eot");
    src:url("/jmi/fonts/jobisjob-insights-4.eot?#iefix") format("embedded-opentype"),
    url("/jmi/fonts/jobisjob-insights-4.woff") format("woff"),
    url("/jmi/fonts/jobisjob-insights-4.ttf") format("truetype"),
    url("/jmi/fonts/jobisjob-insights-4.svg#jobisjob-insights") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('/jmi/fonts/bebasneue_regular-webfont.eot');
    src: url('/jmi/fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/jmi/fonts/bebasneue_regular-webfont.woff2') format('woff2'),
    url('/jmi/fonts/bebasneue_regular-webfont.woff') format('woff'),
    url('/jmi/fonts/bebasneue_regular-webfont.ttf') format('truetype'),
    url('/jmi/fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bebas_neue_bold";
    src: url("/jmi/fonts/BebasNeueBold.eot"),
    url("/jmi/fonts/BebasNeueBold.woff") format("woff"),
    url("/jmi/fonts/BebasNeueBold.woff2") format("woff2"),
    url("/jmi/fonts/BebasNeueBold.ttf") format("truetype"),
    url("/jmi/fonts/BebasNeueBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "jobisjob-insights" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "jobisjob-insights" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-category-distribution:before {
    content: "\61";
}
.icon-location-distribution:before {
    content: "\62";
}
.icon-salary-analysis:before {
    content: "\63";
}
.icon-customer-penetration:before {
    content: "\64";
}
.icon-missing-advertisers:before {
    content: "\65";
}
.icon-arrow-down:before {
    content: "\66";
}
.icon-arrow-left:before {
    content: "\68";
}
.icon-arrow-right:before {
    content: "\69";
}
.icon-arrow-up:before {
    content: "\6a";
}
.icon-big-arrow-right:before {
    content: "\6c";
}
.icon-report:before {
    content: "\6d";
}
.icon-schedule:before {
    content: "\6e";
}
.icon-plus:before {
    content: "\71";
}
.icon-download:before {
    content: "\72";
}
.icon-full-report:before {
    content: "\73";
}
.icon-long-arrow-down:before {
    content: "\74";
}
.icon-long-arrow-up:before {
    content: "\75";
}
.icon-facebook:before {
    content: "\79";
}
.icon-google:before {
    content: "\7a";
}
.icon-linkedin:before {
    content: "\41";
}
.icon-pinterest:before {
    content: "\42";
}
.icon-twitter:before {
    content: "\43";
}
.icon-check:before {
    content: "\67";
}
.icon-uncheck:before {
    content: "\6b";
}
.icon-check-2:before {
    content: "\6f";
}
.icon-back:before {
    content: "\70";
}
.icon-home:before {
    content: "\76";
}
.icon-columns:before {
    content: "\77";
}
.icon-rows:before {
    content: "\78";
}
.icon-edit:before {
    content: "\44";
}
.icon-delete:before {
    content: "\45";
}
.icon-external:before {
    content: "\46";
}
.icon-first-arrow-left:before {
    content: "\47";
}
.icon-info:before {
    content: "\48";
}
.icon-company-distribution:before {
    content: "\49";
}
.icon-top-movers:before {
    content: "\4a";
}
.icon-group:before {
    content: "\4b";
}
.icon-group-2:before {
    content: "\4c";
}
.icon-group-3:before {
    content: "\4e";
}

.icon-info {
    font-size: 16px;
    margin-left: 3px;
    top: 2px;
    position: relative;
}

/** jmi-sprite **/
.sprite-icon { overflow: hidden; margin-right: 15px; float: left; width: 46px; height: 45px;}
.sprite-icon img { max-width: none; }
.sprite-icon-center{ float:none; margin-left: auto; margin-right: auto; }

#jmi-landing .sprite-icon { width: 95px; height: 93px; }
.sprite-icon.mkt5-icon.icon-top { margin-top: -5px; }
.sprite-icon.dollar-icon { margin-top: 2px; margin-left: 1px; }

.sprite-icon.mkt0-icon img { margin-top: -456px; margin-left: 0px;}
.sprite-icon.mkt1-icon img { margin-top: 4px; margin-left: -1px; }
.sprite-icon.mkt3-icon img { margin-top: 3px; margin-left: -53px; }
.sprite-icon.mkt4-icon img { margin-top: -41px; margin-left: -1px; }
.sprite-icon.mkt5-icon img { margin-top: -42px; margin-left: -53px; }
.sprite-icon.mkt6-icon img { margin-top: -89px; margin-left: 0; }
.sprite-icon.map-icon img { margin-top: -89px; margin-left: -53px; }
.sprite-icon.lens-icon img { margin-top: -404px; margin-left: 0; }
.sprite-icon.suitcase-icon img { margin-top: -404px; margin-left: -57px; }
.sprite-icon.target-trans-icon img { margin-top: -454px; margin-left: -3px; }
.sprite-icon.glasses-icon img { margin-top: -504px; margin-left: -4px; }
.sprite-icon.user-icon img { margin-top: -454px; margin-left: -56px; }
.sprite-icon.building-icon img { margin-top: -353px; margin-left: -1px; }
.sprite-icon.world-icon img { margin-top: -353px; margin-left: -54px; }
.sprite-icon.bars-icon img { margin-top: -218px; width: 94px; margin-left: -1px; }
.sprite-icon.target-icon img { margin-top: -125px; width: 94px; margin-left: -1px; }
.sprite-icon.dollar-icon img { margin-top: -510px; margin-left: -57px; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}



audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
    overflow: auto;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.subsection {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child {
    margin-left: 0;
}
.col-manual {
    float: left;
    display: block;
}

/**
 MISC
***/

.fright{float: right !important;}
.tcenter{text-align: center !important;}
.tleft{text-align: left !important;}
.tleft{text-align: left !important;}
.clear{clear: both;}
.fleft{float: left !important;}
.baseline {vertical-align: -1px !important;} /* -1px mejor que baseline */
.uppercase{text-transform: uppercase !important;}
.lowercase{text-transform: lowercase !important;}
.pointer{cursor: pointer !important;}
.relative{position:relative;}

.col-50 { width: 49.25%; float: left; }
.col-40 { width: 39.25%; }
.col-60 { width: 59.25%; }
.col-30 { width: 29.25%; }
.col-70 { width: 69.25%; }

.col-40-raw { width: 40%; }
.col-60-raw { width: 60%; }

.debug-link .fa{color:#d95757 !important;}
.debug-link .fa:hover{color:#b93737 !important;}
.debug-coa{text-align: center;float: right;width: 20px;}
.debug-coa .fa-trash { top: 2px; position: relative; font-size: 18px; }


.cell.bar-1{padding-left:0;padding-right: 0; display: inline-block;margin-left:1px;}
.cell.bar-1:first-of-type{margin-left:0px;}

/** colors **/
.bg-gray1 { background-color: #f3f3f3; }
.bg-gray2 { background-color: #e1e1e1; }
.bg-gray3 { background-color: #f7f7f7; }
.bg-gray4 { background-color: #e8e8e8; }
.bg-gray5 { background-color: #f0f0f0; }
.bg-orange1 { background-color: #fbcebb; }
.bg-yellow1 { background-color: #fee3b4; }
.bg-orange2 { background-color: #f8ab8d; }
.bg-yellow2 { background-color: #fecf7f; }
.bg-orange3 { background-color: #f15c22; }
.bg-yellow3 { background-color: #fba105; }
.bg-green { background-color: #acd87f; }
.bg-red { background-color: #ec7f7f; }
.bg-transparent { background-color: transparent !important; }



/*##########################################################*/
/*#######################   table   ########################*/
/*##########################################################*/

table {
    width: 100%;
}
table.fixed {
    table-layout: fixed;
}



td {
    background-color: #f3f3f3; border-bottom: 1px solid #fff; border-right: 2px solid #fff;
}
th {
    background-color: #e1e1e1; border-bottom: 2px solid #fff; border-right: 2px solid #fff;
}
td:last-child, th:last-child { border-right: none; }


table.table-transparent th,
table.table-transparent td{
    background-color: transparent;
    border-right: 0px;
}

table.table-transparent th{
    border-bottom: 2px solid #bbb;
}
table.table-transparent td{
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
    border-right: 0px;
}
table.table-transparent th .cell{
    padding-top:10px;
    height: 60px;

}

.zero-results-handler {
    padding-left: 5px;
}

.zero-results-handler-title {
    font-size: 15px;
    padding: 3px 10px;
}

.zero-results-handler-table-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 40px;
    vertical-align: middle;
}

.zero-results-handler-table-cell {
    font-size: 14px;
}

.icon-zero-results-handler {
    font-size: 14px!important;
    margin-left: 6px;
}

table.table-transparent tr:hover td, table.table-transparent tr.highlight td{
    background-color: #f5f5f5 !important;
}

table.table-transparent-zero-results-handler th,
table.table-transparent-zero-results-handler td{
    background-color: transparent;
    border-right: 0px;
}

table.table-transparent-zero-results-handler th{
    border-bottom: 2px solid #bbb;
}
table.table-transparent-zero-results-handler th .cell{
    padding-top:10px;
    height: 48px;
}

table.table-transparent-zero-results-handler tr:hover td, table.table-transparent-zero-results-handler tr.highlight td{
    background-color: #f5f5f5 !important;
}

.tr-highlight td,
.tr-highlight .bg-gray2,
.tr-highlight .bg-orange1,
.tr-highlight .bg-orange2,
.tr-highlight .bg-orange3,
.tr-highlight .bg-yellow1,
.tr-highlight .bg-yellow2,
.tr-highlight .bg-yellow3,
.tr-highlight .bg-green,
.tr-highlight .bg-red{ background-color: #fbcebb; }

.table-highlight-hover tr:hover td{ background-color: #e2e2e2; }
.table-highlight-hover tr:hover .bg-gray2:not(th){ background-color: #d0d0d0 !important; }
.table-highlight-hover tr:hover .bg-orange1:not(th){ background-color: #eabdaa !important; }
.table-highlight-hover tr:hover .bg-orange2:not(th){ background-color: #e79a7c !important; }
.table-highlight-hover tr:hover .bg-orange3:not(th){ background-color: #e04b11 !important; }
.table-highlight-hover tr:hover .bg-yellow1:not(th){ background-color: #edd2a3 !important; }
.table-highlight-hover tr:hover .bg-yellow2:not(th){ background-color: #edbe6e !important; }
.table-highlight-hover tr:hover .bg-yellow3:not(th){ background-color: #ea9004 !important; }
.table-highlight-hover tr:hover .bg-green:not(th){ background-color: #9bc76e !important; }
.table-highlight-hover tr:hover .bg-red:not(th){ background-color: #db6e6e !important; }

.tr-highlight .bg-green .cell, .tr-highlight .bg-red .cell { color: #585859; }
.bg-orange3 .cell, .bg-yellow3 .cell, .bg-green .cell, .bg-red .cell { color: #fff; }

.bg-green .cell-share-variation{ background-image: url('/jmi/img/long-arrow-up.png'); }
.bg-red .cell-share-variation{ background-image: url('/jmi/img/long-arrow-down.png'); }

.bg-orange1 .td-percentage { color: #AA9287; }
.bg-yellow1 .td-percentage { color: #AA9287; }

/** custom separation **/
.bottom-double { border-bottom-width: 2px; }
.top-double { border-top: 2px solid #fff; }

.td-1-of-1 {
    width: 100%;
}
.td-1-of-2 {
    width: 50%;
}
.td-1-of-3 {
    width: 33.333%;
}
.td-2-of-3 {
    width: 66.666%;
}
.td-1-of-4 {
    width: 25%;
}
.td-2-of-4 {
    width: 50%;
}
.td-3-of-4 {
    width: 75%;
}
.td-1-of-5 {
    width: 20%;
}
.td-2-of-5 {
    width: 40%;
}
.td-3-of-5 {
    width: 60%;
}
.td-4-of-5 {
    width: 80%;
}
.td-5 {
    width: 5%;
}
.td-10 {
    width: 10%;
}
.td-12 {
    width: 12%;
}
.td-13 {
    width: 13%;
}
.td-14 {
    width: 14%;
}
.td-15 {
    width: 15%;
}
.td-16 {
    width: 16%;
}
.td-17 {
    width: 17%;
}
.td-18 {
    width: 18%;
}
.td-19 {
    width: 19%;
}
.td-20 {
    width: 20%;
}
.td-21 {
    width: 21%;
}
.td-22 {
    width: 22%;
}
.td-24 {
    width: 24%;
}
.td-27 {
    width: 27%;
}
.td-28 {
    width: 28%;
}
.td-30 {
    width: 30%;
}
.td-32 {
    width: 32%;
}
.td-34 {
    width: 34%;
}
.td-35 {
    width: 35%;
}
.td-36 {
    width: 36%;
}
.td-37 {
    width: 37%;
}
.td-38 {
    width: 38%;
}
.td-40 {
    width: 40%;
}
.td-45 {
    width: 45%;
}
.td-50 {
    width: 50%;
}
.td-56 {
    width: 56%;
}
.td-70 {
    width: 70%;
}
.td-85 {
    width: 85%;
}


td .cell {
    padding: 7px 12px;
    font-size: 15px;
    font-size: .9375rem;
}

.table-text-small td .cell{
    font-size: 14px !important;
}

.table-text-small .th-title{
    font-size: 14px !important;
}

.table-text-small th .cell{
    padding: 6px 10px;
    height: 50px;
}


th .cell {
    padding: 15px 10px;
    font-size: 15px;
    font-size: .9375rem;
    text-align: center;
    height: 70px;
}
th .cell.cell-height-medium {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
}

th .cell.cell-long {
    padding-left: 4px;
    padding-right: 4px;

}
th .cell.cell-height-short {
    padding-top: 7px;
    padding-bottom: 7px;
    height: auto;
}

.cell.cell-no-padding {
    padding:0;
}

th .cell-left {
    margin: 0 auto;
    width: 80%
}
th .cell-right {
    width: 10%;
    float: right;
    text-align: right;
}
th .icon-arrow-down {
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    opacity: .4;
    cursor: pointer;
}
th .icon-arrow-up {
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    opacity: .4;
    cursor: pointer;
}
th .icon-arrow-down.active, th .icon-arrow-down:hover, th .icon-arrow-up.active, th .icon-arrow-up:hover {
    opacity: 1;
}
.th-title {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
}

th.small .th-title {
    font-size: 16px;
}
th.small .cell{
    padding-top:8px;
}
th.small .th-small {
    font-size: 12px;
    font-size: .75rem;
}

td.small .cell{
    padding-top:8px;
}
td.small .tm-percentage {
    font-size: 12px;
    font-size: 1.4375rem;
}

.th-title.single {
    line-height: 40px;
    vertical-align: middle;
}
.th-small {
    line-height: 1;
    font-size: 15px;
    font-size: .9375rem;
}

.tm-title {
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
}
.tm-percentage {
    margin-top: 14px;
    font-size: 22px;
    font-size: 1.4375rem;
    line-height: 1.2;
}
.tm-small {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
}
.td-percentage {
    color: #b0b0b0;
    display: inline;
    min-width: 51px;
    margin-left: 3px;
}

.cell.cell-share-variation {
    padding: 15px 19px;
    height:107px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 90%;
}

.cell.cell-share-variation .no-change{
    text-align: center;
    padding-top: 60px;
}

.cell-text-align-left{
    text-align: left !important;
}
.cell-text-align-center {
    text-align: center;
}
.cell-text-align-right {
    text-align: right;
    padding-left: 8px !important;
}
.cell.cell-bold,
.row-bold .cell,
.cell > .cell-bold,
.cell-bold .td-percentage,
.cell-bold .text-truncate{
    font-weight: bold !important;
}
.cell.cell-separator {
    margin-top: 20px;
}

.cell .icon-external { font-size: 14px; color:#aaa; cursor:pointer; vertical-align: -2px; }
/* .cell .fa-sliders.filter-icon { font-size: 14px; color: inherit; cursor:pointer; margin-right: 5px; position: relative; top: -1px; } */
.filter-icon { background: url("/jmi/img/quick_filter.svg") no-repeat; cursor: pointer; margin-right: 3px; width: 18px; height: 18px; display: inline-block; position: relative; top: 3px; }


.cell .fa-search {
    font-size: 12px;
    vertical-align: 1px;
    margin-left: 3px;
}
.cell .fa-times-circle {
    font-size:16px;
    vertical-align: middle;
}
.cell .fa-exchange {
    font-size:18px;
    vertical-align: middle;
}

.cell .link-orange {
    font-size: 12px;
    font-size: .75rem;
}

.cell .display-hover{
    display:none;
}
.cell:hover .display-hover{
    display:inline-block;
}


.border-top {
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #ddd;
}
.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #ddd;
}
.tab-util-right {
    float: right;
}
.tab-util-left {
    float: left;
}
.tab-util-left li:first-child {
    padding-left:0;
}
.tab-util-item {
    display: inline-block;
    line-height: 48px;
    padding: 0 20px;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #ddd;
}

.tab-util-item-left {
    display: inline-block;
    line-height: 48px;
    padding-right: 20px;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #ddd;
}

.tab-util-item:last-of-type {
    padding-left: 16px;
    padding-right: 16px;
    margin-right: -2px;
    border-right: none;

}

.tab-util-label {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}

.tab-util-label.disabled {
    color: #aaa;
}

.tab-util-item .icon-plus {
    display:inline-block;
    margin-right: 10px;
    font-size: 20px;
    height: 34px;
    line-height: 40px;
    vertical-align: middle;
}
.tab-util-item .icon-download {
    display:inline-block;
    margin-right: 10px;
    font-size: 20px;
    height: 31px;
    line-height: 40px;
    vertical-align: middle;
}
.tab-util-item .icon-full-report {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    height: 31px;
    line-height: 40px;
    vertical-align: -4px;
}
.tab-util-item .icon-arrow-down {
    display: inline-block;
    margin-left: 10px;
    font-size: 10px;
    height: 40px;
    line-height: 42px;
    vertical-align: middle;
}
.tab-util-item .icon-arrow-up {
    display: inline-block;
    margin-left: 10px;
    font-size: 10px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    cursor: default;
}

.tab-util-item .icons { margin-left: 10px; }
.tab-util-item .icons .fa { margin-right: 10px; vertical-align: 0px; }

.tab-util-export-menu {
    position: absolute;
    top: 40px;
    right: 0;
    padding-top: 4px;
    padding-bottom: 12px;
    text-align: right;
    background-color: #fff;
    /*background-color: rgba(0, 255, 0, .15);*/
}
.tab-util-export-menu-item {
    min-width: 105px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: lighter;
    line-height: 1.8;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}

.tab-util-export-menu-item:hover {
    opacity: .7;
}

.tab-table {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #ddd;
}
.tab-table-item {
    display: block;
    float: left;
    padding: 12px 25px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    color: #b0b0b0;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #ddd;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.tab-table-item:last-child {
    border-right: none;
}
.tab-table-item:hover {
    background-color: #585859;
    color: #fff;
}
.tab-table-item.active{
    background-color: #585859;
    color: #fff;
}

.tab-table-item.active{
    background-color: #585859;
    color: #fff;
}

.tab-table-item .display-on-hover{visibility: hidden;}
.tab-table-item:hover .display-on-hover{visibility: visible;}



.tab-filter-applied-label {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
    line-height: 40px;
}
.tab-filter-applied-none {
    font-size: 13px;
    font-size: .8125rem;
    color: #b2b2b2;
    line-height: 40px;
}
.tab-filter-applied {
    font-size: 13px;
    font-size: .8125rem;
    color: #fff;
    line-height: 40px;
    background-color: #f05e25;
    padding: 3px 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.tab-filter-applied:last-child {
    nargin-right: 0;
}
.tab-filter-right {
    width: 50%;
    float: right;
    text-align: right;
}
.tab-filter {
    height: 40px;
    background-color: #f0f0f0;
}

.tab-filter-all {
    width: 100%;
    float: right;
    text-align: right;
}
.tab-filter-item {
    display: inline-table;
    line-height: 40px;
    background-color: #f0f0f0;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    cursor: pointer;
}

.tab-filter-item.medium {
    width: 180px;
}
.tab-filter-item.long {
    width: 230px;
}
.tab-filter-item:hover {
    background-color: #E1E1E1;
}
.tab-filter-label {
    display: block;
    float: left;
    margin-left: 20px;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}
.tab-filter-value {
    display: block;
    float: left;
    margin-left: 5px;
    font-size: 13px;
    font-size: .8125rem;
}
.tab-filter-item .icon-arrow-down {
    display: block;
    float: right;
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    vertical-align: middle;
    line-height: 20px;
    margin-top: 11px;

}
.tab-filter-item .icon-arrow-up {
    display: block;
    float: right;
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    vertical-align: middle;

}
.tab-filter-menu {
    position: absolute;
    top: 40px;
    right: 0;
    width: 100%;
    text-align: left;
    background-color: #f0f0f0;
    z-index: 99;
}
.tab-filter-menu-item {
    padding: 0 9% 0 7%;
    font-size: 13px;
    line-height: 2.5;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    cursor: pointer;
    display: block;
}

.tab-filter-menu-item-export:hover {
    background-color: #F0F0F0 !important;
}

.tab-filter-menu-item a {
    display: block;
}

.tab-filter-menu-item:hover {
    background-color: #E1E1E1;
}

.tab-filter-menu-item.active {
    font-weight: bold;
}

/* nueva barra filtros*/


.tab-filter-new {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e1e1e1;
    line-height: 26px;
}

.tab-filter-new .tab-filter-new-left{
    width: 5%;
    float: left;
}
.tab-filter-new .tab-filter-new-right{
    width: 93%;
    float: right;
}

.tab-filter-new-item.medium {
    width: 180px;
}
.tab-filter-new-item.long {
    width: 230px;
}
.tab-filter-new-item.auto5 {
    width: 19.4%;
}
.tab-filter-new-item.auto6 {
    width: 14.4%;
}
.tab-filter-new-item.auto4 {
    width: 24.5%;
}
.tab-filter-new-item.auto3 {
    width: 32.5%;
}

.tab-filter-new-item {
    display: inline-block;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #ffffff;
}
.tab-filter-new-item:last-child {
    border-right: none;
}
.tab-filter-new-title{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
    margin-left: 15px;
}
.tab-filter-new-label {
    font-size: 13px;
    font-size: .8125rem;
    margin-right: 5px;
    margin-left: 5px;
}
.filter-badge {
    font-size: 13px;
    font-size: .8125rem;
    color: #fff;
    background-color: #f05e25;
    padding: 3px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 12px;
}
.filter-badge.light-orange {
    background-color: #fba105;	/** yellow3 */
}

.filter-badge.limitation {
    background-color: #fecf7f;
}

.filter-badge.pointer {
    cursor:pointer;
}

.filter-badge .fa-times {
    font-size: 15px;
    margin-left:5px;
}

.filter-type-wrap {
    float: left;
    margin-right: 10px;
}

#user-badges .filter-badge {
    min-width: 150px;
    float: left;
    padding-left: 10px;
    margin-top: 5px;
}
#user-badges .filter-badge .fa-times {
    float: right;
}


.remove-no-text .fa{
    color:#f05e25;
    font-size:24px !important;
    vertical-align: -3px;
    cursor: pointer;
}


.tab-filter-new-item .icon-arrow-down {
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    vertical-align: middle;
}
.tab-filter-new-item .icon-arrow-up {
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    vertical-align: middle;
}
.tab-filter-new-menu {
    position: absolute;
    top: 32px;
    width: 100%;
    text-align: left;
    background-color: #e1e1e1;
    z-index: 99;
    overflow-y: scroll;
    max-height: 240px;
    display: block;
}


.tab-filter-new-menu-item {
    padding-left: 20px;
    font-size: 14px;
    font-weight: lighter;
    line-height: 2;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    cursor: pointer;
}
.tab-filter-new-menu-item:hover {
    background-color: #f0f0f0;
}
.tab-filter-new-menu-item-text {
    padding: 5px 20px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: lighter;
}
.tab-filter-new-menu-item-text input[type=text] {
    border-style: solid;
    border-color: #fff;
    width: 100%;
}



.tab-row {
    text-align: right;
}
.tab-row-item {
    display: inline-table;
    line-height: 28px;
    margin-right: 5px;
}
.tab-row-item:last-child {
    margin-right: 0;
}
.tab-row-item .icon-rows {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 10px;
}
.tab-row-title {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}
.tab-row-label {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}
.tab-row-value {
    font-size: 13px;
    font-size: .8125rem;
    margin-left: 5px;
    margin-right: 5px;
}
.tab-row-item .icon-arrow-down {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
}
.tab-row-item .icon-arrow-up {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
}
.tab-row-result {
    font-size: 13px;
    font-size: .8125rem;
    margin-left: 2px;
    margin-right: 2px;
}
.tab-row-from {
    font-weight: bold;
}
.tab-row-to {
    font-weight: bold;
}
.tab-row-item .icon-arrow-left,
.tab-row-item .icon-first-arrow-left {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
}
.tab-row-item .icon-arrow-right {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
}
.tab-row-item .expand-control {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    background-color: #f0f0f0;
}
.tab-row-item .expand-control:hover {
    background-color: #e1e1e1;
}
.tab-row-menu {
    position: absolute;
    top: 28px;
    right: 0;
    text-align: right;
    background-color: #f0f0f0;
    width: 100%;
    z-index: 1;
    /*background-color: rgba(0, 255, 0, .15);*/
}
.tab-row-menu-item {
    width: auto;
    padding-right: 21px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: lighter;
    line-height: 2;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.tab-row-menu-item:hover {
    background-color: #e1e1e1;
}


.tab-col {
    text-align: right;
}
.tab-col-item {
    display: inline-table;
    line-height: 28px;
    margin-right: 5px;
}
.tab-col-item:last-child {
    margin-right: 0;
}
.tab-col-item .icon-columns {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 10px;
}
.tab-col-title {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
}
.tab-col-result {
    font-size: 13px;
    font-size: .8125rem;
    margin-left: 2px;
    margin-right: 2px;
}
.tab-col-from {
    font-weight: bold;
}
.tab-col-to {
    font-weight: bold;
}
.tab-col-item .icon-arrow-left,
.tab-col-item .icon-first-arrow-left {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
}
.tab-col-item .icon-arrow-right {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
}


.account-settings .title2 {
    color: #f05e25;
}

.account-settings-strong {
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px;
}
.account-settings-dots{
    vertical-align: sub;
    margin-right: 10px;
}

.account-settings-note {
    font-size: 12px;
    font-size: 0.75rem;
}

.account-settings .textfield{
    display: inline;
    border: 1px solid #8a8a8d;
    height: 20px!important;
    padding: 0 5px!important;
    width: 120px!important;
    font-size: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin:0;

}
.account-settings .button{
    padding-top:3px;
    padding-bottom:3px;
}

.account-settings-ul {
    list-style: disc inside;
    margin-left: 16px;
    margin-top: 8px;
}
.account-settings-ul li {
    margin-bottom: 2px;
}


.note{
    text-align: left;
    font-size: 16px;
    color: #777;
    padding-left: 20px;
}
.nopaddingleft {
    padding-left: 0;
}

/**
	404 & 500
*/
.not-found-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
}
.not-found .title1 {
    text-align: center;
    font-size: 25px;
}
.not-found-note {
    font-size: 16px;
    text-align: center;
}

.not-found-buttons {
    text-align: center;
}
.not-found .button {
    display:inline;
    padding: 10px 12px;
    margin-right: 4px;
}
.not-found .button:last-child {
    margin-right: 0;
}
.not-found .button .icon {
    display: inline-block;
    font-size: 20px;
    height: 24px;
    line-height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}




.expand-button {
    cursor: pointer;
    display:table;
    width:100%;
    height:100%;
}

.expand-hover > .expand-button{
    cursor: default !important;
}

.collapse-bar {
    display: block;
    line-height: 48px;
    background-color: #f0f0f0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.collapse-bar:hover {
    background-color: #f6f6f6;
}

.collapse-label {
    font-size: 13px;
    font-size: .8125rem;
}
.collapse-bar .icon-arrow-down {
    display: inline-block;
    font-size: 10px;
    margin-right: 10px;
    vertical-align: middle;
    cursor: default;
}
.collapse-bar .icon-arrow-up {
    display: inline-block;
    font-size: 10px;
    margin-right: 10px;
    margin-bottom: -2px;
    vertical-align: middle;
    cursor: default;
}

.view-more-link {
    text-align: right;
    line-height: 30px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
}


.advanced-search-list{
    margin:0 auto;
    width:45%;
}

.advanced-search-list .col2{
    float:left;
    width:auto;
}
.advanced-search-list input[type=checkbox]{
    vertical-align: -1px;
    margin-right:3px;
}
/** empieza **/
.advanced-search-list {
    width: auto;
    text-align: center;
    display: table;
}

.advanced-search-list li {
    display: table-row;
}
.advanced-search-list li.tcenter {
    display: block;
}

.advanced-search-list input[type=checkbox] {
    display: table-cell;
    margin-right: 8px;
}

.advanced-search-list .ltext {
    display: table-cell;
    text-align: left;
}
/** acaba **/

/**.advanced-search-list.ltable {
	width: auto;
	text-align: center;
	display: table;
}

.advanced-search-list.ltable li {
	display: table-row;
}
.advanced-search-list.ltable li.tcenter {
	display: block;
}

.advanced-search-list.ltable input[type=checkbox] {
	display: table-cell;
	margin-right: 8px;
}

.advanced-search-list.ltable span.ltext {
	display: table-cell;
	text-align: left;
}**/

.location-leaf .spinner {
    min-height: 22px;
    margin-top: 12px;
}

.location-leaf ul{
    margin-left:20px;
    border-left:1px solid #ccc;
    padding-left:10px;
}

.location-leaf ul li{
    clear:both;
    line-height: 22px;
}
#location-tree > ul{
    border-left:none !important;
}
.location-leaf ul .checkbox{
    vertical-align: -1px;
}

.location-leaf ul .toggle {
    vertical-align: -2px;
    width: 15px;
    display: inline-block;
    cursor: pointer;
    margin-right:3px;
}

.location-leaf ul .toggle.toggle-plus{
    background: url("/jmi/img/toggle_plus.png") no-repeat;
}

.location-leaf ul .toggle.toggle-minus{
    background: url("/jmi/img/toggle_minus.png") no-repeat;
}

#hero{
    font-size: 26px;
    font-weight: bold;
    font-family: monospace;
    color: #444;
    margin: auto 20px;
    padding:50px;
    border: 3px solid #aaa;
    border-radius: 15px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    font-family: Helvetica, Arial, sans-serif;
    color: #585859;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 992px;
}

.link-arrow::after {
    content: '›';
    padding-left: 5px;

    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.link-arrow-on-right::after {
    content: '›';
    padding-left: 5px;

    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.link-arrow:hover::after {
    margin-left: 2px;
}
.link-arrow-on-right:hover::after {
    margin-left: 2px;
    margin-right: -2px;
}

a {
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
    color:inherit;
    cursor: pointer;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
    outline: none;
}
a:active {
    text-decoration: none;
}
.link-fadeout:hover {
    opacity: .7;
}
/** JJ-14237
.link-fadeout:focus {
     opacity: .7;
}
**/
.link-fadeout:active {
    opacity: .7;
}
.link-red {
    color: #ff2600;
}
.link-blue {
    color: #19649D;
}
.link-blue:link {
    color: #19649D;
}
.link-blue:visited {
    color: #19649D;
}
.link-blue:hover {
    color: #19649D;
}
.link-blue:focus {
    color: #19649D;
}
.link-blue:active {
    color: #19649D;
}
.link-blue.disabled {
    color: #777;
    cursor: not-allowed;
}

.link-white {
    color: #fff;
}
.link-white:link {
    color: #fff;
}
.link-white:visited {
    color: #fff;
}
.link-white:hover {
    color: #fff;
}
.link-white:focus {
    color: #fff;
}
.link-white:active {
    color: #fff;
}
.link-black {
    color: #585859;
}
.link-black:link {
    color: #585859;
}
.link-black:visited {
    color: #585859;
}
.link-black:hover {
    color: #585859;
}
.link-black:focus {
    color: #585859;
}
.link-black:active {
    color: #585859;
}
.link-orange {
    color: #F05E25;
}
.link-orange:link {
    color: #F05E25;
}
.link-orange:visited {
    color: #F05E25;
}
.link-orange:hover {
    color: #F05E25;
}
.link-orange:focus {
    color: #F05E25;
}
.link-orange:active {
    color: #F05E25;
}
.container {
    position: relative;
    width: 100%;
    height: 100%;
}
.container-company-monitor {
    position: relative;
    width: auto;
    height: 100%;
}
.separator-line {
    border-top: 1px solid #CCC;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 65%;
}
.separator-4 {
    height: 4px;
    clear: both;
}
.separator-8 {
    height: 8px;
    clear: both;
}
.separator-16 {
    height: 16px;
    clear: both;
}
.separator-24 {
    height: 24px;
    clear: both;
}
.separator-32 {
    height: 32px;
    clear: both;
}
.separator-48 {
    height: 48px;
    clear: both;
}
.separator-64 {
    height: 64px;
    clear: both;
}
.separator-128 {
    height: 128px;
    clear: both;
}
.title1 {
    font-size: 32px !important;
    font-size: 2rem;
    font-weight: bold;
}
.title2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}
.title3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
}
.title4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align:center;
    margin-bottom:10px;
}
.title5 {
    font-size: 17px;
    font-size: 1.1rem;
    font-weight: bold;
}

.title6 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align:left;
    margin-bottom:5px;
    padding-left: 7%;
}

.title7 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align:left;
    margin-bottom:10px;
}

.btn, .btn-orange {
    display: inline-block;
    border: 2px solid #f15b21;
    padding: 10px 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}

.btn, .btn-orange:hover {
    background: transparent;
    color: #f15b21!important;
}

.btn:hover, .btn-orange {
    background: #f15b21;;
    color: #ffffff !important;
}

.btn.no-hover:hover {
    background: transparent;
    color: #f15b21!important;
    opacity: .7;
}

.btn-orange.no-hover:hover {
    background: #f15b21;;
    color: #ffffff !important;
    opacity: .7;
}

.datepicker-result-container {
    display: table;
}
.datepicker-container {
    display: inline;
    padding-right: 10px;
}
.jmi-period-picker-container {
    display: inline;
}
.datepicker-result, .market-result {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    line-height: 35px;
    min-width: 150px;
}
.datepicker-result .icon-arrow-down, .market-result .icon-arrow-down {
    display: inline-block;
    margin-left: 8px;
    font-size: 10px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;

}
.datepicker-result .icon-arrow-up, .market-result .icon-arrow-up {
    display: inline-block;
    margin-left: 8px;
    font-size: 10px;
    height: 35px;
    line-height: 33px;
    vertical-align: middle;

}
.datepicker {
    position: absolute;
    width: 100%;
    top: 36px;
    right: 0;
    padding: 10px;
    background-color: #fff;
    /*background-color: rgba(255, 0, 0, .15);*/
    text-align: left;
    z-index: 99;
}
.datepicker li{
    margin: 5px 0;
    padding-left:30px;
}
.pie-chart-2 {
    width: 49.5%;
    margin-left: 1%;
}
.pie-chart-2:first-child {
    margin-left: 0;
}
.pie-chart-3 {
    width: 33%;
    margin-left: 0.5%;
}
.pie-chart-3:first-child {
    margin-left: 0;
}
.pie-chart {
    background-color: #f0f0f0;
    padding: 10px;
}
.pie-chart-object {
    height: 400px;
    background-color: #fff;
}
.title-subtext {
    color: #808080;
    font-size: 0.8em;
}
.title-link { font-size: 0.7em; position: relative; top: 5px; }
.bar-char-object {
    background-color: #F1D1BF;
    padding-top: 150px;
    padding-bottom: 150px;
    text-align: center;
}


.main-header a{
    color: #eee;
    text-decoration: none;
}

.main-header .btn, .main-header .btn-orange {
    padding: 10px 20px;
}

.main-header .expand-button {
    display: inherit;
}

.main-header .icon-arrow-down, .main-header .icon-arrow-up {
    font-size: 10px;
    margin-left: 5px;
}

.header-logo-container {
    width: 280px;
    margin-top: 6px;
}

.header-navigation-container {
    float: right;
    margin-top: 29px;
    width: 50%;
    text-align: right;
}

.header-navigation-container-searcher {
    float: left;
    margin-top: 26px;
    width: 20%;
    text-align: left;
    padding-left: 20px;
}

.header-navigation-container.medium, .header-navigation-container.short {
    margin-top: 15px;
}

.header-navigation-item {
    display: inline-block;
    margin-left: 3.2%;
}

.header-navigation-item.go-pro .btn, .header-navigation-item.go-pro .btn-orange {
    padding: 10px;
}

.header-navigation-container.short .header-navigation-item {
    margin-left: 2.3%;
}
.header-navigation-container.short .btn, .header-navigation-container.short .btn-orange {
    padding: 10px 5px;
}

.header-dropdown-menu {
    top: 76px;
    line-height: 1.6;
    position: absolute;
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 25px;
    z-index: 2;
    border: 1px solid #999;
    max-height: 600px;
    overflow-y: auto;
}

.company-searcher-header {
    /* float: left; */
    width: 21%;
}

.company-searcher-header-input-container {
    width: 100%;
}

.company-searcher-header-input:focus {
    /* Unused for now */
}

.company-searcher-header-input {
    background-image: url(/jmi/img/font-awasome/fa-search.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 4px;
    -ms-interpolation-mode: bicubic;
    padding-left: 24px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%!important;
    border: 1px #8a8a8d;
    height: 27px!important;
    font-size: .80rem;
}

/* Se quita el highlight/glow de chrome */
.no-glow {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none; /*remove the resize handle on the bottom right*/
}

.users .header-dropdown-menu {
    width: 200px;
}

.our-solutions .header-dropdown-menu {
    width: 230px;
    text-align: left;
}

.public-language-selector .header-dropdown-menu {
    width: 180px;
    text-align: left;
}

.header-navigation-item:first-child {
    margin-left: 0;
}

.header-navigation-item.active a,
.header-navigation-item a:hover,
.header-dropdown-menu-item a:hover,
.tab-filter-menu-item a:hover {
    color: #f15b21;
}

.header-user-flag {
    display: inline-block;
    margin-right: 10px;
}

.expand-zone, .expand-up{
    display: none;
}
.expand-zone-spin {
    min-height: 45px;
}

.header-dropdown-menu-item {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: normal;
    line-height: 1.8;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.header-dropdown-menu-item a {
    color: #585859;
    display: block;
}

.our-solutions .header-dropdown-menu-item {
    font-size: 15px;
    margin: 4px 0;
}

.public-language-selector .header-dropdown-menu-item {
    font-size: 15px;
    margin: 4px 0;
}

.main-header {
    position: fixed;
    display: block;
    width: 100%;
    background-color: #3f3f3f;
    z-index: 1000;
    height: 72px;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 3000px;
    min-width: 992px;
}


.main-header .jmi-level {
    font-weight: bold;
    margin-left: 2px;
}

.header-dropdown-menu-item .jmi-level {
    font-size: 1.1em;
}

.main-content-wrap{
    margin-left:210px;/* .sidemenu width */
    min-height: 100%;
    height: 100%;
    padding-top: 72px; /* .main-header height */
}

/* tempaltes without main-content-wrap */
.page-wrap > .main-content {
    padding-top: 72px; /* .main-header height */
}

.main-content {
    padding-left:2%;
    padding-right:2%;
    margin-bottom: -70px;/* .main-footer height */
    min-height: 100%;
    display: block;
}

.margin-content {
    padding-left: 2%;
    padding-right: 2%;
}

.main-content:after {
    content: "";
    display: block;
    height: 70px; /* .main-footer height */
}

.main-content.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.breadcrumbs-item {
    display: inline-block;
    margin-right: 1px;
    font-size: 12px;
    font-size: .75rem;
}

.breadcrumbs-item:last-child {
    margin-right: 0;
}
.main-content-header {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #ddd;
}
.main-content-header-left {
    width: 55%;
}
.main-content-header-left-extended {
    width: 75%;
}
.main-content-header-right, .period-picker {
    width: auto;
    float: right;
    text-align: right;
}

.main-content-header-right .button{
    margin-top:10px;
    display:inline;
}

.main-content-header-title {
    line-height: 60px;
    vertical-align: top;
}
.main-content-header-link {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 25px;
}
.quick-reports-left {
    width: 48.5%;
}
.quick-reports-right {
    float: right;
    width: 48.5%;
}

.quick-reports a {
    text-decoration: none;
}


.quick-reports-item {
    background-color: #f6f6f6;
    margin-bottom: 10px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.quick-reports-item-image {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 25px;
    margin-top: -43px;
}
.quick-reports-item-image .icon {
    display: block;
    font-size: 80px;
    height: 80px;
    color: #f05e25;
}
.quick-reports-item-content {
    padding: 25px 0;
    margin-left: 130px;
    margin-right: 60px;
    /* 	margin-right: 20px; */
    display: block;
}
.quick-reports-item-anchor {
    padding-top: 8px;
}
.quick-reports-item-anchor .icon {
    display: inline-block;
    font-size: 20px;
    height: 31px;
    line-height: 40px;
    vertical-align: -4px;
    margin-right: 5px;
}
.quick-reports-item-anchor .icon-big-arrow-right {
    font-size: 9px;
    vertical-align: 0;
}

.quick-reports-item-anchor a:first-child {
    margin-right: 18%;
}
.quick-reports-item-title {
    font-size: 30px;
    font-size: 1.875rem;
    color: #f05e25;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.2;
}
.quick-reports-item-description {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    color: #585859;
}
.quick-reports-item-arrow {
    position: absolute;
    width: 38px;
    height: 38px;
    top: 50%;
    right: 20px;
    margin-top: -19px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.quick-reports-item:hover .quick-reports-item-arrow {
    right: 15px;
}

.quick-reports-item-arrow .icon {
    display: block;
    font-size: 38px;
    height: 38px;
    color: #f05e25;
}

.crm-id-wrapper{ display: inline-block; }
.crm-id-wrapper strong{ font-size: 14px; font-weight: bold; }
.crm-id-wrapper > div{ display: inline-block; width:120px; max-width: 120px; }
.crm-id-wrapper .editable-update { padding: 0 !important; }
.crm-id-wrapper .editable-update .fa-pencil { margin-left: 10px; }
.crm-id-wrapper .editable-update .text-truncate { width: auto; max-width: 90px; }


.index-saved-reports {
    line-height: 24px;
}
.index-saved-reports-item {
    padding-bottom: 4px;
    padding-top: 4px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.index-saved-reports-item:hover    {
    opacity: .7;
}
.index-saved-reports-image {
    margin-right: 15px;
}
.index-saved-reports-image .icon-report {
    font-size: 24px;
    font-size: 1.5rem;
}

.saved-reports-item {
    line-height: 40px;
    padding-top: 3px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #f0f0f0;
}
.saved-reports-item:last-child {
    border-bottom: none;
}
.saved-reports-title {
    width: 55%;
    float: left;
}

.saved-reports-title .badge{
    background-color: #999;
    min-width: 140px;
    display: inline-block;
    line-height: 16px;
    text-align: center;
    margin-right: 15px;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    padding: 2px 0;
}

.saved-reports-utils {
    width: auto;
    /* display: inline-block; */
    float: right;
    text-align: right;
}

.saved-reports-utils-item {
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    margin-right: 15px;
    vertical-align: middle;
}
.saved-reports-utils-item:last-child {
    margin-right: 0;
    margin-left: 30px;
}

.saved-reports-utils-item .disabled {
    opacity: .5;
}
.saved-reports-utils-item .icon{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-bottom:-6px;
}
.saved-reports-utils-item .fa {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}




/*
	sticky footer
	http://css-tricks.com/snippets/css/sticky-footer/
*/
*{
    margin: 0;
}
html, body {
    height: 100%;
}
.page-wrap {
    min-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 3000px;
}


.data-accuracy {

}
.data-accuracy-left {
    width: 47.5%;
}
.data-accuracy-right {
    float: right;
    width: 47.5%;
}
.static-text {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}
.static-text p {
    margin-top: 15px;
    margin-bottom: 15px;
}
.data-accuracy .static-text p:first-child {
    margin-top: 0;
}
.data-accuracy .static-text p:last-child {
    margin-bottom: 0;
}
.data-accuracy-note {
    font-size: 12px;
    font-size: 0.75rem;
}

.data-accuracy-note span{float:left; width: 30px;}

.legal-information .static-text p {
    text-align: justify;
}
.legal-information .static-text li {
    text-align: justify;
    margin-bottom: 3px;
}
.legal-information .static-text ul {
    list-style: disc outside;
    margin-left: 45px;
}
.legal-information .static-text a {
    text-decoration: none;
    color: #1f659b;
}
.legal-information .static-text a:hover {
    text-decoration: underline;
    color: #1f659b;
    cursor: pointer;
}

.main-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; color: #585859; background-color: #f0f0f0; }
.main-footer a { color: #f15b21; text-decoration: none; text-transform: uppercase; }
.main-footer-navigation-item { display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 12px; padding-right: 20px; }
.main-footer .main-footer-copyright { text-align: center; display: inline-block; font-size: initial; min-width: 230px; width: 230px; margin-right: 15px; }
.main-footer .main-footer-copyright img { position: relative; margin-right: 3px; }
.main-footer .main-footer-navigation-right { min-width: 324px; width: 324px; text-align: right;}
.main-footer-social-item { display: inline-block; font-size: 20px; padding: 0 2px; }
.main-footer-social-item a { color: #585859; }
.main-footer-social-item img { width: 1em; height: 1em; }

.table-pro-disclaimer{text-align: center; padding: 20px; font-size: 18px;}
.table-pro-disclaimer .button{padding:10px 16px; margin-left: 15px;}


a.bt-highlight {
    padding: 10px 6px;
    background: #FFF;
    color: #F05E25;
    font-weight: bold;
    border-radius: 5px;
}

.jmi-request-form {
    width: 585px;
}
.jmi-request-form .title2 {
    font-size: 24px;
}
.jmi-request-form p {
    margin-top: 10px;
}
.jmi-request-form .request-button {
    display: inline-block;
    padding: 5px 40px;
}
.jmi-request-form .request-button div {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.jmi-request-form .request-button span {
    font-size: 15px;
    font-weight: normal;
    display: block;
}
.jmi-request-form ul {
    list-style: disc outside none;
}
.jmi-request-form li:first-child {
    margin-top: 15px;
}
.jmi-request-form li {
    margin: 7px 0px 7px 25px;
}

#request-form .field-checkbox-list input {
    vertical-align: middle;
    top: 1px;
    position: relative;
}

#expand-export {
    position: absolute;
    width: 147px;
    background: #F0F0F0;
    margin-left: -26px;
}
#expand-export li{
    font-size: 14x;
}

.cell-nowrap {
    white-space: nowrap;
}

.custom-market-block:first-child{
    width:15%;
}

.custom-market-block{
    float:left;
    width:25%;
    margin-left:2.5%;
}

#request-training-form { width: 585px; }
.preferred-days-slots-container .field-box { width: 43%; display: inline-block; vertical-align: top; margin-top: 6px; margin-right: 5%; border-right: 1px solid #ddd; }
.preferred-days-slots-container .field-box:last-child { margin-right: 0; border-right: none; }
.preferred-days-slots-container .checkboxLabel { width: 85%; }
.preferred-days-slots-container input { vertical-align: middle; }




/** sweet-alert fix JJ-12210 **/
body.stop-scrolling{
    overflow:visible!important;
}

/** sweet-alert-static **/
.main-content .sweet-alert-static { display: block; position: relative; left: 0; top: 0; margin: 0; z-index: 0; padding: 12% 40px 14%; width: 100%; border: 1px solid #e1e1e1; }
.main-content .sweet-alert-static h2 { font-size: 20px; line-height: 30px; margin-top: 15px; }
.main-content .sweet-alert-static .sa-icon { margin-bottom: 15px; }
.main-content .sweet-alert-static .sa-icon.sa-warning { width: 70px; height: 70px; }
.main-content .sweet-alert-static .sa-icon.sa-warning .sa-body { height: 36px; }

.white-footer .main-footer {
    background-color: #fff;
}

.width-100 {
    width: 100%;
}

#jmi-landing .slick-slide:focus {
    outline: none;
}

#jmi-landing h2 {
    font-family:"bebas_neue_regularregular";
    color: #f15b21;
    font-size: 60px;
}
#jmi-landing h3 {
    font-family:"bebas_neue_regularregular";
    font-size: 33px;
    color: #585859;
    margin-top: 40px;
    padding-bottom: 20px;
    position: relative;
}

#jmi-landing #details h3:after {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 0;
}

#jmi-landing h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 25px;
    border-bottom: 1px solid #585859;
    left: 50%;
}

#jmi-landing #details p {
    margin: 5px 40px 20px 0;
    line-height: 24px;
    width: auto;
}

#jmi-landing .main-content p {
    color: #585859;
    font-size: 18px;
    margin: 40px 0;
    line-height: 24px;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}

#jmi-landing .slick-prev, #jmi-landing .slick-next {
    height: auto;
}

#jmi-landing .slick-next { right: 5px; }
#jmi-landing .slick-prev { left: 5px; }

#jmi-landing .slick-prev:hover:before, #jmi-landing .slick-prev:focus:before, #jmi-landing .slick-next:hover:before, #jmi-landing .slick-next:focus:before {
    opacity: 1;
}
#jmi-landing .slick-prev:before {
    content: '\f0d9';
}
#jmi-landing .slick-next:before {
    content: '\f0da';
}
#jmi-landing .slick-arrow:before {
    color: #e1e1e1;
    font-family: FontAwesome;
    font-size: 60px;
}

#jmi-landing .fullWidth {
    overflow: auto;
    padding-bottom: 50px;
}

#jmi-landing .country-div {
    margin-top: 35px;
    text-align: center;
    padding-bottom: 0;
}

#jmi-landing .country-div p {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 25px;
    width: 85%;
    line-height: 1.4em;
}

#jmi-landing .country-div .fa-caret-down {
    bottom: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#jmi-landing .country-div .fa-caret-down:before {
    position: absolute;
    color: #f15b21;
    top: 50%;
    right: 28px;
    margin-top: -10px;
    font-size: 21px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#jmi-landing .select-div {
    font-size: 16px;
    position: relative;
    display: block;
    width: 335px;
    margin: 0 auto;
}

#jmi-landing .select-div .expand-button {
    cursor: pointer;
    display: block;
    padding: 16px 10px 20px;
    width: 100%;
    background: #f15b21;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    border: 3px solid #f15b21;
    border-bottom: none;
    border-radius: 40px;
}

#jmi-landing .select-div .expand-button.expand-button-up {
    border-radius: 40px 40px 0 0;
    background: #FFF;
    color: #f15b21;
}

#jmi-landing .select-div .icon {
    font-size: 14px;
    margin-left: 10px;
}

#jmi-landing .select-list {
    width: 335px;
    background: #FFF;
    top: 70px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    border: 3px solid #f15b21;
    border-top: none;
    border-radius: 0 0 40px 40px;
    padding-bottom: 32px;
}
#jmi-landing .select-list-container {
    overflow: auto;
}

#jmi-landing .select-list ul { max-height: 420px; }

#jmi-landing .select-list .tab-filter-menu-item {
    color: #f15b21;
    font-size: 24px;
    padding-left: 35px;
}

#jmi-landing .details-div {
    background-color: #f0f0f0;
    padding-top: 45px;
}

#jmi-landing .details-div .det-icon {
    width: 10%;
    margin-top: 80px;
}



#jmi-landing .details-div .det-text {
    width: 39%;
    margin-right: .5%;
}

#jmi-summary .text-truncate { max-width: 84%; }
#jmi-summary #top-sites .text-truncate, #jmi-summary #top-sites-shared .text-truncate { max-width: 100%; }

#jmi-landing .details-div .det-text h3 {
    margin-top: 80px;
}

#jmi-landing .footer-div {
    background-color: #e1e1e1;
    padding: 50px 25px;
}
#jmi-landing .footer-div .foot-text {
    margin-bottom: 22px;
}
#jmi-landing .footer-div .foot-text h4 {
    color: #585859;
    font-size: 30px;
}
#jmi-landing .footer-div .btn-orange {
    font-size: 21px;
}

#jmi-landing .features {
    width: 90%;
    margin: 55px auto 45px;
}

#jmi-landing .feature {
    width: 29%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top;
}

#jmi-landing .feature img {
    width: 65px;
}

#jmi-landing .feature h3 {
    margin-top: 20px;
    font-size: 1.8em;
    padding-bottom: 0;
}

#jmi-landing .feature h3:after {
    border-bottom: none;
}

#jmi-landing .feature p {
    font-size: 17px;
    margin: 5px 0 30px;
    width: 100%;
}

#jmi-landing .sites {
    padding: 15px 0;
    margin-top: 75px;
    background: #585859;
}

.sitesBottom{
    padding-top: 5px;
}

#jmi-landing .sites .site {
    display: inline-block;
    margin: 0 0.4%;
    width: 5.5%;
    position:relative;
}

#jmi-landing .sites .site.jobsite, #jmi-landing .sites .site.kalibrr { width: 4.5%; }
#jmi-landing .sites .site.elempleo, #jmi-landing #jmi-landing .sites .site.monster { width: 6%; }
#jmi-landing .sites .site.computrabajo { width: 7.5%; }
#jmi-landing .sites .site.stepstone, #jmi-landing .sites .site.occ { width: 6.2%; }
#jmi-landing .sites .site.manpower { width: 8%; top: -2px; }
#jmi-landing .sites .site.eurofirms { width: 6%; }

#jmi-landing .sites .site.elempleo { margin-right: 0.3%; }

#jmi-landing .sites .site.cvlibrary { top: -4px; }
#jmi-landing .sites .site.guardian, #jmi-landing .sites .site.kalibrr { top: -3px; }
#jmi-landing .sites .site.gi, #jmi-landing .sites .site.totaljobs, #jmi-landing .sites .site.occ, #jmi-landing .sites .site.career24 { top: -2px; }
#jmi-landing .sites .site.jobsite, #jmi-landing .sites .site.elempleo, #jmi-landing .sites .site.monster { top: -1px; }
#jmi-landing .sites .site.stepstone { top: 1px; }

#jmi-landing .sites .site.synergie { width: 2.8%; }
#jmi-landing .sites .site.gigroup { width: 5%; }


.box.box-summary-overview {
    min-height: 336px;
    padding: 16px 0px 45px 0px ;
    overflow: hidden;
}
.box.box-summary {
    min-height: 336px;
    padding: 15px 0;
    overflow: hidden;
}
.box.box-table-wrap {
    padding: 25px;
}

.box.box-grey {
    background: #f0f0f0;
}

.heading {
    margin-bottom: 20px;
}
.heading h2 {
    font-family:"bebas_neue_regularregular";
    font-size: 33px;
    color: #f15b21;
    float: left;
}

.box.box-summary p.time {
    float: right;
    margin: 5px 0 0 0;
    font-size: 13px;
    text-align: right;
    line-height: 16px;
    color: #585859;
}

#jmi-summary .available-markets {
    margin-right: 20px;
    min-width: 105px;
}
#jmi-summary .available-markets .expand-zone {
    z-index:101;
}

.box-1-of-2 {
    width: 49%;
}
.box-1-of-2.first,
.box-1-of-4.second {
    margin-right: 2%;
}

.box-1-of-4 {
    width: 24%;
}

.box-1-of-4.first {
    margin-right: 1%;
}

.box.box-summary .btn {
    margin-top: 20px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
    font-size: 16px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#jmi-summary .th-title {
    font-size: 16px;
}
#jmi-summary .th-small {
    font-size: 13px;
}
#jmi-summary .icon-info {
    font-size: 14px;
}
#jmi-summary .title2 {
    margin-bottom: 6px;
}

#period-map-custom{display: none;}
#colorbox #period-map-custom{display: block !important;}


.exact-filter-badges li { clear: none; margin: 0px 10px 0px 0px; display: inline-block; }

.offer-inspect-colorbox { width: 90vw; max-width: 1000px; }
.offer-inspect-detail { height: 80vh; max-height:600px;padding:20px; }
.offer-inspect-wrapper{ height:100%;max-height:580px;overflow:auto; }

.offer-inspect-detail {  }
.offer-detail-content { height: 80vh; padding:20px; }
.offer-inspect-detail-wrapper { height:100%; overflow:auto; } /* SINGLE */
.next-offer-inspect-detail { margin-right: 20px; }
.prev-offer-inspect-detail { margin-left: 20px; }


.offer-inspect-div{
    float:left;
}

.offer-inspect-section-title {
    font-weight: bold;
    margin-top:20px;
}

.posting-history{
    margin:20px 20px 0 0;
}

.posting-history li{
    border-bottom:1px solid #ccc;padding:10px 0px;
}

.posting-history li:last-child{
    border-bottom: none;
}

.posting-history li .site{
    margin-left: 18px;
}

/**more information**/
#more-information h3.lineBottom:after { border-bottom: 1px solid #585859; content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 25px; }
#more-information h3 { color: #585859; font-family: "bebas_neue_regularregular"; font-size: 25px; margin-top: 40px; padding-bottom: 20px; position: relative;}
#more-information h3.no-padding-bottom { padding-bottom: 0; }
#more-information .how { background: #e1e1e1; padding-top: 50px; }
#more-information .how h2 { color: #f15b21;text-transform: uppercase;font-family: 'bebas_neue_regularregular';font-size: 50px;min-width: 411px;margin-bottom: 70px; text-align: center; }
#more-information .row { padding: 30px 0; }
#more-information .row.one { position: relative; padding-top: 20px;}
#more-information .row.two { background-color: #C7C7C7; }
#more-information .row.three { background-color: #BDBDBE; }
#more-information .row.four { background-color: #B1B1B3; }
#more-information .row .text { margin-bottom: 0; display: flex; flex-direction: column; width: 49%; margin-right: 2%; float: left; }
#more-information .row.one .description { margin-top: 20px; }
#more-information .row .description { margin-bottom: 0; display: flex; flex-direction: column; margin-right: 0; width: 49%; float: left; }
#more-information .row .balloon-container { width: 49%; position: relative; top: -24px; }
#more-information .row .balloon { position: absolute; background-color: #f15b21; border-radius: 50%; padding: 19px 0 0; width: 120px; height: 120px; top: -7px; text-align: center; color: #fff; }
#more-information .row .balloon:after { content: ''; height: 470px; background-color: #f15b21; width: 2px; position: absolute; /*IE*/margin-left: 50%\0;}
#more-information .row .balloon p { line-height: 14px; text-transform: uppercase; font-size: 13px; font-weight: bold; padding-top: 4px; }
#more-information .row .text h3 { text-align: center; font-family: "bebas_neue_regularregular"; font-size: 25px; text-transform: uppercase; letter-spacing: 1px; }
#more-information .row.one .text h3 { margin-top: 24px; }
#more-information .row.two .text h3 { margin-top: 22px; }
#more-information .row.three .text h3 { margin-top: 20px; }
#more-information .row.four .text h3 { margin-top: 10px; }
#more-information .insights { background-color: #f15b21; }
#more-information .insights .main { padding-top: 70px; padding-bottom: 70px; }
#more-information .insights h2 { color: #fff; text-transform: uppercase; font-family: "bebas_neue_regularregular"; font-size: 50px; margin-bottom: 30px; text-align: center;}
#more-information .insights h2 small { display: block; font-size: 30px; line-height: 0.5em; }
#more-information .insights .column { width: 22%; margin-right: 3%; float: left;}
#more-information .insights h3 {color: #fff;}
#more-information .insights h3:after { border-bottom: 1px solid #fff; }
#more-information .insights p { color: #fff; text-align: left; /*margin-top: 20px;*/ }
#more-information .tools .main { padding-top: 70px; }
#more-information .tools h2 { text-align: center; color: #f15b21; text-transform: uppercase; font-family: "bebas_neue_regularregular"; font-size: 50px; margin-bottom: 30px; }
#more-information .tools .column, #more-information .bigdata .column { width: 49%; margin-right: 2%; float: left; margin-bottom: 50px; }
#more-information .tools .column-last, #more-information .bigdata .last-column { margin-right: 0; }
#more-information .tools .image, #more-information .bigdata .image { float: left; width: 20%; }
#more-information .tools .text, #more-information .bigdata .text { float:left; width: 73%; margin-right: 7%; padding-left: 10px; }
#more-information .tools .image .circle { margin-top: 0; background-color: #f0f0f0; padding: 21px;  width: 90px; height: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#more-information .tools h4 { color: #585859; text-align: left; font-family: "HelveticaNeue-Bold","Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; margin-bottom: 20px; }
#more-information .tools .box { background-color: #f0f0f0; min-height: 1px; margin-bottom: 0; padding: 25px; overflow: auto; }
#more-information .bigdata { margin-top: 70px; height: 1000px; }
#more-information .bigdata .main { position: relative; padding-top: 120px; }
#more-information .bigdata .circle { text-align: center; background: #585859; width: 280px; height: 280px; position: absolute; right: 25px; margin-top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#more-information .bigdata .circle p { color: #fff; font-weight: bold; margin-top: 50px; margin-bottom: 15px; font-size: 13px; line-height: 15px; }
#more-information .bigdata .circle p.lead { font-family: "bebas_neue_regularregular"; font-weight: normal; font-size: 22px; line-height: 26px; margin-top: 0; margin-bottom: 0; }
#more-information .bigdata h2 { color: #f15b21; text-transform: uppercase; font-family: "bebas_neue_regularregular"; text-align: center; font-size: 50px; margin-bottom: 30px; margin-top: 440px; }
#more-information .bigdata .column strong { color: #f15b21; }
#more-information .bigdata .image { text-align: center; }

/** OUR_SOLUTIONS **/
#our-solution .main-content { background: #FFF; }
#our-solution .main-content .fullWidth { padding-bottom: 0; }
#our-solution .main-content h2 { font-size: 50px; font-family: "bebas_neue_regularregular"; color: #f15b21; }
#our-solution .main-content h3 { font-family: "bebas_neue_regularregular"; margin-top: 40px; padding-bottom: 15px; }
#our-solution .main-content p { margin: 0; width: 100%; color: inherit; font-size: initial; line-height: 24px; }
#our-solution .main-content .clearfix { max-width: 1500px; margin: 0 auto; }
#our-solution .main-content .fullWidth .orange-background-wrapper { padding: 0; }
#our-solution .main-content .flex-columns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; }
#our-solution .main-content .flex-columns div { width: 45%; }
#our-solution .main-content .flex-columns div:first-of-type { margin-right: 6%; }
#our-solution .main-content h2.flex-columns-header { margin-bottom: 20px; }
#our-solution .main-content .flex-columns p { font-size: 18px; }
#our-solution .main-content .orange-background-wrapper { height: 860px; background: #F25A07; margin-top: 75px; }
#our-solution .main-content .orange-background-circles-wrap { position: relative; height: 100%; z-index: 0; overflow: hidden; min-width: 1185px; }
#our-solution .main-content .orange-circles-text-cols .main-white-circle h3 { color: #f15b21; text-align: center; font-size: 28px; margin-top: 25px; margin-bottom: 12px;
    padding-bottom: 0; line-height: 34px; }
#our-solution .main-content .main-white-circle h3:after { border-bottom: 0; }
#our-solution .main-content .orange-circles-text-cols .main-white-circle p { text-align: center; font-size: 14px; margin: 0 auto; width: 75%; line-height: 20px; color: #5A5A5A; }
#our-solution .main-content .main-white-circle h3 span { font-family: "bebas_neue_bold"; }
#our-solution .main-content .fullWidth .orange-background-wrapper { padding: 0; overflow: hidden; }
#our-solution .main-content .orange-circles-text-wrap { position: relative; color: white; padding-top: 30px; }
#our-solution .main-content .main-white-circle { position: absolute; right: -300px; bottom: -155px; width: 370px !important; height:370px; background: white; border-radius: 50%;
    z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
    -ms-flex-direction: column; flex-direction: column; padding: 52px 40px; }
#our-solution .main-content .second-background-circle { position: absolute; right: -300px; bottom: -155px; width: 370px !important; height:370px; background: #f4792b;
    border-radius: 50%; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); z-index: 9; }
#our-solution .main-content .third-background-circle { position: absolute; right: -300px; bottom: -155px; width: 370px !important; height:370px; background: #f26f28;
    border-radius: 50%; -webkit-transform: scale(4); -ms-transform: scale(4); transform: scale(4); z-index: 8; }
#our-solution .main-content .fourth-background-circle { position: absolute; right: -300px; bottom: -155px; width: 370px !important; height:370px; background: #f26518;
    border-radius: 50%; -webkit-transform: scale(7); -ms-transform: scale(7); transform: scale(7); z-index: 7; }
#our-solution .main-content .orange-circles-text-wrap h2 { color: white; position: relative; z-index: 100; }
#our-solution .main-content p.orange-circles-text-main-tagline { width: 100%; font-size: 18px; position: relative; z-index: 100; }
#our-solution .main-content .grey-background-div { background: #F0F0F0; padding-top: 40px; padding-bottom: 75px !important; }
#our-solution .main-content .flex-icons-row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-pack: justify;
    -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; }
#our-solution .main-content .flex-icon-row-item { text-align: center; max-width: 100px; -ms-flex-negative: 0; flex-shrink: 0; }
#our-solution .main-content .flex-icon-row-icon { width: 100px; height: 100px; background: white; border-radius: 50%; margin: 0 50px; }
#our-solution .main-content p.flex-icon-row-tagline { margin-top: 14px; font-size: 14px; font-weight: 600; line-height: 20px; }
#our-solution .main-content .orange-circles-text-cols { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
#our-solution .main-content .orange-circles-relative-parent { position: relative; }
#our-solution .main-content .orange-circles-text-cols div { margin-right: 35px; width: 33.3333333%; }
#our-solution .main-content .orange-circles-text-cols h3 { color: white; font-size: 28px; position: relative; z-index: 100; }
#our-solution .main-content .orange-circles-text-cols ul { list-style-position: inside; position: relative; z-index: 100; }
#our-solution .main-content .orange-circles-text-cols ul.inner-list { margin: 2px 0 13px 23px; }
#our-solution .main-content .orange-circles-text-cols ul.inner-list li { list-style-type: disc;}
#our-solution .main-content .orange-circles-text-cols ul li { list-style: none; font-size: 16px; }
#our-solution .main-content .orange-circles-text-cols ul li.list-header { margin-bottom: 5px; }
#our-solution .main-content .orange-circles-text-cols ul li.list-header-no-margin { margin-bottom: 0; }
#our-solution .main-content p.grey-background-div-main-tagline { font-size:18px; }

.legal-terms { display: table; }
.legal-terms input[type="checkbox"] { display: table-cell; position: relative; top: 4px; vertical-align: top; }
.legal-terms label { padding-left: 5px; font-size: 15px; display: table-cell; line-height: 1.3em; }
.legal-terms label a { color: #19649D; }

/** TOP QUESTIONS **/
#top-questions .main { background: #f0f0f0; }
#top-questions h2 { color: #f15b21;text-transform: uppercase;font-family: 'bebas_neue_regularregular';font-size: 55px; margin: 50px 0 30px; text-align: center; }
#top-questions h2 small { display: block; font-size: 35px; line-height: 1.3em; }
#top-questions .row { padding: 40px 5%; }
#top-questions .row.row2 { background: #E9E9E9; }
#top-questions .row.row3 { background: #E1E1E1; }
#top-questions .row .image { width: 20%; margin: 10px 30px; display: inline-block; vertical-align: middle; max-width: 280px; text-align: center; }
#top-questions .row .image img { width: 70px; }
#top-questions .row .image h3 { color: #f15b21; font-size: 22px; line-height: 24px; font-weight: bold; margin-top: 15px; }
#top-questions .row .text { display: inline-block; vertical-align: middle; margin-left: 5%; width: 65%; }
#top-questions .row ul { list-style-type: disc; }
#top-questions .row li { line-height: 28px; font-size: 18px; }
#top-questions .footer-div { background-color: #C9C9C9; padding: 35px 25px; }
#top-questions .footer-div .btn-orange { font-size: 21px; }


/* ==========================================================================
   DEBUG
   ========================================================================== */

.debug{color:#222;background-color:#ffecec;padding:15px;margin:0;clear:both;line-height: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.debug ul {padding:0;margin:5px 0px; list-style: disc;}
.debug ul li{margin:3px 20px!important; overflow:visible!important; padding:0!important;}
.debug ul li span.errorMessage{padding:0;margin:0;}
.debug .errorMessage {padding:0;margin:20px 0px; list-style: disc;}
.debug .errorMessage li{margin-left:20px!important; overflow:visible!important;}
.debug .errorMessage span{color:#c00;}
.debug h4{color:#777;font-size:14px;}


#debug_handler{
    margin:0;
    padding:3px 10px;
    background-color: #f8dbdb;
    font-size:12px;
    position: fixed;
    z-index: 10000;
    width: 100%;
}
#debug_handler a{color: #d95757!important; text-decoration: underline; }
#debug_handler h4{font-size: 14px;}
#debug_handler h4 a{text-decoration:none!important;}
#debug_handler .debug{margin-top:10px;margin-bottom:10px;}

.debug_information{
    margin:0;
    padding:3px 10px;
    background-color: #f8dbdb;
    font-size:12px;
    color: #d95757!important;
}

.table-debug { border-collapse: separate; border-spacing:1px; background-color: #dedede;margin:10px auto;	width: 100%!important;	text-align: left;}
.table-debug thead tr th, .table-debug .th{color: #58585A;background-color: #dedede;	border: 1px solid #FFF;	font-size: 8pt;	padding: 8px; font-weight: bold; }
.table-debug td {overflow:hidden; max-width: 195px; background:#FFF; border-radius: 5px 5px 5px 5px; color: #666; padding: 5px;	vertical-align: top; }
.table-debug li{padding:3px 5px;border-radius:5px;}
.table-debug .master{background-color:#eee;}
.table-debug .redtxt{color:#c00;}
.table-debug .duplicate{background-color: #f15c22; color: #fff;}
.table-debug .gray{background-color: #b0b0c0; color: #fff;}
.table-debug .duplicate .red{color:#c00;}
.table-debug .duplicate .green{color:#0c0;}
.bt1 {
    background-color:#f0f0f0;
    -webkit-appearance: none;
    display: inline-block; *display: inline;
    padding: 4px 12px;
    margin-bottom: 0; *margin-left: .3em;
    font-size: 14px;
    line-height: 20px; *line-height: 20px;
    color: #252526;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #D6D6D6; *border: 0;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bt1:hover{color: #252526;text-decoration: none;  background-color:#e3e3e3;}


/*hot-vacancies-wizard*/
.title2 .expand-button{font-size:16px;display:inline;margin-left:30px;}
.hot-vacancies-column{
    float:left;width:25%;min-height: 670px;
}

/*Market Overview for recruiters and the rest*/
.market-overview-box-recuriters {
    height:435px;
    position:relative;
}

.market-overview-box-recuriters-top-companies {
    height:385px;
    position:relative;
}

.market-overview-box-recuriters-without-payment-sites {
    height:385px;
    position:relative;
}

.market-overview-timeline-box-recuriters-without-payment-sites {
    padding-top: 8% !important;
    height:385px;
    position:relative;
}

.market-overview-box-recuriters #overview {
    position: absolute;
    top: 47%; left: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem;
}

.market-overview-box {
    height:350px;
    position:relative;
}


/*competitors-wizard*/
.competitors-site-column{
    margin:0 auto;width:50%;min-height: 200px;
}

.big-arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #777;
}

.big-arrow-right-hot-vacancies {
    border-top-width: 50px;
    border-bottom-width: 50px;
    border-left-width: 30px;
    position: absolute;
    margin-top: 260px;
}




.box .tableWrap {
    margin-left: -25px;
    margin-right: -25px;
    width: 100%;
    position: absolute;
}

.box .tableWrap th {
    color: #585859;
    padding: 10px 15px 10px 0;
    text-align: center;
    border-style: none none solid none;
    border-width: 3px;

}

.box .tableWrap td {
    text-align: right;
    padding: 15px 10px 15px 0;
    border-style: none none solid none;
    border-width: 2px;

}

.box .tableWrap th:last-of-type, .box .tableWrap td:last-of-type{padding-right: 0;}

.box .tableWrap tr {
    height: 30px;
}

.box .tableWrap td.item {
    text-align: left;
    color: #585859;
    padding-left: 18px;
}

.graph { min-height: 190px; }


.share-variation-cut-filter{opacity: 0.4; cursor: pointer;}
.share-variation-cut-filter .fa{padding-left:1px;}
.share-variation-cut-filter:hover, .share-variation-cut-filter.active{opacity: 1;}

.share-variation-cut-filter-div{
    z-index:1000; margin-top:30px; padding-bottom:10px;
}
.share-variation-cut-filter-div .button{
    font-size: 14px !important;
    padding: 9px 10px !important;
}

.faqs .question { margin-bottom: 0; margin-top: 10px; }
.faqs .answer { margin: 6px 0 0 8px; padding: 5px 10px; border-radius: 5px; display: inline-block; }
.faqs .title2{ margin: 25px 0 0; }
.faqs .title3 { margin: 15px 0 0; }
.faqs .title2 { text-transform: uppercase; }
.faqs .col2 { width: 47%; display: inline-block; vertical-align: top; }
.faqs .answer ul { list-style: disc outside; margin-left: 22px; }
.faqs .answer li { margin-top: 5px; }
.faqs .separator { margin-top: 25px; display: block; width: 85%; border-bottom: thin solid #DDD; }

.ul-inline li { display: inline-block; margin-right: 2%; vertical-align: top; }

.manage-users .email-container { width: 60%; }
.manage-users .email-container .email-params { padding-left: 5%; font-size: 0.9em; margin-top: 12px; }
.manage-users .email-container .email-params input[type=checkbox] { margin-right: 4px; }
.manage-users .email-container .email-params li:first-child { margin-right: 8%; }
.manage-users .submit-container .button { margin-top: 5px; }
.manage-users .jmi-export-link { display: table; }
.manage-users .cell .icon-arrow-down { margin-top: 5px; }
.manage-users .cell .icon-arrow-down, .manage-users .cell .icon-arrow-up { margin-left: 20px;}
.manage-users .filter-badge { margin-left: 6px; }
.manage-user-container { padding:20px; margin-bottom:20px; text-align: center; margin:0 auto;  }
.manage-users.manage-users-edit { width: 1000px; }
.manage-users.manage-users-new { width: 700px; }
.manage-users.manage-tracking, .manage-users.manage-users-edit { text-align: left; padding: 0 15px; }
.manage-users.manage-users-edit .email-container { width: 100%; }
.manage-users.manage-users-edit .email-container .email-params { padding-left: 10%; }
/* .manage-users.manage-users-edit .submit-container { margin-right: 0; float: right; }  */
.manage-users.manage-tracking { max-height: 650px; min-height: 200px; overflow-y: auto; overflow-x: hidden; margin-top: 15px; }
.manage-users.manage-tracking .title-container .title2 { display: inline-block; margin-top: 10px; }
.manage-users.manage-tracking .tracking-table { margin-top: 15px; }
.manage-users.manage-tracking .tracking-table p { font-weight: bold; display: inline-block; }
.manage-users.manage-tracking .tracking-table .box { padding: 6px 9px; font-size: 0.8em; font-weight: bold; margin-top: 5px; margin-bottom: 8px; }
.manage-users.manage-users-new .email-container, .manage-users.manage-users-new .role-container { width: 100% }
.manage-users.manage-users-new .permissions-container { width: 100%; }
.manage-users .submit-container { float: none; display: block; text-align: center; margin-top: 15px; }
.manage-users .th-title.single { display: inline-block; }
.manage-users th .cell-text-align-right { text-align: right; }
.manage-users .role-container, .manage-users .permissions-container { margin-top: 20px; }
.manage-users .role-container .title4, .manage-users .permissions-container .title4 { display: block; text-align: left; }
.manage-users .permissions-container .title4 { margin-bottom: 5px; }
.manage-users .role-container { width: 28%; }
.manage-users .permissions-container { width: 67%; }

.jcc-list-tab-items .expand-zone { min-width: 200px; }
.jcc-list-tab-items li.tab-filter-menu-item { padding: 0 7% 0 10%; }
.jcc-list-tab-items a.tab-filter-menu-item { padding: 0; }
.jcc-list-tab-items .text-truncate { top: 0;width: 100%; }

.jcc-add { padding:20px 0; }
.jcc-add .warn { font-size: 1.1em; }
.jcc-add form { padding:5px 20px; width:50%; margin:0 auto; }
.jcc-add .textfield { width: 100% !important; }

.assign-span { margin-left: 15px; font-size: 0.8em; }
.assign-span .icon-info { font-size: 14px; margin-left: 8px; }

.suggestion-autocomplete { color: #f15b21; font-weight: bold; }

.icon-container .icon { margin-right: 10px; }
.icon-container .icon:last-child { margin-right: 0; }
.icon-container .fa-stack { max-width: 18px; font-size: 1em; }
.icon-container .fa-stack i:first-child { margin-top: -3px; }
.icon-container .fa-stack i:last-child { margin-top: 9px; }

.field-checkbox-list input { margin-right: 6px; }
.field-checkbox-list label:after { content:"\A"; white-space:pre; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

/** ONLY FOR IE: Con este Media solo entran internet explorer,
				 de momento se utiliza para controlar la alineación de los elementos <li> dentro del <ul>
				 utilizado en el header como navegación	 **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .header-navigation-item {margin-bottom: -11px;}
}

@media only screen and (max-width: 1330px) {
    .filter-badge{padding:3px 5px;}
    .th-title {font-size: 16px;}
}

@media only screen and (max-width: 1280px) {
    .th-title {font-size: 14px;}
}

/** Se oculta el scheduleTraining del header con resoluciones de 1220 o inferiores **/
@media only screen and (max-width: 1220px) {
    #scheduleTraining { display: none; }
    .company-searcher-header { width: 26%; }
}

@media only screen and (max-width: 1215px) {
    td .responsive-cell { padding: 7px 14px 7px 5px; }
}

@media only screen and (max-width: 1210px) {
    .header-navigation-container { width: 50%; }
    .header-navigation-container.medium .header-navigation-item { margin-left: 4%; font-size: 15px; }
    .header-navigation-container.short .header-navigation-item { font-size: 13.5px; margin-left: 1%;}
}

@media only screen and (max-width: 1200px) {
    .responsive .th-small, .responsive .icon-info:before { font-size: 0.89em; }
    th .cell-left.responsive { margin-left: 7%; width: 83%; }
    .editable-update .text-truncate {max-width: 72%; width: 72%;}
}

@media only screen and (max-width: 1195px) {
    .big-arrow-right-hot-vacancies { border-left-width: 20px; }
}

@media only screen and (max-width: 1136px) {
    .tab-filter-new-item.auto5 .text-truncate.category { max-width: 29%; }
    .tab-filter-new-item.auto5 .text-truncate.location { max-width: 31%; }
    .tab-filter-new-item.auto5 .text-truncate.company { max-width: 27%; }
    .tab-filter-new-item.auto5 .text-truncate.title { max-width: 48%; }
    .tab-filter-new-item.auto5 .text-truncate.salary { max-width: 40%; }
    .tab-filter-new-item.auto4 .text-truncate.category { max-width: 43%; }
    .tab-filter-new-item.auto4 .text-truncate.location { max-width: 45%; }
    .tab-filter-new-item.auto4 .text-truncate.company { max-width: 42%; }
    .tab-filter-new-item.auto4 .text-truncate.title { max-width: 58%; }
    .tab-filter-new-item.auto3 .text-truncate.location { max-width: 59%; }
    .tab-filter-new-item.auto3 .text-truncate.company { max-width: 56%; }
    .tab-filter-new-item.auto3 .text-truncate.title { max-width: 69%; }
}

@media only screen and (max-width: 1124px) {
    .responsive .th-small { font-size: 0.83em; }
    .responsive .icon-info:before { font-size: 0.85em; }
    th .cell-left.responsive { margin-left: 5%; width: 85%; }
    th .cell-long .cell-left.responsive { margin-left: 0; width: 90%; }

    .quick-reports-item-anchor a:first-child { margin-right: 11%; }

    .cell-xxlarge-icons .text-truncate { max-width: 44%; }

    .col-40-raw { width: 46%; }
    .col-60-raw { width: 54%; }

}

@media only screen and (max-width: 1105px) {
    .header-navigation-container { width: 50%; }
    .big-arrow-right-hot-vacancies { border-left-width: 10px; }
}

@media only screen and (max-width: 1090px) {
    td .responsive-cell { padding: 7px 5% 7px 1%; }
    .header-navigation-container .header-navigation-item { margin-left: 2.5%; }
    .header-navigation-container.medium .header-navigation-item { margin-left: 2%; }
}

@media only screen and (max-width: 1055px) {
    .header-navigation-container { width: 50%; }
    .tab-filter-new-item.auto5 .text-truncate.category { max-width: 24%; }
    .tab-filter-new-item.auto5 .text-truncate.location { max-width: 27%; }
    .tab-filter-new-item.auto5 .text-truncate.company { max-width: 22%; }
    .tab-filter-new-item.auto5 .text-truncate.title { max-width: 43%; }
    .tab-filter-new-item.auto5 .text-truncate.salary { max-width: 36%; }
    .tab-filter-new-item.auto4 .text-truncate.category { max-width: 40%; }
    .tab-filter-new-item.auto4 .text-truncate.location { max-width: 42%; }
    .tab-filter-new-item.auto4 .text-truncate.company { max-width: 38%; }
    .tab-filter-new-item.auto4 .text-truncate.title { max-width: 53%; }
    .tab-filter-new-item.auto3 .text-truncate.location { max-width: 55%; }
    .tab-filter-new-item.auto3 .text-truncate.company { max-width: 53%; }
    .tab-filter-new-item.auto3 .text-truncate.title { max-width: 68%; }

    .editable-update .text-truncate {max-width: 72%; width: 72%;}

    .big-arrow-right-hot-vacancies { border-left-width: 0; }
    .header-navigation-container .header-navigation-item { margin-left: 1.5%; }
}

@media only screen and (max-width: 1012px) {
    .header-navigation-container.medium .btn, .header-navigation-container.medium .btn-orange { padding: 10px; }
    .header-navigation-container.short .header-navigation-item { font-size: 12px;}
}

/** all iPads (http://stephen.io/mediaqueries/) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .site-tag-div ul li {line-height: 33px;}
}

/* ==========================================================================
   Safari 7.1+
   ========================================================================== */
_::-webkit-full-page-media, _:future, :root .text-truncate { top: 0 !important; }
_::-webkit-full-page-media, _:future, :root td .cell.cell-truncate { padding-top: 7px; padding-bottom: 7px; }
_::-webkit-full-page-media, _:future, :root th .cell.cell-truncate { padding-top: 15px; padding-bottom: 15px; }


/* ==========================================================================
	Firefox
   ========================================================================== */
@-moz-document url-prefix() {
    td .cell.cell-truncate {
        /*** en FF se ve doble margin-bottom.. */
        padding-top: 5.7px;
        padding-bottom: 5.7px;
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.top-fixed {
    position: fixed;
    top: 0;
    margin-top: 0;
    z-index: 2;
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        color: #565656;
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/** checkbox toggle **/
/* checkbox itself */
input.fa-checkbox-toggle[type=checkbox] {
    display:none;
}

/* remember struts checkbox is followed with an input hidden containg the actual value
 * thats why we have to put + input + element */

/* for activating antialiaing for the font awasome icons we need to rotate the images 0.03degrees (JJ-14575) */

/* applying FontAwasome styles to the label, for use unicode icons on content */
/* with fontsize we can control the size of the content */
input.fa-checkbox-toggle[type=checkbox] + input + label:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0.03deg);
}

/* checked icon */
input.fa-checkbox-toggle[type=checkbox]:checked + input + label:before {
    font-family: FontAwesome;
    content: "\f205";
    opacity: 1.0;
    color: #f15b21;
    -webkit-transform: rotate(0.03deg);
    -moz-transform: rotate(0.03deg);
    -ms-transform: rotate(0.03deg);
    -o-transform: rotate(0.03deg);
    transform: rotate(0.03deg);
}

/* unchecked icon */
input.fa-checkbox-toggle[type=checkbox] + input + label:before {
    content: "\f205";
    opacity: 0.6;
    color: grey;
    /** scale does a mirror effect and rotate does the antialias too, using this method dosen't flip top and bottom **/
    -webkit-transform: rotate(0.03deg) scale(-1, 1);
    -moz-transform: rotate(0.03deg) scale(-1, 1);
    -ms-transform: rotate(0.03deg) scale(-1, 1);
    -o-transform: rotate(0.03deg) scale(-1, 1);
    transform: rotate(0.03deg) scale(-1, 1);
    margin-right: 5px;
}

.jcc-add-button::before {
    font-family: FontAwesome;
    content: "\f0fe  ";
    white-space: pre-wrap;
}

.jcc-search-button::before {
    font-family: FontAwesome;
    content: "\f002 ";
    white-space: pre-wrap;
}

.jcc-content-header-left .button{
    margin-top:10px;
    display:inline;
}

.list-two-columns {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-position: inside;
}

.list-two-columns li{
    margin: 0px 0 15px 0;
    clear: both;
}

.jmi-request-demo-form {
    width: 500px;
}

.preferred-days-slots-container .field-box.demo-request-days-slots-container {
    width: 50%;
    /* margin-left: 7%; */
}

.demo-request-days-slots-container .border-right {
    border-right: 1px solid #ddd;
}

.jmi-user-mails-textarea {
    height: 50px;
}

.offer-text-paragraph {
    padding-top: 20px;
}

.jmi-multi-dimension-export-warning {
    color: #ff6d00;
}

.saved-reports-left-container {
    width: 65%;
    float: left;
    vertical-align: text-top;
    display:table;
}

.saved-reports-left-item-image {
    display: inline-block;
    width: 5%;
    padding-right:15px;
    height: 100%;
    vertical-align: top;
    display:table-cell;
}

.saved-reports-left-item-title {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    display:table-cell;
    line-height: 1.3em;
}

.close-button-container {
    padding: 14px 70px;
    text-align: center;
}

/** JMI datepicker **/

.datepicker-jmi {
    cursor: pointer;
}

.calendar-table td.available {
    background: transparent;
}
.calendar-table th {
    background: transparent;
}

.daterangepicker.opensleft:before {
    right: 16px!important;
}

.daterangepicker.opensleft:after {
    right: 17px!important;
}

.daterangepicker .ranges {
    float: right!important;
    /** border-left: 1px solid #ddd!important; **/
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 0px solid #ddd!important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.right {
    border-right: 1px solid #ddd!important;
}

.datepicker-ranges-title {
    padding: 8px 12px;
    font-weight: bold;
    font-size: 14px;
    border-bottom-width: thin;
    border-bottom: 1px solid #ddd!important;
    /*  cursor: pointer; */
    /* margin-left: 17px;  cuidado linea */
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0px!important;
    width: 183px!important;
}

.datepicker-button-jmi {
    background-color: rgb(240, 94, 37);
    color: white;
    border: none;
    box-shadow: none;
    font-size: inherit;
    font-weight: normal;
    border-radius: 5px;
    padding: 10px 32px;
    cursor: pointer;
    margin-right: 0px;
}

.datepicker-button-jmi.datepicker-cancel-button-jmi {
    margin-right: 30px;
    background-color: #aaa;
}

.datepicker-textfield {
    display: inherit;
    margin-top: 7px;
    margin-bottom: 4px;
    border: 1px solid #8a8a8d;
    height: 35px;
    padding: 5px 10px!important;
    font-size: inherit;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.date-small {
    float: right;
    margin: 5px 0 0 0;
    font-size: 13px;
    text-align: right;
    line-height: 16px;
    color: #585859;
}

/**
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #fba105!important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
	background-color: #fff!important;
}


.daterangepicker td.in-range {

}
**/


.datepicker-messages {
    float: left;
    text-align: center;
    width: 55%;
    padding-top: 10px;
    padding-right: 0px!important;
}

.datepicker-buttons {
    float: right;
    text-align: right;
    width: 45%;
    padding-bottom: 7px;
}

/** /JMI datepicker **/

.jmi-alert-message {
    font-weight: bold;
}

.jmi-filter-container {
    width: 90%;
    margin: 0 auto;
}


/** Cookies consents */

.sui-TcfFirstLayer-title {
    font-size: 16px !important;
}

.sui-TcfFirstLayer-info p,
.sui-TcfSecondLayer-group,
.sui-TcfSecondLayer-groupDescription {
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.sui-TcfFirstLayer-logo {
    height: 32px !important;
}

@media (min-width: 600px) {
    .sui-TcfSecondLayer-logo {
        max-height: 32px !important;
    }
}

.sui-TcfSecondLayer-group-title,
.sui-TcfSecondLayer-groupHeader-title {
    font-weight: bold;
}

.sui-TcfSecondLayer-groupDescription p {
    font-size: 14px;
    margin-block-end: 15px;
}

.sui-AtomButton--primary.sui-AtomButton--solid {
    background: #f15c22 !important;
    border-color: #D3450D !important;
}

.sui-AtomSwitch--active .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer {
    background-color: #f15c22 !important;
    border-color: #D3450D !important;
}

.sui-AtomButton--primary.sui-AtomButton--flat:hover, .sui-AtomButton--primary.sui-AtomButton--outline:hover {
    background: #fbe7cb !important;
}

.sui-AtomButton--primary.sui-AtomButton--flat, .sui-AtomButton--primary.sui-AtomButton--outline {
    border-color: #D3450D !important;
    color: #D3450D !important;
}

.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
    color: #1F659B !important;
}

.sui-TcfSecondLayer-group-link {
    color: #1F659B !important;
}

.sui-TcfSecondLayer-group-texts .sui-AtomButton span {
    color: #1F659B !important;
}

.sui-TcfSecondLayer-main p {
    line-height: 20px;
}

.sui-TcfSecondLayer-groupDescription p strong {
    font-weight: 600;
}

.sui-MoleculeModal.is-MoleculeModal-open {
    z-index: 3000!important;
}

.header-navigation-container.logged {
    margin-top: 23px;
}

.pro-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.question-container {
    width: 30px;
}

.question-container:hover {
    opacity: .7;
}
.question-container:active {
    opacity: .7;
}

.pro-header li {
    /**
    vertical-align: top;
    **/
}

.jmi-form-job-boards-div {
    width: 700px;
}

/** Round checkbox **/
.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 19px;
    left: 0;
    position: absolute;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* left: 0; */
    /* right: 0; */
    /* text-align: center; */
    top: 0;
    width: 19px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #fff;
    border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
    content: "";
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    left: 3px;
    /** right: 0; **/
}
/** / Round checkbox **/

.flag-icon-pl.language-option {
    box-shadow: inset 0px 0px 2px rgb(0 0 0 / 50%);
}
.flag-icon-it.language-option {
    box-shadow: inset 0px 0px 2px rgb(0 0 0 / 50%);
}
.flag-icon-fr.language-option {
    box-shadow: inset 0px 0px 2px rgb(0 0 0 / 50%);
}
.flag-icon-en.language-option {
    box-shadow: inset 0px 0px 2px rgb(0 0 0 / 50%);
}

.img-rec-partner {
    width: 163px;
}

.margin-rec {
    margin-top: 16px;
    margin-right: 25px;
}

div#offerDetailContent .tab-util-item-left {
    padding-right: 5px;
    border-right-style: none;
}

.bottom-inspect-container {
    /*  padding-bottom: 10px; */
    position: fixed;
    bottom: 0;
    width: 100%;
    /* height: 50px; */
    background: white;
}

.main-content-offer-detail, .main-content-offer-detail .offer-detail-content, .main-content-offer-detail .offer-detail-inspect, .main-content-offer-detail .offer-detail  {
    height: 100%;
}

.offer-detail-content {
    padding-bottom: 100px;
}

.bottom-inspect-container .next-offer-inspect-detail {
    right: 0px;
    position: fixed;
}

.bottom-inspect-container .inspect-total-offers {
    position: absolute;
    padding-top: 10px;
    right: 55%;
}

.bottom-inspect-container .main-footer {
    justify-content: unset;
}

.bottom-inspect-container .main-footer .main-footer-navigation-right {
    right: 2%;
    position: fixed;
}

.bottom-inspect-content {
    padding-bottom: 10px;
}

.posting-row {
    width: 80%;
}

#suggestionBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    background-color: white;
    border: solid 2px;
    display: none;
}

#suggestionBox #cancelButton {
    border: 0 !important;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url("/img/sprite20.png") no-repeat 0 -2250px transparent;
    height: 32px;
    width: 32px;
    /*text-indent: -9999px;*/
}

th .location-select-options .icon-arrow-down {
    margin-top: -5px;
    margin-left: 5px;
}

th .location-select-options .icon-arrow-up {
    margin-top: -9px;
    margin-left: 5px;
}

.filter-title {
    float: left;
}

.filter-title-container {
    margin-top: 10px;
    width: 70%;
    float: right;
}

/*.location-level-container .tab-filter-menu-item:hover{*/
/*    background-color: #f0f0f0;*/
/*}*/

/*.location-level-container .tab-filter-menu {*/
/*    background-color: #e1e1e1;*/
/*}*/

.location-level-options {
    margin-top: 5px;
}

.jmi-message-info-product {
    margin-right: 0; margin-top: 0px; font-size: 18px;
    padding:8px 10px 8px 20px;
    color: #000000;
    background-color:#CDE6FF;
    border-color:#bce8f1;
    font-weight: normal;
}