body { font-family: 'Corbel'; margin: 0;}
.body-Frame-Center { background-color: #E9E9E9 !important; overflow-y: scroll; overflow-x:  hidden;}
.divRelative { position: relative; float: left; height: auto !important; height: 10px; min-height: 10px; width: 100%;}

/*menu Settings*/
.settings { font-family: 'CorbelBold'; font-size: 12px; color: #818181; border-top: solid 0px; text-align: left; top: 25px; right: -1px !important; z-index: 1000000000000;}
.settings li a { padding-left: 12px;}
.settingsHeader { background-color: #55BCD3; padding-left: 12px; margin-top: -5px; color: #fff;}
.settings .divider { background-color: #029bbc; margin: 0;}
.settings .divider-list { background-color: #E9E9E9; height: 1px; line-height:1px;}
.settings li a:hover { color: #55BCD3;}

.settings .liActive {color: #FFF !important; background-color: #029bbc !important;}
/*********************************************************************************************************************/


/*
Modals con el nuevo diseño
*/

#mdltitle { color: #fff; font-family: 'CorbelBold'; width: 80%; padding-left: 5px; font-size: 12px;}
.headModal { background-color: #55BCD3; line-height: 20px; padding: 5px; margin-bottom: 15px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.box-modal { background-color: #fff !important; padding: 0; background-clip: padding-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);}
.contentMdl { padding: 10px; font-size: 12px;}
.contentMdlItems { padding: 10px;}
.closeMdl { position: relative; float: right; top: 0px;}
.box-info { background-color: #fff !important; padding: 0;}

/*overlay modals*/

#divOverlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; background-color: #000; z-index: 1001; filter:alpha(opacity=40); opacity: 0.40; moz-opacity: 0.40; }
* html #divOverlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#divOverlayAlerts {  position: fixed; top: 0px; left: 0px; height:100%; width:100%; background-color: #000; z-index: 1002; filter:alpha(opacity=50);  opacity: 0.50; moz-opacity: 0.50; }
* html #divOverlayAlerts { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*
**********************************************************************************************************************/

.ulValidation { padding: 10px 10px 0 0; list-style: none;}

/*
Posicionamiento
**********************************************************************************************************************/
.aRight { text-align: right;}
.aLeft { text-align: left;}
.aCenter { text-align: center;}
.fRight { float: right;}
.bold { font-weight: bold !important;}
.white { color: #fff;}
.full { width: 95% !important; }
.wAuto { width: auto !important;}
button { z-index: 1;}
.pad-left-10px { padding-left: 10px !important;}
.mar-left-10px { margin-left: 10px;}
.mar-top-5px { margin-top: 5px;}

/*
**********************************************************************************************************************/
#loadingPage {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background-color: #000;
  z-index: 10000000001;
  filter:alpha(opacity=50);
  opacity: 0.50;
  moz-opacity: 0.50; 
  text-align: center; 
}
#loadingPage img { position: relative; top: 100px;}
* html .loadingPage { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/***********************************************************************************************************************/


/*
Login
*/
.loginBody { background-color: #008fd5; margin: 0;}

.wrapper-login { margin:0 auto; text-align:left; width: 1220px; position:relative;}
.footLogin { width: 100%; position: relative; float: left; background-color: #44c4dd; height: 39px; line-height: 39px; color: #fff;}
/*.footLogin >div { line-height: 39px; margin-left: 20px; font-size: 11px; }*/
.footLogin >div { line-height: 39px; font-size: 11px; }
.detailBackground { background-color: #fff; filter:alpha(opacity=50); opacity: 0.50; moz-opacity: 0.50; height: 88px; position: absolute; top: 0; left: 0; z-index: 0;  width: 100%; }
.headLogin { width: 100%; height: 88px; position: absolute; top: 0; left: 0; z-index: 10;}
.loginPage { width: 1225px; height: 576px; background-image: url('../images/login/mapa.jpg'); z-index: 1; background-repeat: no-repeat;}
.login-center {background-color: #fff;}
@-moz-document url-prefix() {
    .login-center { top: -20px;}
}
.headLogo { margin: 11px 0 0 66px; width: 350px; }
.contentHeaderLogin { z-index: 3; background-color: #fff;}
.loginForm { float: right; position: relative; right: 83px; top: 300px; width: 271px; height: 241px; background-color: #fff; border: solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: solid 1px #44c4dc; padding: 5px 10px 0 10px;}
.devicesLine { width: 100%; height: 169px; background-color: #008fd5; position: relative; float: left; line-height: 169px;}
.clientLogo { width: 152px; height: 50px; overflow: hidden; margin: 5px 0 0 5px;}
.clientLogoCountry { width: 82px; margin: 5px 0 0 10px; }
#img_cliente_inferior { width: 76px; top: 15px;}
.loginFormInputs { padding: 10px; margin-top: 0px;}
/*.loginLine { margin-top: 10px;}*/
.inputLogon { height: 25px !important; line-height: 14px; font-size: 14px;}
.btn-logon { padding-left: 25px; padding-right: 25px;}
.deviceLeft { width: 436px; height: 653px; position: absolute; top: -484px; left: 0; background-image: url('../images/login/detail_tablet.png'); }
.deviceText { margin-left: 354px; width: 384px; color: #fff; line-height: 20px; margin-top: 31px; font-size: 18px;  font-family: 'Corbel';}
.devices { background-image: url('../images/login/devices.png'); width: 313px; height: 117px; right: 110px; height: 117px; min-height: 117px; float: right; margin-top: 17px;}
.legales { margin-left: 66px; width: 90%; }
.error { color: Red;}
.hide { display: none;}
/********************************************************************************************************************************/

@media (max-width: 1024px)
{
 .wrapper-login { width: 1024px;}   
 .loginPage { width: 1024px;}
 .deviceText { margin-left: 354px; width: 220px; margin-top: 10px; font-size: 16px; } 
 .devices { right: 50px;}
}

/*
Notifications
*/

.img-over { cursor: pointer;}
.noReaded a { color: #55BCD3;}

.notifications  
{    
    width: 285px;
    top: 23px;
    min-height: 280px;    
}
.notifications li { border-bottom: solid 1px #d5d5d5;}

.lNotificacion { min-height: 45px;}
.lNotificacion a 
{
    min-height: 45px;
}
.notificationText { width: 190px; margin-right: 10px;}
.notificationOnlyText { width: 90%; margin-right: 10px;}
.notificationImg { width: 45px; }
.notificationImg img { max-width: 45px; max-height: 45px; border: solid 1px #767677;}
.notificationCircle { width: 9px; margin-left: 4px; background-image: url('../images/notifications/circle.png'); background-repeat: no-repeat; }
.notificationsContent { height: 250px;}
.newNotifications 
{
    position: absolute;
    min-width: 18px;
    top: -7px;
    left: 9px;
    background-color: #fb6116;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	color: #fff; 
	font-size: 12px;
	line-height: 12px;
	height: 16px;   
	text-align: center;
}

#notificationsContent { list-style: none; padding: 0px;}
#notificationsContent li { padding: 5px 0px 5px 10px; position: relative; float: left; width: 100%; line-height: 16px;}

#notificationsContent li { text-decoration: none; color: #818181; position: relative; float: left;}
#notificationsContent li a { text-decoration: underline; color: #55BCD3; padding-left: 0;}
#notificationsContent li:hover { text-decoration: none; color: #55BCD3; background-color: #F5F5F5 !important;}
/*#notificationsContent li:hover { text-decoration: none; background-color: #F5F5F5 !important;}*/



/*
footer
*/
.foot  
{
    border: 0 solid;
    float: left;
    height: 34px;
    line-height: 34px;
    min-height: 34px;
    position: relative;
    width: 100%;    
}



/*
gral pages
*/
.wrapper {
	width: 88.5%;
	max-width: 1000px;
	min-width: 800px;
	margin-left: 82px;		
	margin-top: 0px;
}
.icmkt-page-content{background-color: #e9e9e9; padding-bottom: 13px;}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    .icmkt-page-content{ padding-bottom: 21px;}    
}
.icmkt-content 
{
    background-color: #f0ecec;
    width: 100%;
	max-width: 900px;
	min-width: 800px;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;		
	padding-left: 48px;	
}
.icomkt-page-title { height: 65px; position: relative; width: 100%; text-align: left; margin: 0; margin-left: 9px; }
.icomkt-page-title span { color: #55bcd3; font-size: 30px; font-weight: normal; line-height: 65px; font-family: 'Corbel';}
.icmkt-Page 
{
    width: 100%;
    background-color: #fff;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	border: solid 1px #d7d7d7;
	padding: 27px 9px 27px 9px;
}

/*
inputs de los formularios
*/
.form-line input, .form-line select { height: 25px; font-size: 12px; line-height: 12px; padding: 3px 10px !important;}
.form-input-large { width: 255px !important;}
.form-input-general{ width: 50%;}
.form-input-mid { width: 225px !important;}
.form-input input[type="checkbox"]{ margin-top: 0px;}
.form-input-small{ width: 95px;}
.form-input-bigger { width: 340px;}
.form-input-sm { width: 110px !important;}
.form-input-alone { width: 300px !important;}
.form-input-news { width: 336px !important;}
.form-input-multisubject { width: 237px !important;}
.form-input-file{ width: 180px !important;}
.form-input-file-content{ width: 190px !important;}
.form-input-field{ width: 105px !important;}
.form-input-condition{ width: 130px !important;}
.btn-icommkt { padding: 3px 20px; font-size: 12px; background-color: #f4f4f4; color: #000; border-color: #babbb4;}
/*.btn-icommkt:hover {background-color: #babbb4;border-color: #babbb4;}*/
.btn-icommkt:hover {background-color: #55BCD3 !important;border-color: #55BCD3 !important; color: #fff;}
.btn-icommkt a { text-decoration: none; color: #000;}
.btn-small { padding: 1px 10px !important;}
.btn-icommkt-news { padding: 1px 20px; font-size: 12px;text-transform: uppercase; font-weight: bold;}
.btn-help { background-color: #f4f4f4; text-transform: uppercase; font-size: 12px !important; padding: 3px 8px !important; color: #000; border-color: #babbb4;}
/*.btn-icommkt:hover {background-color: #babbb4;border-color: #babbb4;}*/
.btn-help:hover {background-color: #55BCD3 !important;border-color: #55BCD3 !important; color: #fff;}
.btn-help a { text-decoration: none; color: #000;}



.combo-form-full { width: 340px !important;}
.combo-form-only { width: 360px;}
.combo-form-small { width: 55px;}
.combo-form-middle { width: 220px !important;}
.combo-form-full-extra { width: 363px !important;}
.combo-form-full-virtual { width: 416px !important;}
.result-form { width: 406px !important; text-align: left;}
.result-statistics { width: 465px !important;}
.result-statistics-deliveries { width: 310px !important;}
.result-info { width: 105px !important; margin-right: 5px; }
.result-info label { text-align: center;}
.result-info-value { border-right: solid 1px #babbb4; color: #323233; font-size: 32px; text-align: center;}
.result-info-value.last { border-right: solid 0px;}
.statistics-ratio { font-size: 20px; color: #878787; }
.form-title { color: #000; font-size: 14px; font-weight: bold;}
.form-subtitle { color: #5d5c5c; font-size: 12px;font-weight: bold; }

.form-line { margin-bottom: 5px; border: solid 0px;}
.form-label { width: 85px !important; line-height: 20px;}
.form-label-big { width: 105px !important; line-height: 20px;}
.form-label-mid{ width: 85px !important; line-height: 20px;}
.form-label-medium{ width: 75px !important;}
.form-label-bigger { width: 125px !important; line-height: 20px;}
.form-input { width: 90px !important;}
.form-hightlight { color: #232323; font-size: 13px; font-weight: 500;}
.itmFilter { margin-bottom: 10px; width: 33%;}
.form-separador { width: 10px !important;}
.form-line div label { position: relative; float: left; width: 60px; border: solid 0px; margin-right: 5px;}
.form-input-chekcs { width: 152px !important; top: -2px;}
.form-input-chekc-only { width: 20px !important; top: -2px;}
label { font-size: 12px; color: #97938e; font-weight: normal; line-height: 25px;padding: 0 !important;}
.label { font-size: 12px; color: #97938e; font-weight: normal; line-height: 25px; padding: 0 !important;}
.label-sub-section { font-size: 11px;}
.labelFull { position: relative; float: left; width: 100%}
.label-icommkt { color: #55bcd3;}
.form-date { width: 80px !important;}
.form-highlight { color: #9b52a0;}

.itemsOptions { width: auto; margin-left: 10px; float: right;}
.GridOptions, .GridOptions a { color: #767677; text-decoration: underline; font-size: 12px; cursor: pointer;}
.GridOptions:hover { color: #009bbd} 
.GridOptions.icon { position: relative; float: left; margin-top: 8px !important;}
.desplegable {background-image: url('../images/icon/option_desplegable.png'); background-position: right center; background-repeat: no-repeat; padding-right: 15px;}
.desplegable:hover {background-image: url('../images/icon/option_desplegable_on.png');}

.percentField, .timeField, .daysField { margin-left: 5px; line-height: 30px;}
.cPointer { cursor: pointer;}
.input-small { height: 25px !important; font-size: 12px !important; line-height: 12px !important; padding: 2px 10px;} 

.form-buttons { float: right; text-align: right; width: 90%; right: 11%;}
/*
Separadores
********************************************************************************************/
.d5px { line-height: 5px !important; height: 5px !important; min-height: 5px !important;}
.d40px { line-height: 40px; height: 40px; min-height: 40px;}
.d20px { line-height: 20px; height: 20px; min-height: 20px;}

.sGris  { line-height: 1px; height: 1px; min-height: 1px; background-color: #babbb4; margin: 20px 0 20px 0;}
.sGrisNews  { line-height: 1px; height: 1px; min-height: 1px; background-color: #dedede;}

/***********************************************************************************/
/*
DatePicker*/
.datepicker.dropdown-menu {
  font-family: 'Corbel' !important;
  font-size: 12px !important;  
}
.day.active {  background-color: #767677 !important; background-image: none !important;}
.datepicker-switch, .dow, .next, .prev, .today { color: #767677 !important;}
.datepicker-switch:hover, .dow:hover, .next:hover, .prev:hover, .today:hover { color: #fff !important; background-color: #55BCD3 !important;}
.day.active.today { color: #fff !important;}


/*Loading*/

#loadingPage span { font-size:30px; color: #03EEDB;position:absolute;top:50%;left:50%;}
* html #loadingPage { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*******************************************/



/*Listados mails sent-bounces, etc*/
.tab-mail-list { border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.lblTipoListado { position: relative; float: left; width: 80px;}


/*
multiselect
*/
/*.ui-widget-content  
{
    background-image: none !important;
    background-color: #fff;
    border: solid 1px #ddd !important;
}*/

/*.icommkt-multiselect { background-color: #fff !important; border: solid 1px;}*/
button.icommkt-multiselect { border: solid 1px #ddd !important;}
.icommkt-multiselect ul{ background-color: #fff !important; border: solid 1px #ddd; padding: 5px;}
.icommkt-multiselect ul checkbox { margin-right: 5px !important;}
.icommkt-multiselect ul .ui-corner-all { -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; padding: 5px;}
.icommkt-multiselect ul .ui-state-hover { background-color: #F5F5F5 !important; color: #55C5E4 !important; border: solid 1px  transparent !important; cursor: pointer;}
.icommkt-multiselect ul span {padding: 5px;}



.addFilter { top: 18px !important; border-top: solid 1px #ddd !important;}


/*
dropdown-sub-menu 
*/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}    
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu:hover ul {
    display: block;   
}
.second-level ul.next-level { display: none;}
.second-level:hover ul.next-level {
    display: block;   
}
/*.drop-details:hover ul {
    display: block !important;   
}*/


.ui-jqgrid tr.jqgrow td.drop-details, .drop-details { width: 40px !important;}
.drop-details ul { min-width: 280px;}
.drop-details.extra-info ul { min-width: 450px !important;}
.drop-details ul li { padding-left: 5px; padding-right: 5px;}
.drop-details .divider { background-color: #029bbc; margin: 0;}


.details { min-width: 380px;}
.details li { padding-left: 5px !important; padding-right: 5px !important;}
.details .divider { background-color: #029bbc !important; margin: 0;}
.details .divider-list { background-color: #97938e !important; margin: 0; line-height: 1px; height: 1px; min-height: 1px; margin-top: 10px; margin-bottom: 10px; position: relative; float: left; width: 100%; }
.provider { font-size: 12px; color: #97938e;}

.provider-quantity { font-size: 12px; color: #55BCD3;}
#divDetailItems { position: absolute; height: 150px; width: 450px;}
#liDetails { position: relative; width: 380px; padding: 0 10px 0 0;}
#liDetails li { padding-left: 5px !important; padding-right: 5px !important; width: 100%; list-style: none;}
.details .slimScrollDiv { float: left;}
/*.details { max-height: 250px; overflow: hidden;}*/
/******************************************************************************************/
#resultStatistics { margin-top: 25px;}.textTitle { text-transform: capitalize;}


/*
Create Newsletter
******************************************************************************************/
.newsletter-box 
{
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    width: 150px;
    height: 202px;
    background-color: #f0ecec;    
    text-align: center;
    border: solid 1px transparent;
    cursor: pointer;  
      
}
.newsletter-box:hover , .newsletter-box.active 
{
    border: solid 1px #44c4dc !important;
    outline:medium none;		
	-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
	box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}

.newsletter-box-assign { margin-right: 20px;}
.newsletter-box-check 
{
    width: 50px;
    height: 50px;
    background-image: url('../images/icon/check.png');        
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}
.newsletter-box-uncheck 
{
    width: 50px;
    height: 50px;
    background-image: url('../images/icon/error.png');        
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}
/*.newsletter-box:hover 
{
    border: solid 1px #44c4dc;
        outline:medium none;		
	-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
	box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}*/


.newsletter-box img 
{
          
     max-width: 118px;
     max-height: 150px;
     min-height: 150px;
     /*border: solid 1px #d0d0d0;      */
     margin-top: 7px;
}
.newsletter-box.FROM_TEMPLATE img {margin-top: 25px !important;}
.newsletter-box label { font-size: 10px !important;}
.newsletter-buttons { position: absolute; top: 5px; width: 150px; text-align: left; height: 25px; display: none; left: 5px;}
.carousel-Container { max-height: 225px; width: 100%; position: relative; float: left; overflow: hidden;}
.wrapper-buttons { margin:0 auto; text-align:left; width: 100px; position:relative;}
.content-news-selected { width: 350px;}
.content-news-button { width:105px; height: 175px; min-height: 175px;}

.newsletter-box:hover  .newsletter-buttons {
    display:  block;
}
.news-content table { background-color: #fff; }
.news-content >div { width: 80% !important;}

.oblig { color: #9b52a0 !important;}

.newsletter-box.news { height: 235px !important;}

/*
iconos.
**********************************************************************/
.icommkt-icon { position: relative; float: left;}
.ui-icon-seek-next { cursor: pointer;}
.ui-icon-seek-prev { cursor: pointer;}
.icommkt-icon-check { background-image: url('../images/icon/check.png'); width: 24px; height: 24px;}
.icommkt-icon-error { background-image: url('../images/icon/error.png'); width: 24px; height: 24px;}
.icommkt-icon-plus-small { background-image: url('../images/icon/plus.png'); width: 13px; height: 13px;}
.icommkt-icon-minus-small { background-image: url('../images/icon/minus.png'); width: 13px; height: 13px;}

/*Grilla Newsletters*/
.mkt-icon-news  
{
    background-image: url('../images/icon/icon-news.png'); 
    background-repeat: no-repeat;
    float: left;
    height: 17px;
    position: relative;    
    width: 20px;
    cursor: pointer;
    padding: 0px;
    margin-right: 0px;        
}
.mkt-icon-news:hover { background-image: url('../images/icon/icon-news_on.png'); }

/*.mkt-icon-draft { background-position: 0px 0px; }*/
.mkt-icon-draft { background-position: -336px 0px; }
.mkt-icon-approved {background-position: -319px 0px;}
/*.mkt-icon-approved {background-position: -22px 0px;}*/
.mkt-icon-approve {background-position: -46px 0px;}
.mkt-icon-reject {background-position: -67px 0px;}

.mkt-icon-update { background-position: -87px 0px;}
.mkt-icon-url { background-position: -111px 0px;}
.mkt-icon-delete { background-position: -133px 0px;}
.mkt-icon-view { background-position: -153px 0px;}
.mkt-icon-copy { background-position: -176px 0px;}
.mkt-icon-label { background-position: -201px 0px;}
.mkt-icon-qr { background-position: -227px 0px;}
.mkt-icon-abort { background-position: -251px 0px;}
.mkt-icon-Aborted { background-position: -267px 0px;}
.mkt-icon-In-progress { background-position: -284px 0px;}
.mkt-icon-done {background-position: -319px 0px;}
.mkt-icon-pending {background-position: -302px 0px;}

.mkt-icon-contact-active {background-position: -355px 0px;}
.mkt-icon-contact-unsuscribed {background-position: -368px 0px;}
.mkt-icon-contact-rejected {background-position: -382px 0px;}

.non-active {filter:alpha(opacity=50); opacity: 0.50; moz-opacity: 0.50; }
.mkt-icon-news.non-active:hover { background-image: url('../images/icon/icon-news.png') !important; cursor: default; }

.mkt-icon-edit 
{
    background-image: url('../images/icon/edit.png');
    background-repeat: no-repeat;
    float: left;
    height: 14px;
    position: relative;    
    width: 20px;
    min-width: 25px;
    min-height: 25px;
    cursor: pointer;
    padding: 5px;
}
.mkt-icon-edit:hover {background-image: url('../images/icon/edit_on.png');}

.Symbol-icon 
{
    background-image: url('../images/icon/symbols_on.png');
    background-repeat: no-repeat;
    float: left;
    height: 14px;
    position: relative;    
    width: 20px;
    min-width: 25px;
    min-height: 25px;
    cursor: pointer;
    padding: 5px;    
}
.Symbol-icon:hover 
{
    background-image: url('../images/icon/symbols.png');
    }
/*
.mkt-icon-semaforo  
{
    background-image: url('../images/icon/semaforo.png'); 
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    position: relative;    
    width: 15px;
    cursor: pointer;
    padding: 5px;
    margin-right: 5px;    
}
.mkt-icon-done {background-position: -36px 0px;}
.mkt-icon-In-progress {background-position: -19px 0px;}
.mkt-icon-pending {background-position: -20px 0px;}
.mkt-icon-Ending {background-position: -40px 0px;}
.mkt-icon-Aborted, .mkt-icon-Cancelled{background-position: -3px 0px;}
.mkt-icon-Draft{background-position: -52px 0px;}
*/

.mkt-icon-email
{
    background-image: url('../images/icon/email.png');
    background-repeat: no-repeat;
    float: left;
    height: 14px;
    position: relative;    
    width: 27px;
    min-width: 27px;
    min-height: 22px;
    cursor: pointer;
    padding: 5px;
}

.mkt-status-config
{
    -moz-border-radius: 10px !important; 
    -webkit-border-radius: 10px !important; 
    border-radius: 10px !important;
    min-width: 96px;
    color: #767677;
    border: solid 1px #535353;
    position: relative;
    float: left;
    padding-left: 5px;
    padding-top: 0px;
    line-height: 18px;
    text-align: left;
}
.mkt-status-config.big { min-width: 106px !important;}
.mkt-status-config.Draft { background-color: #d5d5d5; border: solid 1px #d5d5d5;}
.mkt-status-config.in-progress { background-color: #fcdc6f; border: solid 1px #fcdc6f;}
.mkt-status-config.aborted { background-color: #f9b2b7; border: solid 1px #f9b2b7;}
.mkt-status-config.sent-done { background-color: #bef2b0; border: solid 1px #bef2b0;}
.mkt-status-config.approved { background-color: #bef2b0; border: solid 1px #bef2b0;}
.mkt-status-config.pending { background-color: #97d9e9; border: solid 1px #97d9e9;}

.mkt-status-config.active { background-color: #bef3af; border: solid 1px #bef3af;}
.mkt-status-config.unsuscribed { background-color: #fcdc6f; border: solid 1px #fcdc6f;}
.mkt-status-config.rejected { background-color: #f9b2b6; border: solid 1px #f9b2b6;}

.mkt-icon-actions  
{
    background-image: url('../images/icon/grd_icon.png?time=201609221200'); 
    background-repeat: no-repeat;
    background-color: #fff;
    float: left;
    height: 45px;
    position: relative;    
    width: 59px;
    min-width: 59px;
    cursor: pointer;
    /*padding: 5px;*/    
    /*margin-right: 5px;*/
}

.mkt-icon-actions.es-AR { background-image: url('../images/icon/grd_icon_esp.png?time=201609221200') !important; }
.mkt-icon-actions.es-AR:hover, .mkt-icon-actions.es-AR.active { background-image: url('../images/icon/grd_icon_on_esp.png?time=201609221200') !important; }

.mkt-icon-actions.non-active:hover
{
    background-image: url('../images/icon/grd_icon.png?time=201609221200') !important; 
    background-repeat: no-repeat;
    background-color: #fff; 
}
.mkt-icon-actions.es-AR.non-active:hover { background-image: url('../images/icon/grd_icon_esp.png?time=201609221200') !important; }
.mkt-icon-actions:hover, .mkt-icon-actions.active 
{
    background-image: url('../images/icon/grd_icon_on.png?time=20160221200'); 
    background-repeat: no-repeat;
    background-color: #52bfd6; 
}


.mkt-icon-actions.abort { background-position: 0px -9px;}
.mkt-icon-actions.approve { background-position: -56px -9px;}
.mkt-icon-actions.reject { background-position: -115px -9px;}
.mkt-icon-actions.update { background-position: -175px -9px;}
.mkt-icon-actions.view { background-position: -236px -9px;}
.mkt-icon-actions.url { background-position: -294px -9px;}
.mkt-icon-actions.copy { background-position: -353px -9px;}
.mkt-icon-actions.ico-label { background-position: -413px -9px;}
.mkt-icon-actions.qr { background-position: -471px -9px;}
.mkt-icon-actions.new-contact { background-position: -529px -9px;}
.mkt-icon-actions.import-contact { background-position: -591px -9px; width: 65px;}
.mkt-icon-actions.edit { background-position: -659px -9px;}
.mkt-icon-actions.create-segment { background-position: -716px -9px; width: 69px;}
.mkt-icon-actions.delete { background-position: -785px -9px;}
.mkt-icon-actions.statistics { background-position: 3px -77px}
.mkt-icon-actions.processed { background-position: -56px -77px}
.mkt-icon-actions.georeference { background-position: -118px -77px; width: 65px;}
.mkt-icon-actions.heat-map { background-position: -185px -77px}
.mkt-icon-actions.export { background-position: -247px -76px}
.mkt-icon-actions.profile-key { background-position: -314px -76px}
.mkt-icon-actions.email-status { background-position: -366px -76px}

.mkt-icon-actions.contacts { background-position: -421px -76px;}
.mkt-icon-actions.list-contacts { background-position: -485px -76px;}
.mkt-icon-actions.structure { background-position: -545px -76px;}
.mkt-icon-actions.facebook { background-position: -765px -76px;}

.mkt-icon-actions.play { background-position: -598px -76px;}
.mkt-icon-actions.pause { background-position: -655px -76px;}
.mkt-icon-actions.stop { background-position: -713px -76px;}

.mkt-icon-new-contact  
{
    background-image: url('../images/icon/new_contact.png'); 
    background-repeat: no-repeat;
    background-color: #fff;
    float: left;
    height: 24px;
    position: relative;    
    width: 24px;
    min-width: 24px;
    cursor: pointer;       
    margin-right: 5px;
}
.grd-selecctor 
{
    background-image: url('../images/icon/grid_selector.png'); 
    background-repeat: no-repeat;
    background-color: #bee6ee;    
    background-position: 7px 14px;
    float: left;
    height: 30px;
    min-height: 30px;
    position: relative;    
    width: 24px;
    min-width: 24px;
    cursor: pointer;        
    /*margin-top: -1px;*/
}
.none-padding { padding: 0 !important;}
.grd-selecctor:hover { background-color: #53bdd5; background-image: url('../images/icon/grid_selector_on.png'); }
.grd-selecctor.none-icon
{
    background-image: none; 
    background-repeat: no-repeat;
    background-color: #fff;    
    background-position: 7px 14px;
    float: left;
    height: 30px;
    min-height: 30px;
    position: relative;    
    width: 24px;
    min-width: 24px;
    cursor: pointer;            
}
.grd-actions  
{
    border-top: solid 0px; 
    text-align: left; 
    top: 28px; 
    min-width: 315px; 
    padding: 5px 0 0 0; 
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.376);    
}
.grd-actions li a { padding-left: 12px;}
/*.grd-actions.Header { background-color: #55BCD3; padding-left: 12px; margin-top: -5px; color: #fff; line-height: 3px; min-height: 3px;}*/
.grd-actions .divider { background-color: #029bbc; margin: 0; min-height: 3px; margin-top: -5px;}
.grd-actions li a:hover { color: #55BCD3;}

.grd-actions .liActive {color: #FFF !important; background-color: #029bbc !important;}

/***********************************************************************/
.underline { text-decoration: underline;}
.None { display: none;}


/*
alertas y notiicaciones
*/
.wrapper-alert{width: 970px; margin:0 auto; text-align:left; z-index: 100; position: relative;z-index: 1101 !important;}
.alert-content { width: 250px; position: relative; margin: 0 auto; filter:alpha(opacity=0); opacity: 0; moz-opacity: 0;  }
.alert { position: absolute; top: 10px; left: 0; margin:0 auto; padding: 19px 19px 19px 41px; width: 300px; z-index: 11111111;  }

.alert-success { background-image: url('../images/icon/check.png'); background-repeat: no-repeat; background-position: 10px 17px; color: #55BCD3; background-color: #fff; border: solid 1px #55BCD3;}
.alert-error { background-image: url('../images/icon/error.png'); background-repeat: no-repeat; background-position: 10px 17px; color: #626363; background-color: #fff; border: solid 1px #626363;}
.alert-config { color: #55BCD3; background-color: #fff; border: solid 1px #55BCD3;}

.alert-relative { position: relative !important; margin-bottom: 10px !important; padding: 10px 5px 10px 5px !important; width: 100% !important; top: 0 !important; z-index: 100 !important;}
.alert-icommkt { background-color: #F0ECEC !important; color: #999995; border: solid 1px #767678 !important;}
.alert-icommkt-white { background-color: #FFF !important; color: #999995; border: solid 1px #767678 !important;}
.alert-emails { background-color: #fff !important; border: solid 0px; border-bottom: solid 1px #babbb4 !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; color: #97938e !important;}



.btn .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: none !important;  background-color: #fff !important; color: #000 !important;}
.btn.ui-state-hover {background-image: none !important;  background-color: #55BCD3 !important; color: #E9E9E9 !important; border: solid 1px #55BCD3; color: #fff; }

/*.ui-state-default .ui-icon { background-image: url("images/ui-icons_767678_256x240.png") !important;}
.ui-state-hover .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png") !important;}*/


.up { bottom:100% !important; top:auto !important;  }
.upper { text-transform: uppercase;}
.imgTemplate-selected {max-width : 385px;}

.divOverImg-selected
{    
    
    width: 385px; 
    height: 200px;    
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;    
    background-color: #000;
    filter:alpha(opacity=50);
    opacity: 0.50;
    moz-opacity: 0.50;
}
.divOverImg-selected
{    
    display: none;    
}
.btnChange 
{
    position: absolute;     
    left: 280px; 
    top: 10px;
    z-index: 6;
}
.btnChange 
{
    display: none;    
}
#imgSelected:hover  .divOverImg-selected {
    display:  block;
}
#imgSelected:hover  .btnChange {
    display:  block;
}

.lstTemplates { position: relative; float: left; height: 210px; /*overflow: hidden;*/}
.hidden, .btnHidden { display: none;}
.newsletter-box.template-generico { background-color: #f5f5f5 !important; border: solid 1px #dedede;}
.subjectTitle 
{
    font-family: 'CorbelBold';
    color: #45b9ce;
    font-size: 11px;
}
.icomFechaEnvio  
{
    position: relative; 
    float: left;
    width: 13px;
    height: 13px;
    line-height: 13px;
    background-image: url('../images/home/icon_fecha_envio.png');
    background-repeat: no-repeat;    
    top: 2px;
}
.fechaEnvio 
{
    position: relative; 
    float: left;
    width: auto;
    font-family: 'CorbelBold';
    color: #b2b1b1;
    font-size: 12px;   
    line-height: 14px; 
}
.alert-multi-subject { padding-left: 100px !important;}
.margin-l-5px { margin-left: 5px;}
.margin-r-5px { margin-right: 5px;}
.margin-r-4px { margin-right: 4px;}
.margin-r-10px  { margin-right: 10px;}
.margin-r-8px  { margin-right: 8px;}
.margin-t-30px { margin-top: 30px;}
.margin-t--5px { margin-top: -5px;}
.margin-t--2px { margin-top: -2px;}
.line-h-34px { line-height: 34px !important;}
.margin-r-20px  { margin-right: 20px;}
.margin-r-40px  { margin-right: 40px;}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 10px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.tbConditions { margin-bottom: 10px;}
.btn-info { text-transform: uppercase; font-size: 12px !important; padding: 3px 8px !important;}
.btn-default {font-size: 12px !important; padding: 4px 8px !important;}

.group-date { width: 280px !important;}
.form-group-date {width: 241px !important}

/*
linea de botones Virtual profile.
*/
#tbBotones2 { margin-top: 30px;}

.profile-icon  
{   
    background-image: url('../images/icon/profile-status.png');    
    float: left;
    height: 20px;
    position: relative;    
    width: 20px;
    min-width: 20px;
    cursor: pointer;
    color: #616264; 
    font-size: 14px;
    font-weight: bold;
    -moz-border-radius: 2px !important; 
    -webkit-border-radius: 2px !important; 
    border-radius: 2px !important;
    text-align: center;
    line-height: 22px;
    margin-left: 2px;
}

.profile-icon.regular 
{
    background-position: -3px 0px;    
}
.profile-icon.virtual 
{
    background-position: -30px 0px;    
}
.profile-icon.viral {
    background-position: -58px 0px;
}

/*languages*/
.selected-language 
{
    position: absolute; top: 0px; right: 0;
}
.img-language { width: 15px;}
.dDisabled { background-color: #eee !important;}

.lstNewsName { float: left; overflow-x: hidden; position: relative; width: 100% !important;}


#infinite_scroll { margin-bottom: 200px;}
#flowsList { min-height: 500px; margin-bottom: 50px;}



/*
Detalles configuraciones
*/
.label.black { color: #000 !important;}
.half { width: 47% !important; margin-right: 3%;}
.line-underline { border-bottom: solid 1px #a7a7a8;}
.whiteArea .emoji-wysiwyg-editor { background-color: #fff !important; border: solid 0px; box-shadow: none;}
.list-profiles { width: 80%; margin-bottom: 10px;}
.list-profiles ul { padding: 0;}
.list-profiles li { list-style: none; font-size: 12px; color: #97938e; font-weight: normal; line-height: 30px; padding: 0 !important;}
.list-profiles.line-underline {border-bottom: solid 1px #e3e3e3;}
.det-config-line { padding-bottom: 10px; line-height: 50px;}
.det-line { padding-bottom: 2px;}
.detail-config .form-label-bigger { width: 150px !important;}



/*virtual profiles*/

/*Radio Buttons*/
label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    
    display: inline;
    padding-right: 5px;
}
label input[type="radio"] ~ i.fa.fa-check-circle-o{
    display: none;
    padding-right: 5px;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color: #767677;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #767677;
}

div[data-toggle="buttons"] label.active{
    color: #767677;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 8px !important;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
width: auto;
}

div[data-toggle="buttons"] label:hover {
color: #767677;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

div[data-toggle="buttons"] label.btn-radio
{
    padding: 3px 8px !important;
    line-height: 1.4;
    font-size: 12px;
    background-color: #f4f4f4;
    color: #000;
    border-color: #babbb4 !important;
    border: solid 1px;
    text-transform: uppercase;
}
div[data-toggle="buttons"] label.btn-radio.active
{
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc !important;
    border: solid 1px;
}

label.btn-radio input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color: #FFF;
    font-weight: 100;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #21bed1;
  cursor: default;
  font-weight: bold;
  background-color: #fff;
  border: 0px solid #ddd;
  border-bottom: 1px solid #21bed1;
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #000000;
}
.tab-content > .tab-pane {
  border: 0px;
}


/*New Contact Form and Modal*/
#fieldList .form-label-bigger, #divContact .form-label-bigger {line-height: 20px; width: 100% !important;}
#fieldList .form-input-large, #divContact .form-input-large {width: 100% !important;padding-right: 20px;}
#fieldList .flxLine {margin-bottom: 0px;}
.new-contact-form { width: 100%; max-width: 850px; }
.new-contact-form-modal, .new-contact-form-modal .flxLine { width: 406px; }
.new-contact-form .flxLine {max-width: 406px;}