html{-webkit-tap-highlight-color: transparent;height: 100%;font-family: "Open Sans", sans-serif;height: 100%;}
body{font-family: "Open Sans", sans-serif;font-size: 1em;line-height: 1.2;color: #424242;background-color: #F1F1F1;font-weight:300;overflow-x:hidden;overflow-y:scroll;height: 100%;}

h1{font-weight: 300;margin:0 0 20px 0;}
h2{font-weight: 300;}
h3{font-weight: 300;margin:0 0 10px 0;}
h4{font-weight: 300;}
h5{font-weight: 300;}
h6{font-weight: 300;}
p{font-weight: 300;}
li{font-weight: 300;}
a{text-decoration: none;}

.row.display-flex:before,.row.display-flex:after{content: normal;}

.no-margin{margin:0;}
.margin-right{margin-right: 5px;}
.margin-left{margin-left: 5px;}
.margin-top{margin-top: 5px;}
.margin-bottom{margin-bottom: 5px;}

/* filter */
.filter-box{padding: 15px;background-color: #FFF;margin-top: 10px;overflow: hidden;margin-bottom: 20px;clear: both;position: relative;top: 15px;}
.filter-box > h3{margin: 0 0 10px 0;}
.filter-box > div{display: block;margin-bottom: 10px;}

/*
COLOR
.blue-light{clor:#559FE3;}
.blue-dark{clor:#14548F;}
*/

.green{color:#009049;}
.red{color:#EF4836;}
.gray{color:#95A5A6;}

/* CARD */
.card {background-color: #FFF;border: 1px solid #FFF;border-radius: 0;display: block;margin-bottom: 10px;position: relative;flex:1;-webkit-flex: 1;width:100%;}
.card .table {margin-bottom: 0;}
.card .list-group {margin-bottom: 0;}

.card-title {margin-bottom: 5px;margin-top: 0;}
.card-subtitle {margin-bottom: 5px;margin-top: -2px;}
.card-text:last-child {margin-bottom: 0;}
.card-header {border-bottom: 1px solid #FFF;padding: 10px 15px;font-weight: 300;position: relative;}
.card-header:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.card-header:after {clear: both;}

.card-values{}
.card-values .p-x{padding-left: 10px!important;padding-right: 10px!important;}
.card-values .p-x .card-title{font-weight: 300;font-size: 24px;}

.card-body {padding: 15px;position: relative;}
.card-body:after {clear: both;}

.card-body h2{margin: 0;}

.card-footer {border-top: 1px solid #FFF;padding: 10px 15px;}
.card-footer:last-child {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.card-footer:after {clear: both;}

.card-img {border-radius: 0;}
.card-img-top {border-top-right-radius: 0;border-top-left-radius: 0;}
.card-img-bottom {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}

.card-thumbnail {background-color: #FFF;border: 3px solid #FFF;display: inline-block;height: auto;max-width: 100%;position: relative;z-index: 15;}
.card-thumbnail[class*="sq-"] {display: block;margin-left: auto;margin-right: auto;margin-top: -1em;}

.card .table {margin-bottom: 0;}
.card canvas {position: relative;display: block;width: 100%;height: 100%;}

.card.no-background{background-color: transparent;border:none;}
.card.no-background > .card-header{background-color: transparent;border:none;}
.card.no-background > .card-body{background-color: transparent;padding:0;}

/*GENERAL*/
#container{min-height:100%;position:relative;padding-bottom: 60px;}
#container > section{height:100%;padding-bottom: 60px;}
#container footer{bottom:0;width:100%;padding:20px 0;}

footer{padding:20px 0;text-align: center;color: #858b86;font-size: 11px;line-height: 1.2;position: absolute;bottom: 0;}
body.login-body footer{bottom: 0;position: fixed;width: 100%;padding:10px 0;}

section{min-height:500px;overflow: hidden;margin:20px 0;padding:0;}
.header:before{content: "";display: none;padding:0;}
header,section,footer{width:auto;}
header{height:56px;overflow: hidden;position: relative;z-index: 100;background: #FFF;display: block;box-shadow: 0 0 4px rgba(51,51,51,0.3);}
#logo{float:left;width:130px;height: 20px;position: relative;margin: 18px 0 18px 20px;background: url('../img/logo-s.png') no-repeat center center;background-size:cover;}

#admin-nav .topbar-right-box .topbar-client-name-container{display: none;}
#admin-nav.level-0 .topbar-right-box .topbar-client-name-container{display: block;}

#admin-nav .topbar-right-box{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;margin-right: 0;}
#admin-nav .topbar-right-box #admin-nav-logout{order: 2;flex: 1 0 100%;}
#admin-nav .topbar-right-box .topbar-client-name-container{order: 1;flex: 1 0 100%;}

#admin-nav .topbar-client-name-container,
#admin-nav .topbar-client-name-container .icon-user,
#admin-nav .topbar-client-name-container .topbar-client-name{cursor: default;}
#admin-nav .topbar-client-name-container:hover,
#admin-nav .topbar-client-name-container:hover .icon-user,
#admin-nav .topbar-client-name-container:hover .topbar-client-name{color: #999;}

#admin-nav .topbar-client-name-container .topbar-client-name{float: none;}

@media screen and (min-width: 768px) {
	/* #admin-nav .topbar-right-box #admin-nav-logout{order: 2;} */
	/* #admin-nav .topbar-right-box .topbar-client-name-container{order: 1;} */
	#admin-nav .topbar-right-box{float:right;flex: none;width: auto;}
	#admin-nav .topbar-right-box #admin-nav-logout,
	#admin-nav .topbar-right-box .topbar-client-name-container{flex: none;border-left: 0;}
	#admin-nav .topbar-client-name-container{float:right;font-size: 16px;line-height: 16px;border: 0;padding: 24px 5px 24px 5px;color: #999;margin-right: 10px;}
	#admin-nav .topbar-client-name-container{float:right;font-size: 16px;line-height: 16px;border: 0;padding: 24px 5px 24px 5px;color: #999;margin-right: 10px;}
	#admin-nav .topbar-client-name-container .icon-user{font-size: 14px;}
	#admin-nav .topbar-client-name-container .topbar-client-name{float: left;}
}

header #mobile-topbar-menu{margin:10px;display:block;float:right;color:#FFF;}


/* OVERLAY BTN */
#mobile-topbar-menu{position: absolute;top:5px;right:10px;display:block;cursor: pointer;width: 26px;height: 26px;
-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
#mobile-topbar-menu span{display: block; position: absolute; height: 4px; width: 100%; background: #999; border-radius: 2px; opacity: 1; left: 0;
-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#mobile-topbar-menu.open span{background: #999;}
#mobile-topbar-menu span:nth-child(1) { top: 2px; }
#mobile-topbar-menu span:nth-child(2),#mobile-topbar-menu span:nth-child(3) {  top: 10px;}
#mobile-topbar-menu span:nth-child(4) {  top: 18px;}
#mobile-topbar-menu.open span:nth-child(1) {  top: 10px;  width: 0%;left: 50%;}
#mobile-topbar-menu.open span:nth-child(2) {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
#mobile-topbar-menu.open span:nth-child(3) {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
#mobile-topbar-menu.open span:nth-child(4) {  top: 10px;  width: 0%;  left: 50%;}

#admin-nav{background:#FFF;margin:0;height:0;overflow: hidden;width:100%;box-shadow: 0 0 4px rgba(51,51,51,0.3);position: relative;z-index: 90;text-align:left;
-webkit-transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1);
-moz-transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1);
-o-transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1);
transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}

#admin-nav #logo-nav{display: none;}
#admin-nav a{text-decoration:none;display:block;font-size:14px;line-height: 20px;padding:20px 0 20px 18px;color:#858b86;border-bottom:1px solid #f1f1f1;margin:0;}
#admin-nav span{float:left;margin-right:10px;font-size:14px;line-height: 20px;font-weight: 300;text-transform:none;}
#admin-nav button:before{float:left;font-size: 14px;line-height: 20px;padding-top: 4px;margin-right: 10px;}
#admin-nav span.icon-truck{position: relative;top:-3px;}
#admin-nav a.selected, #admin-nav a.selected span{color:#27ae60;font-weight:400;}


/*VIEW*/
#page_base-view-box{padding:0 10px;}
.view-box{}
.view-nav{margin-bottom:20px;text-align: center;border-bottom: 1px solid #f1f1f1;padding:0 1px;}

.view-title{margin:10px 0 20px 0;text-align: left;border-bottom: 1px solid #f1f1f1;padding:0 1px;overflow: hidden;height: 36px;}
.view-title span.title{font-weight: 700;font-size: 20px;position: relative;top:5px;}
.view-title button{float:right;}


* {-webkit-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}


/* Login page */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.login{width: 100%;height: 100%;display: table;}
.login .login-body{display: table-cell;vertical-align: middle;background-color: #F1F1F1;}
.login .login-body .login-box{max-width: 320px;margin: 0 auto;padding: 0 20px;overflow: hidden;
	-webkit-animation-duration: 1s;
		animation-duration: 1s;
	-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
}

.login .login-body .login-box .title-center{margin-bottom:20px;}
.login .login-body .login-box .desc-check{font-size: 0.7em;line-height: 28px;}
.login .login-body .login-box #login-form .field.check{height: 36px;}

.login .login-body .login-box .title-center .navbar-brand{width: 234px;height: 80px;left:50%;position: relative;margin: 10px 0 15px;background-image: url('../img/logo.png');
	-webkit-transform: translate3d(-50%,0,0);
		-o-transform: translate3d(-50%,0,0);
			transform: translate3d(-50%,0,0);
}
.login .login-body .login-box #login-btn,.login .login-body .login-box #register-btn{width: 100%;}
.login .login-body .login-box #login-register{font-size: 13px;text-align: center;display: block;margin-top: 15px;}

/* MAIN VIEW */
#page_base-nav #p_campaigns-btn:before{content:"\e690";}
#page_base-nav #p_customers-btn:before{content:"\e71e";}
#page_base-nav #p_users-btn:before{content:"\e83a";}
#page_base-nav #settings-btn:before{content:"\e672";}

/* CAMPAIGN ROW */
/*
.campaigns-data-table .header .goals_num{width: 70px;padding-right: 10px;padding-left: 10px}
.campaigns-data-table .header .locked{width: 70px;padding-right: 10px;padding-left: 10px}
.campaigns-data-table .header .unit{width: 70px;padding-right: 10px;padding-left: 10px}
.campaigns-data-table .goals_num{text-align: center !important;}
.campaigns-data-table .unit{text-align: center !important;}
.campaigns-data-table .locked{text-align: center !important}
*/

.campaign-row-tpl .look{width: 20px;}
.campaign-row-tpl .look > span{color:#999;}
.campaign-row-tpl .look > span:hover{color:#14548F;}

.campaign-row-tpl .erase{width: 20px;}
.campaign-row-tpl .erase > span{color:#999;}
.campaign-row-tpl .erase > span:hover{color:#EF4836;}

/* CAMPAIGN VIEW */
#info_campaign-nav #campaign_details-btn:before{content:"\e92f";}
#info_campaign-nav #campaign_goals-btn:before{content:"\e630";}
#info_campaign-nav #campaign_clusters-btn:before{content:"\e755";}
#info_campaign-nav #campaign_pdf-btn:before{content:"\e712";}
#info_campaign-contract-field{max-height: 500px;}
#info_campaign-contract-field ul,
#info_campaign-contract-field ol{-webkit-padding-start: 40px;}

.card_pdf_page{margin-bottom: 30px;text-align: center;}
.card_pdf_page img{width: 100%;}

/*CAMPAIGNS_GOALS*/
.campaign_goals-data-table{}
.campaign_goals-data-table .card_code{width: 100px;}
.campaign_goals-data-table .control_code{width: 100px;}

/* CAMPAIGN CLUSTER VIEW */
#campaign_clusters-inserted-container{margin-bottom: 40px;}
#campaign_clusters-no_clusters{margin-bottom: 40px;}
#campaign_clusters-view-box p.small{font-size: 0.9em;margin-top: 0;color: #999;}
#campaign_clusters-inserted-container .cluster-row-tpl{padding: 10px;overflow: hidden;margin-bottom: 10px;background-color: #FFF;}
#campaign_clusters-inserted-container .cluster-row-tpl .cluster-row-tpl-go:hover{color:#14548F;}
#campaign_clusters-inserted-container .cluster-row-tpl .cluster-row-tpl-del:hover{color:#EF4836;}
#campaign_clusters-inserted-container .cluster-row-tpl .cluster-row-tpl-go,
#campaign_clusters-inserted-container .cluster-row-tpl .cluster-row-tpl-del{position: relative;top:3px; font-size: 16px;color:#999;}
#campaign_clusters-inserted-container .cluster-row-tpl .cluster-row-tpl-name{position: relative;bottom: 3px;margin-left: 10px;}
/*#campaign_clusters-inserted-container .cluster-row-tpl:last-child{margin-bottom: 0;}*/

#clusters_customers-admin1 button{width: 100%;}
#clusters_customers-admin2 button{width: 100%;}

.selected-switch{position: relative;top:-1px;display: inline-block;margin-left: 20px;margin-top: 10px;}
.selected-counter{display: inline-block;margin-top: 10px;}

/* CUSTOMERS VIEW */

/* IMPORT POPUP */
#import-pop-customers-uploader button{width: 100%;}
#import-pop-campaign-select.full-width button{width: 100%;}
#import-pop-campaign-select.full-width .std.menuButton .menuButton-content{max-width: calc(100% - 15px);margin-right:0px;}

/* CUSTOMER CLUSTER TPL */
.customers-data-table .password{width: 20px;}
.customer-cluster-row-tpl.hide-remove-btn .del-btn span{display: none;}
.customer-cluster-row-tpl .add{width: 20px;}

/* USERS TABLE */
.users-data-table .password{width: 20px;}

/* CLUSTER */
.selection-container{clear:both;text-align: center;}

/* CLUSTER VIEW CUSTOMERS TPL */
.customer-row-tpl .manual_goals{padding-right: 0}
.customer-row-tpl .manual_goals > span{border:2px solid green;}
.customer-row-tpl .manual_goals > span.manual-filter{border:2px solid orange;}

/* CLUSTER VIEW EDIT */
#info_cluster-view-box{margin-top: 20px;}
#info_cluster-name-campaign:hover{color:#559FE3;}
#info_cluster-nav #selected_customers-btn:before{content:"\e716";}
#info_cluster-nav #edit_cluster_customers-btn:before{content:"\e71f";}

#clusters_customers_edit-admin1 button{width:100%;}
#clusters_customers_edit-admin2 button{width:100%;}

/* LOOK CAMPAIGN */
#look_campaign-start-campaign button span.start-icon{top:1px;}
#look_campaign-charts-container{margin-top: 10px;}
.look_campaign-header-container{overflow: hidden;}

#campaign_customers-button-box button span.icon-cloud-download{font-size: 1.2em;line-height: 14px;top: 3px;}

.campaign_customers-data-table .customer-row-tpl .progress,td.progress{width: 100px;text-align: center;}
.campaign_customers-data-table .header .old_val{width: 95px;}
.campaign_customers-data-table .customer-row-tpl .old_val{text-align: center;}
.campaign_customers-data-table .customer-row-tpl .company_name{cursor: pointer;}

.look_campaign-header-container #look_campaign-clusters-select{margin-top: 10px;}
.look_campaign-header-container #look_campaign-clusters-select button{width: 100%;margin-bottom: 10px;}

.chart-container{position: relative;}
.chart-container.active{border: 1px solid #559FE3;}
.chart-container .cancel-chart-filter{position: absolute;top: 5px;right: 5px;display: none;color: #559FE3;z-index: 100;}
.chart-container.active .cancel-chart-filter{display: inline-block;}
.desc-chart{font-size: 0.8em;color: #999;}
#campaign_customers-table{margin-top: 20px;}

.customer-row-tpl .goals{width: 20px;}
.customer-row-tpl .signed{width: 20px;}
.customer-row-tpl .lastlogin{width: 20px;}

#contract-popup{max-height: 400px;}
#inner-contract-popup{height: 300px;}

/*
.campaign_customers-table-container .goal_num{width:110px;}
.campaign_customers-table-container .row-tpl .goal_num{text-align: center !important;}
*/
.campaign_customers-table-container .goal_first{width: 150px;}
/* .campaign_customers-table-container.no-first-goal .goal_first{display: none;} */

.popup .ok-text a{display: block;}

@media screen and (min-width: 480px){
	.popup .popup-body .popup-default-body.contract{max-height: 400px;}
	.popup .popup-body .popup-default-body.contract #contract-popup{max-height: 400px;}
	#inner-contract-popup{height: 300px;}
}
/* SIGNATURE */
.m-signature-pad {position: absolute;border: 1px solid #e8e8e8;background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;border-radius: 4px;top: 20px;left: 0;right: 0;bottom: 0;width: auto;height: auto;margin: 5%;}

.m-signature-pad:before, .m-signature-pad:after {position: absolute;z-index: -1;content: "";width: 40%;height: 10px;left: 20px;bottom: 10px;background: transparent;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
	-webkit-transform: skew(-3deg) rotate(-3deg);
	-moz-transform: skew(-3deg) rotate(-3deg);
	-ms-transform: skew(-3deg) rotate(-3deg);
	-o-transform: skew(-3deg) rotate(-3deg);
	transform: skew(-3deg) rotate(-3deg);
}

.m-signature-pad:after {left: auto;right: 20px;
	-webkit-transform: skew(3deg) rotate(3deg);
	-moz-transform: skew(3deg) rotate(3deg);
	-ms-transform: skew(3deg) rotate(3deg);
	-o-transform: skew(3deg) rotate(3deg);
	transform: skew(3deg) rotate(3deg);
}

.m-signature-pad--body {position: absolute;left: 20px;right: 20px;top: 20px;bottom: 80px;border: 1px solid #f4f4f4;}
.m-signature-pad--body canvas {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 4px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;}
.m-signature-pad--footer {position: absolute;left: 20px;right: 20px;bottom: 20px;height: 60px;}
.m-signature-pad--footer .description {color: #C3C3C3;text-align: center;font-size: 1.2em;margin-top: 1em;}
.m-signature-pad--footer .left, .m-signature-pad--footer .right {position: absolute;bottom: 0;}
.m-signature-pad--footer .left {left: 0;}
.m-signature-pad--footer .right {right: 0;}

.popup.full-screen .popup-outer{height:100%;}
.popup.full-screen .popup-outer .popup-content{width: 100%; height:100%;}
.popup.full-screen .popup-outer .popup-content .popup-body{width: 100%; height:100%;}
.popup.full-screen .popup-outer .popup-content .popup-body .popup-default-body{width: 100%; height:100%;max-height: 100%;}

/* GROUPS TABLE */
.group-row-tpl .name{width: 100px;}

#p_users-nav #users-btn:before{content:"\e83a";}
#p_users-nav #groups-btn:before{content:"\e726";}

/* CUSTOMER PAGE  */
.date_import{font-style: italic;font-size: 12px;display: block;margin-top: 2px;}

.sponsor-image{width: 100%;}

#p_report_campaign-view-box > .field{margin-bottom: 40px;}
#p_report_campaign-view-box > .field:last-child{margin-bottom: 0;}
.button-prize{background-color: #424242;color:#FFF;padding: 5px;
	-webkit-transition:background-color 0.2s;
		-moz-transition:background-color 0.2s;
			transition:background-color 0.2s;
}

.button-prize:hover{background: #559FE3;color: #fff;border-color: #fff;}
.button-prize:focus{background: #14548f;color: #fff;border-color: #fff;}

.period-container{font-size: 14px;}

.campaigns_customer-tooltip{}
.campaigns_customer-tooltip p{margin:0 0 4px 0;}
.campaigns_customer-tooltip p.title{font-weight: 400;max-width: 200px}
.campaigns_customer-tooltip .old-diff-space td:last-child{border-top: 1px solid #424242;padding-top: 10px;}
.std.tooltip.t, .std.tooltip.ttl, .std.tooltip.ttr{word-break: break-all;}
.std.tooltip .tooltip-box{white-space: normal !important;}

.brochure-customer{text-align: center;padding: 0;}
.brochure-customer img{width: 55%;}
.card .catalogo_as_goal{bottom: 0;position: absolute;width: 100%;}

/*SWIPER*/
.fullscreen-swiper-box{position: absolute;z-index: 10000;top:0;left: 0;right: 0;bottom:0;width: 100%;opacity: 0;background:rgba(39,34,29,0.8);
-webkit-transition: opacity 500ms;
    transition:  opacity 500ms;
}
.fullscreen-swiper-box.show{opacity: 1;}

.fullscreen-swiper-box .title{position: absolute;top:20px;left: 20px;right:60px;font-size: 15px;line-height: 1;color: #776e6d;z-index: 10;}
.fullscreen-swiper-box .footer{position: absolute;bottom:10px;right:20px;left: 20px;font-size: 15px;line-height: 1;color: #776e6d;z-index: 10;margin-left: 0;}
.fullscreen-swiper-box .close-btn{position: absolute;top:10px;right:10px;font-size: 15px;line-height: 1;color: #776e6d;padding:10px;cursor: pointer;z-index: 10;}
.fullscreen-swiper-box .close-btn:before{content:"\e935";font-family:'icon-core';font-size:15px;line-height:1;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;}

.fullscreen-swiper-box .footer{}
.fullscreen-swiper-box .footer .icon-pencil3,
.fullscreen-swiper-box .footer .icon-link2{cursor: pointer;color: #d4d4d4;
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.fullscreen-swiper-box .footer .icon-pencil3:hover{color: #27221d;}
.fullscreen-swiper-box .footer .icon-link2:hover{color: #27221d;}

#fullscreen-swiper{position: absolute;top:50%;left: 0;right: 0;z-index: 1;max-width: 100%;
max-height: 100%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
#fullscreen-swiper:before{content:' ';display: block;padding-top: 56.25%;}
#fullscreen-swiper .swiper-wrapper{position: absolute;top:0;left:0;width:100%;height: 100%;white-space: nowrap;}
#fullscreen-swiper .swiper-slide{background-color: #FFF;margin:0;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 100%;width: 100%;}

.fullscreen-swiper-box img{top:50%;left:50%;position: absolute;max-height:80%;max-width: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
    	transform: translate3d(-50%, -50%, 0);
}

.fullscreen-swiper-box img.top-bottom-space{max-height: calc(100% - 100px);max-width: 100%;}

@media screen and (max-width: 996px)  and (orientation: landscape) {
	body.login-body footer{position: static;width: 100%;padding:20px 0;}
}

@media screen and (max-width: 767px) {
	#admin-nav.level-0.show{height:120px;}
	#admin-nav.level-1.show{height:240px;}
	#admin-nav.level-2.show,
	#admin-nav.level-3.show{height:180px;}
	#admin-nav.show{height:240px;}
	
	#page_base-nav{}
	#page_base-nav .std.buttonNav{display: block;border-bottom: 1px solid #d4d4d4;width: 100%;padding: 15px;}
	.cp-header-inner{overflow: hidden;}
}

@media screen and (min-width: 768px) {
	body {font-size:1.2em;} 
	h1{font-size:1.5em;}
	h2{font-size:1.2em;}
  	h3{font-size:1.2em;}
	p,li{font-size:1.0em;}
    
    header{display: none;}
	.field.field-left{float:left;width: 50%;}
    .noMobile{display: inherit;}
        
    #admin-nav, #admin-nav.show{display: block;height:60px;text-align:right;margin-top:0;-webkit-transition-duration:0;-moz-transition-duration:0;-o-transition-duration:0;transition-duration:0;background: #FFF;box-shadow: 0 0 4px rgba(51,51,51,0.3);}
    #admin-nav-inner{width:750px;margin: 0 auto;position: relative;overflow: hidden;}
	#admin-nav-inner #page_base-nav{float: left;margin-top: 10px;}
    #admin-nav #logo-nav{display: block;width:117px;height: 40px;float:left;margin-right: 20px;background:url('../img/logo-s.png') no-repeat center center;background-size:cover;padding: 0;margin-top: 10px;}
    #admin-nav a{float:left;font-size:16px;line-height:16px;border:0;padding:24px 5px 24px 5px;color: #999;margin-right:10px;}
	#admin-nav a:nth-child(2){border-left:1px solid #434743;padding-left:20px;}
    #admin-nav a#admin-nav-logout{float:right;}
    #admin-nav span{float:left;margin-right:5px;font-size:16px;line-height:16px;}
	#admin-nav button:before{float:left;line-height: 20px;padding-top: 0;margin-right: 5px;}
    #admin-nav a:hover,#admin-nav a:hover span{color:#424242;}
    #admin-nav a.selected, #admin-nav a.selected span{color:#FFF;font-weight:400;}
    
    section{width:750px;margin:10px auto;}
	footer{padding:40px 0;}
	
	
	/*CAMPAIGNS_GOALS*/
	.campaign_goals-data-table{}
	.campaign_goals-data-table .card_code{width: 200px;}
	.campaign_goals-data-table .control_code{width: 200px;}

    /*VIEW*/
	#page_base-view-box{padding:20px 0 0 0;}
    .view-nav{text-align: left;}
	
	/* LOOK CAMPAIGN */
	.campaign_customers-data-table .customer-row-tpl .progress, td.progress{width: 200px;}
	.look_campaign-header-container #look_campaign-clusters-select{margin-top: 0;text-align: right;}
	.look_campaign-header-container #look_campaign-clusters-select button{width: auto;margin-left: 10px;}
	
	/* CLUSTER */
	.selection-container{text-align: right;}
	
	/* CUSTOMER TABLE */
	.customers-data-table .customer-row-tpl .company_name{width: 60%;}
	
	/* GROUPS TABLE */
	.group-row-tpl .name{width: 300px;}
	
	/* CUSTOMER PAGE */
	#p_report_campaign-view-box > .field{margin-bottom: 60px;}
	
	/* SWIPER */
	.fullscreen-swiper-box .title{font-size: 20px;}
	.fullscreen-swiper-box .footer{font-size: 20px;}
	.fullscreen-swiper-box .close-btn{font-size: 20px;}
	.fullscreen-swiper-box .close-btn:before{font-size:20px;}
}
@media screen and (min-width: 996px) { 
	header .cp-header-inner{width:960px;margin: 0 auto;}
	#admin-nav-inner{width:960px;margin: 0 auto;}
	
	section{width:960px;}
    
	/* GROUPS TABLE */
	.group-row-tpl .name{width: 400px;}
	
	/* SIGNATURE */
	.popup.full-screen .popup-outer{height:500px;}
	.popup.full-screen .popup-outer .popup-content{width: 700px;}
} 
@media screen and (min-width: 1240px) { 
	header .cp-header-inner{width:1200px;margin: 0 auto;}
	#admin-nav-inner{width:1200px;margin: 0 auto;}
	
	section{min-height:700px;width:1200px;}
	
	/* GROUPS TABLE */
	.group-row-tpl .name{width: 600px;}
	
	/* SIGNATURE */
	.popup.full-screen .popup-outer{height:700px;}
	.popup.full-screen .popup-outer .popup-content{width: 900px;}
}
@media screen and (min-width: 1360px) { 
	header .cp-header-inner{width:1340px;margin: 0 auto;}
	#admin-nav-inner{width:1340px;margin: 0 auto;}
	
	section{width:1340px;}
}
@media screen and (min-width: 1440px) { 
}
@media screen and (min-width: 1600px) { 
	header .cp-header-inner{width:1500px;margin: 0 auto;}
	#admin-nav-inner{width:1500px;margin: 0 auto;}
	
	section{width:1500px;}
}