@charset "iso-8859-1";
/* CSS Document */


body#body{
    color: #333333;
    font-size: 13px;
    height: 100%;
    line-height: 1;
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

input, select, button, textarea {
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
}
textarea { resize: none; }

/* GENERALES */
.common_1 {background:url('/img/common_1.png') no-repeat;}

.wrap {width:960px; margin:0 auto;}
.clear {clear:both; height:0px;}
.clearl {clear:left; height:1px;}
.clearr {clear:right; height:1px;}
.left {float:left;}
.right {float:right;}
.naranja {color:#FF6600;}
.bold {font-weight:bold;}
a img {border:none;}
h1, h2, h3, h4, h5, h6 {margin-bottom:0.8em; line-height:1;font-weight: 300;}
p {}

h2{font-size:30px;}

a:link, a:active, a:visited {color: #0066CC; text-decoration:none;}
a:hover, a:focus {color:#0099FF;}


/* SIMPLE MODAL */
.simplemodal-overlay {background-color:#000;}
.simplemodal-container {background-color:#FFFFFF; border:4px solid #666; padding:10px 30px; -ms-border-radius:7px; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
.simplemodal-container a.modalCloseImg {background:url('/js/simplemodal/x.png') no-repeat; width:32px; height:34px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}


/* Main Title */
.mainTitle{
    margin-bottom: 45px;

}

.mainTitle h2{
    margin:0;
}
.infoTip{
    position:relative;
    margin-bottom: 1px;
    background: url("/img/glyphicons-halflings.png") -91px -91px no-repeat transparent;
    display: inline-block;
    min-width: 24px;
    min-height: 24px;
    vertical-align: middle;
    cursor: pointer;
}

tr.expandable.expanded .infoTip{
    background-image: url("/img/glyphicons-halflings-white.png");
}

/* accountCreditsInfo */
.accountCreditsInfo{
    width: 300px;
    float: right;

    margin-top: 28px;
}
.accountCreditsInfo .freeAccountTitle{
    display: inline-block;

    width: 215px;
    text-align: center;
    text-indent: 10px;
}
#body.whiteLabel .accountCreditsInfo,
#body.whiteLabel .accountCreditsInfo.narrow{
    width: 155px;
}
#body.freeAdministrator .accountCreditsInfo,
#body.resellerFree .accountCreditsInfo{
    width: 361px;
}
.accountCreditsInfo .accountAvailableCredits{
    text-align:center;
    text-transform: lowercase;
    display: inline-block;
    width: 145px;
    float: left;
}
.accountCreditsInfo .accountAvailableCredits .count{
    display:block;
    font-size:24px;
    font-weight:700;
}
.accountCreditsInfo .accountAvailableCredits .description{
    font-weight: 300;

}
.accountCreditsInfo .btn-primary{
    float:right;
    margin: 5px 0;
}

/* ACCOUNT CREDITS OVERLAY */
.accountCreditsOverlay {
    margin: 0 0 0 -425px !important;
    width: 850px !important;
}
.accountCreditsOverlay .modal-body{
    max-width: 850px !important;
}
.accountCreditsOverlay .form-actions {
    margin: 0;
    padding: 0;
}
.subcontenido .accountCreditsOverlay{

}
.subcontenido .subcontenido-subtitle{
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 15px;
    display: inline-block;
}

.accountCreditsOverlay  .paidFeatureWarning{
    text-align: center;
    font-size: 13px;
    display:none;
    padding: 6px;
    margin: -10px 0 20px 0;
}
.subcontenido .accountCreditsOverlay  .paidFeatureWarning{
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    display:block;
}

.subcontenido .accountCreditsOverlay .buyCreditsContainer{
    width: 424px;
}
.accountCreditsOverlay.free  .buyCredits-column{
    font-size: 13px;
    float:right;
    width: 339px;
}

.accountCreditsOverlay  button.buyCredits{
    float: right !important;
}
.accountCreditsOverlay.free .control-group[data-componentName=buyCredits]{
    text-align:right;
}
.accountCreditsOverlay.free .control-group[data-componentName=buyCredits] button.cancel{

}
.subcontenido .accountCreditsOverlay.free .control-group[data-componentName=buyCredits] button.cancel{
    display:none;
}
.accountCreditsOverlay.free .control-group[data-componentName=buyCredits] button.cancel:hover{

}
.accountCreditsOverlay.free .updateAccount-column{
    line-height: normal;
    width: 441px;
    background: transparent url('/img/envialo-simple-upgrade-beneficios.png') no-repeat -5px 0;
    min-width: 382px;
    min-height: 358px;
    padding: 0 20px 0 10px;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.accountCreditsOverlay h2 {
    margin: 10px 0;
    font-size: 30px;
    color: #777 !important;
    font-weight: normal;
}
.accountCreditsOverlay.free h2 {
    font-size: 26px;
}
.accountCreditsOverlay.free .buyCreditsContainer h3,
.accountCreditsOverlay.free .updateAccount-column h3{
    margin: 0 0 20px 0;
    font-size: 19px;
    font-weight: normal;
    line-height: 1.3;
    color:#777 !important;
}
.accountCreditsOverlay.free .buyCreditsContainer h3{

}
.accountCreditsOverlay.free .updateAccount-column ul {
    list-style: disc;
}

.accountCreditsOverlay.free .updateAccount-column ul li {
    line-height: 25px;
    font-size: 13px;
    padding: 0px;
}
.accountCreditsOverlay .priceListExplanation,
.accountCreditsOverlay .changeAccountWarning{
    text-align:center;
}
.accountCreditsOverlay .priceListExplanation{
    margin: 15px 0 0 0;

}
.accountCreditsOverlay .priceListExplanation strong{
    display:block;
    font-size:17px;

}
.accountCreditsOverlay .changeAccountWarning {
    margin: 0;
    line-height: 32px;
    float: left;
}
ul.priceItem{
    border-radius: 0 0 3px 3px;
    background: #efefef;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
ul.priceItem li{
    margin: 0;
    line-height: 27px;

    padding: 0 10px;
}
ul.priceItem li > span,
ul.priceItem li > label > span{
    float: right;
}
ul.priceItem li > label{
    line-height: 20px;
    font-size: 13px;
    cursor:pointer;
}
ul.priceItem li.first{
    border-radius: 3px 3px 0 0;
    font-weight: bold;
    color: #FFF;
    background: #bbb;
}
ul.priceItem li.priceItem{
}
ul.priceItem li.priceItem.odd{
    background: #eee;
}
ul.priceItem li.priceItem.even{
}
.gotoMisCompras{
    display:none;
}
/* TAPA */

.tapa-overlay{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 11000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: center;
    background-color: #FFFFFF;
    left: 0px;
    top: 0px;
}
.disableScroll .tapa-overlay{
    opacity:1;
    filter: alpha(opacity=100);
}
.tapa-overlay .tapa-spinner{
    z-index: 11001;
    width: 70px;
    height: 70px;
    background: #000000 url(/img/spinner-tapa.gif) no-repeat 50% 50%;
    border-radius: 7px;
    position: fixed;
    top: 250px;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    margin-left: 49%;
}

.tapa-overlay .tapa-longWaitingTimeMessage{
    display:none;
    position: relative;
    width: 540px;
    background: #A00;
    padding: 10px 20px;
    border-radius: 5px;
    color: #FFFFFF;
    top: 173px;
    margin: 0 auto;
    left: 15px;
    line-height: 16px;
}
.tapa-overlay .tapa-longWaitingTimeMessage .tapa-progress{
    font-size: 20px;
    margin: 10px auto;
    display:none;
}

::-webkit-input-placeholder {
    color:    #aaa !important;
}
:-moz-placeholder {
    color:    #aaa !important;
}

.placeholder{
    color:    #aaa !important;
}


html {
    overflow-y: scroll;
}

table.items-table ~ p.aclaracion{
    display: none;

}

p.aclaracion{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    color: #AAAAAA;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    padding: 5px 10px;

    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);

}

div.subcontenido h3{
    line-height:normal;
    margin-bottom: 5px;
    margin-top: 0;
}
div.subcontenido h2{
    font-size:18px;
}
.form_control_bg input, .form_control_bg select{
    width:300px
}
input[type="submit"],
input[type="button"],
button{
    cursor:pointer;
}


form{
}

form > h2{

}

.lfloat {
    float: left !important;
}
.rfloat {
    float: right !important;
}
.nfloat {
    float: none !important;
}

/***************************************/
.form-container{

    background:#E8F2F7;
    border:1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    margin: 20px 0;
    padding: 5px;
    position: relative;
}

.form-container > .close{
    position: absolute;
    right: 20px;
    top: 13px;
}

.form-container > .title,
.form-container > h2
{
    margin: 5px 10px 10px;
    font-weight: normal;
    text-shadow: 1px 1px #FFFFFF;
}

.form-container > .content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 40px 20px;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    display: block;
    padding: 40px 20px;
    position: relative;
    -moz-box-shadow: 0 1px 1px #CCCCCC inset;
    -o-box-shadow: 0 1px 1px #CCCCCC inset;
    -webkit-box-shadow: 0 1px 1px #CCCCCC inset;
    -ms-box-shadow: 0 1px 1px #CCCCCC inset;
    box-shadow: 0 1px 1px #CCCCCC inset;
}
.form-container > .content > form{
    display: block;
    position: relative;
}
.form-container > form
/*.form-container > .content > form*/
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    display: block;
    padding: 40px 20px;
    position: relative;

    -moz-box-shadow: 0 1px 1px #CCCCCC inset;
    -o-box-shadow: 0 1px 1px #CCCCCC inset;
    -webkit-box-shadow: 0 1px 1px #CCCCCC inset;
    -ms-box-shadow: 0 1px 1px #CCCCCC inset;
    box-shadow: 0 1px 1px #CCCCCC inset;
}

/*************** form.two-column ***************/

form.columns > fieldset{
    float:left;
}

form.columns.two-column > fieldset{
    width: 419px;

}

form.columns > fieldset + fieldset{
    margin-left:20px;
}

form.columns .control-group{
}

form.columns .control-group > label{
    margin-top:0;
}

form.columns .control-group > label > .text{
    display: block;
    margin-bottom: 5px;
    text-align: left;
}

form.columns .control-group > .error{
    margin-top: 15px;
    width: 190px;
}

form.columns .control-group.buttons{
    clear: both;
    display: block;
    padding-top: 10px;
}





/****************************************/
.good{
    color: #63B51B;
    text-shadow: 1px 1px #FFFFFF;
}

.bad{
    color:#e83a57;
    text-shadow: 1px 1px #FFFFFF;
}




div.testing{
    background: none repeat scroll 0 0 rgba(56, 161, 249, 0.5);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin: 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 10px 20px;
    position: fixed;
    text-align: left;
    vertical-align: top;
    text-transform:uppercase;

    -o-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 28px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 28px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 28px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 28px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 28px rgba(0, 0, 0, 0.2) inset;

}
.placeToCenter{
    width:960px;
    margin:0 auto;
    position:relative;

}

/********************************************************/
/* HEAD */


#head{
    position:relative;
    margin-bottom: 0;
}

#head.public{
    height: 70px;
}

#logo {
    position: relative;
    margin: 24px 0 0 10px;
    z-index: 25;
    float: left;
    max-width: 300px;
    max-height: 66px;
    overflow: hidden;
}

#logo a{

}

/********************* info area *******************************/
.info-area{
    padding: 0 10px;
    position:relative;
    z-index:20;
    margin: 0 auto;
    height: 90px;
    background: #e9e9e9;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


/******************** perfil usuario ************************/

.profileButton{
    border:1px solid transparent;
    border-radius:4px;
    float: right;
    margin-top: 3px;
}
.profileButton.open,
.profileButton:hover{
    background: #1d9fd7;

    border:solid 1px #1688b8;
}

.btn-group.profileButton .btn.dropdown-toggle,
.btn-group.profileButton.open .btn.dropdown-toggle{
    border-color:transparent;
    background:none;

    -o-box-shadow:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.btn-group.profileButton .btn.dropdown-toggle:hover{
    color: #333333;
}

.profileButton .btn.dropdown-toggle .icon-user {
    vertical-align: middle;
    margin: -3px 0 0 0;
}
.profileButton .profileOptionsToggler .userinfo-Username{
    padding: 0 20px 0 10px;

    box-sizing: border-box;
    display: inline-block;
    color: #FFFFFF;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 265px;
    overflow: hidden;
}

.profileButton .profileOptionsToggler .caret{
    border-top: 4px solid #FFFFFF;
}

.btn-group.profileButton.open > .dropdown-menu{
    overflow: auto;
    max-height: none;
}
.profileButton .setLang{
    text-indent:20px;
}
[data-interfaceLanguage="en"] .profileButton .setLang[data-langName="en"]{
    text-decoration:underline;
    font-weight: bold;
}
[data-interfaceLanguage="es"] .profileButton .setLang[data-langName="es"]{
    text-decoration:underline;
    font-weight: bold;
}
[data-interfaceLanguage="pt"] .profileButton .setLang[data-langName="pt"]{
    text-decoration:underline;
    font-weight: bold;
}

/**************** box acciones multiples */

.acciones-multiples-container {

    display: none;
    float: left;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 10px;
    background: none repeat scroll 0% 0% #F4F4F4;
    margin-left: -10px;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset;
    -wekbit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset;


    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.acciones-multiples-container select {
    margin-left: 15px;
}
.acciones-multiples-container .select2-container.multipleActionsSelector{
    vertical-align:middle;
    margin-left:15px;
}
.selectedItemsLegend {
    color: #389BFF;
}
.selectedItemsCount{
    color:#666666;
    padding: 0 5px;
}


/**************** MENU ****************/

#menu-principal{
    clear: both;
    display: block;
    background: #22aae4;
    height: 50px;
}
.ie-lte7  #menu-principal{
    margin-top:0px
}
#head #closureLine{
    background: none repeat scroll 0 0 #46BCE5;
    border-radius: 3px 3px 0 0;
    margin-top: -3px;
    min-height: 3px;
    position: absolute;
    width: 100%;
}

#head #closureLine.closureLineShort{
    border-radius: 0 3px 0 0;
    margin-left: 751px;
    width: 209px;
}

#menu-principal #accountCreditsInfo{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #DDD;
    border-radius: 5px 5px 5px 5px;
    margin-left: 727px;
    margin-top: -91px;
    overflow: auto;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    width: 207px;
    display: none;
    font-size: 12px;
}
#menu-principal #accountCreditsInfo #buyCredits{
    font-size: 12px;
    padding: 3px 7px;
    line-height: auto !important;
    margin: 5px 0;
}

#menu-principal #accountCreditsInfo #accountCreditsCount{
    color: #22AAE4;
    font-size: 19px;
    font-weight: bold;
    padding: 3px 0;
    margin: 0;
}

#menu-principal ul.menu-item-list{
    list-style: none;
    margin: 0 auto;
    padding-left: 1px;
    border-radius:5px 5px 0 0;
    width: 960px;
}

#menu-principal li.menu-item{
    float: left;
    display: block;
    height: 50px;
    width:200px;
    color:#e2e2e2;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    -moz-transition-property:all;
    -moz-transition-duration:.2s;
    -webkit-transition-property:all;
    -webkit-transition-duration:.2s;
    -o-transition-property:all;
    -o-transition-duration:.2s;
    transition-property:all;
    transition-duration:.2s;
    -ms-transition-property:all;
    -ms-transition-duration:.2s;

    position: relative;
}

#menu-principal li.menu-item .menu-item-title a{
    display: inline-block;
    width: 100%;
    line-height:50px;
}
.ie-lte7 #menu-principal li.menu-item {
    width:217px; /* por incompatibilidad con box-sizing:content-box*/
    margin-left:2px;
}

#menu-principal li.menu-item  a{
    color: #e2e2e2;
}

#menu-principal li.menu-item-selected,
#menu-principal li.menu-item-selected:hover{
    background-color: #1d9fd7;
    border-bottom: 4px solid #0780B3;

}
#menu-principal li.menu-item:hover{
    border-bottom: 4px solid #0780B3;
}

#menu-principal li.menu-item-selected a,
#menu-principal li.menu-item:hover a{
    color: #FFFFFF;

}

#menu-principal li.menu-item:not(.menu-item-selected):hover{
    background-color: #32B2E9;
}

#menu-principal li.menu-item  .menu-item-title{
    font-size: 24px;
    position:relative;
    z-index:2;
    font-weight: 300;
    padding: 0 10px;
    display: inline-block;
}

#menu-principal li.menu-item .menu-item-icon{
    background: url(/img/common.png) no-repeat transparent;
    width: 38px;
    height: 38px;
    display:inline-block;
    float: left;
    margin-top: 7px;
    margin-left: 7px;
}


#menu-principal li.menu-item-campaign .menu-item-icon{
    background-position: -612px -426px;
}

#menu-principal li.menu-item-maillist .menu-item-icon{
    background-position: -611px -377px;
}

#menu-principal li.menu-item-report .menu-item-icon{
    background-position: -608px -327px;
}

#menu-principal .menu-item-title span {
    display: block;
    font-size: 12px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-transform: none;
}


div#content-wrap {
    width: 960px;
    position:relative;
    padding-bottom: 40px;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ie-lte7 div#content-wrap{
    overflow:hidden; /* resuelve bug ie7 ; para que no aparezcan barras de scroll horizontales */
}
/*************************************************/
#content{
    padding: 45px 10px 0 10px;
    margin-bottom: 40px;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#content.public{
}

#content > h2{
    color: #46BCE5;
    font-size: 30px;
}

/**************** submenu-item-list ********************/

#content ul.submenu-item-list{

}
#content ul.submenu-item-list li a{
    padding-left:10px;
    padding-right:10px;
    color:#999;
    background-color: #eeeeee;
    border-bottom: 1px solid #dddddd;
}
#content ul.submenu-item-list li a:hover{
    color:#0066CC;
}

#content ul.submenu-item-list li.active a{
    color:#555;
    background:#FFF;
    border-bottom: 1px solid #FFF;
}
.subcontenido{
    min-height: 100px;
    padding: 10px 0 0 0;
    position: relative;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.subcontenido + .aclaracion{
    margin-top:20px;
}



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


.control-radio{
    display:block;
}


.ibutton-handle,
.ibutton-handle-right,
div.ibutton-label-on, div.ibutton-label-off,
.ibutton-handle-middle,
div.ibutton-label-on, div.ibutton-label-off,
.ibutton-padding-left, .ibutton-padding-right
{
    background-image: url("/img/ibutton-slider-dattatec.png");
}

/*************** acciones ; accion-principal ****************************/
.acciones-container{
    margin-bottom: 10px;
    min-height: 30px;
    position: relative;
    z-index: 6;
}
.acciones-container.sin-productos{
    display:none;
}
.acciones-secundarias-container{
}

.acciones-secundarias-container > ul {
}

.acciones-secundarias-container > ul > li{
    display: inline-block;
    margin-top:0;
    vertical-align:text-top;
}
.ie-lte7 .acciones-secundarias-container > ul > li {
    display:inline; /* ie7 no soporta inline-block*/
    float:left;
}
.acciones-secundarias-container > ul > li + li{
    border-left: 2px solid #BDDEED;
    margin-left: 10px;
    padding-left: 10px;
}

.acciones-secundarias-container > ul > li > .bajada{
    color: #999999;
    display: block;
    font-size: 13px;
}


.accion-principal-container{
    position: absolute;
    z-index:2;
    /*right: -4px;*/
    right:0px;
    top: 0px;
}

#content .accion-principal-container .accion-principal-desglosado{
    clear: both;
    max-height:0;
    min-width: 105%;
    border:0;
    overflow:hidden;
    border-radius: 5px 0px 5px 5px;
    background: none repeat scroll 0 0 #ECF4F8;
    right: 0px;
    position: absolute;
    top: 30px;
    text-align: left;

    -o-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1);

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    -moz-transition:all .5s;
    -o-transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
    transition:all .5s;

}

#content .accion-principal-container ul.accion-principal-opciones{
    list-style: none;
    margin:-5px -20px;
    padding:10px 25px 2px;
    background: #ECF4F8;

}

#content .accion-principal-container.expanded .accion-principal-desglosado{
    max-height:300px;
    padding: 5px 15px 10px;
}

#content .accion-principal-container .accion-principal-desglosado .aclaracion{
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #fff;
    color: #999;
    margin: 10px -20px -10px;
    padding: 8px 20px 10px;
    line-height:12px;
    background-color: #fff;

}

#content ul.accion-principal-opciones li{
    margin: 10px 0;
    padding: 0;
    font-size: 14px;
    white-space: nowrap;
}

#content ul.accion-principal-opciones li a{
    text-align: right;
    text-shadow: 1px 1px 0 #FFFFFF;
}

#content ul.accion-principal-opciones li span{
    font-size: 12px;
    display: block;
    color: #999;
}


#content ul.accion-principal-opciones li a:hover{
    text-decoration:underline;
}

a.accion-principal{
    background-color: #44bbe4;
    border: 0;
    border-radius: 5px;


    -moz-box-shadow:    0 0 3px 1px rgba(0, 0, 0, 0.1) inset,
        0 23px 0 -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);

    -ms-box-shadow:     0 0 3px 1px rgba(0, 0, 0, 0.1) inset,
        0 23px 0 -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1) inset,
        0 23px 0 -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);

    -o-box-shadow:      0 0 3px 1px rgba(0, 0, 0, 0.1) inset,
        0 23px 0 -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);

    box-shadow:         0 0 3px 1px rgba(0, 0, 0, 0.1) inset,
        0 23px 0 -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);



    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 3;
}

.ie-lte7 button{
    position: static;
}

.accion-principal-container.expanded > a.accion-principal{
    border-radius: 5px 5px 0 0;
}

button{
    z-index:0;
}

button.cancel,
input.button.cancel,
button.cancel:hover,
input.button.cancel:hover,
.btn.cancel{

}
button.cancel:hover,
input.button.cancel:hover,
.btn.cancel:hover{



}

button.save,
a.buttonLike.save,
input.button.save{

}
button.cancelChanges,
button.saveChanges{

}

button.save.disabled,
a.buttonLike.save.disabled,
input.button.save.disabled{
    background-color: #999;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor:default;
}

button.timeLineAction {
    font-size: 60px;
    font-weight: bold;
    height: 80px;
    margin: 0 5px;
    padding: 3% !important;
    text-align: center;
    width: 80px;
}
button.timeLineAction.play {
    background-color: green;
}
button.timeLineAction.play > img {
    height: 80%;
    margin: 0 auto !important;
    position: relative;
    width: 80%;
}
button.timeLineAction.pause {
    background-color: #FFCC00;
    font-size: 60px;
    font-weight: bold;
    height: 80px;
    width: 80px;
}
button.timeLineAction.stop {
    background-color: #AA0000;
}
button.timeLineAction.stop > img {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 2px #6A5B5B inset;
    height: 80%;
    margin: 0 auto;
    position: relative;
    width: 80%;
}


button + button,
.control-group.buttons > * + *
{
    margin-left:10px;
}


button img{
    margin-right:5px;
}


a.accion-principal{

    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

a.accion-principal:hover{

    -o-box-shadow: 0 0 3px 1px #54A4C8 inset, 0 0 10px #FFFFFF inset;
    -moz-box-shadow: 0 0 3px 1px #54A4C8 inset, 0 0 10px #FFFFFF inset;
    -webkit-box-shadow: 0 0 3px 1px #54A4C8 inset, 0 0 10px #FFFFFF inset;
    -ms-box-shadow: 0 0 3px 1px #54A4C8 inset, 0 0 10px #FFFFFF inset;
    box-shadow: 0 0 3px 1px #54A4C8 inset, 0 0 10px #FFFFFF inset;
}
a.accion-principal.disabled{
    background: #ccc;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
a.accion-principal:active{
}

a.accion-principal span{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    vertical-align: text-top;
}

a.accion-principal .icon{
    font-size: 30px;
    font-weight: bold;
    text-shadow: 0 0 2px #FFFFFF;
    line-height: 16px;
    margin-right:5px;
}

a.accion-principal .text{
}

/**************** SIN ITEMS TABLE ***************************/
.abm-no-items,
.sin-items-table{
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    display: block;
    margin: 0;
    padding: 20px;
    text-align: center;
}

div.subcontenido .abm-no-items h2,
div.subcontenido .sin-items-table h2 {
    margin: 20px 0 40px 0;
    font-size: 31px;
    color: #FF7300;
}
.abm-no-items .abm-no-items-optionsContainer,
.sin-items-table .sin-items-optionsContainer{
    width: 517px;
    position: relative;
    min-height:137px;
    max-height:137px;
    clear:right;
    margin: 20px auto;
}
.abm-no-items .abm-no-items-optionsContainer .abm-no-items-option,
.sin-items-table .sin-items-optionsContainer .sin-items-option{
    position: relative;
    min-height:137px;
    max-height:137px;
    float:left;
    margin: 0 auto;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.abm-no-items .abm-no-items-optionsContainer .abm-no-items-option.createNew,
.sin-items-table .sin-items-optionsContainer .sin-items-option.createNew{
    min-width:190px;
    max-width:190px;
}
.abm-no-items .abm-no-items-optionsContainer .abm-no-items-option.createNew button.createFirst,
.sin-items-table .sin-items-optionsContainer .sin-items-option.createNew button.createFirst{
    font-weight: normal;
    text-transform: none;
    line-height: normal;
    font-size: 30px;
    width: 190px;
    height: 137px;
    margin: 0;
}

.sin-items-table .sin-items-optionsContainer .sin-items-option.orConditional{
    min-width:137px;
    max-width:137px;
    line-height: 125px;
    font-size: 23px;
}

.sin-items-table .sin-items-optionsContainer .sin-items-option.watchTutorial{
    min-width:190px;
    max-width:190px;
}

.sin-items-table .sin-items-optionsContainer .sin-items-option.watchTutorial a{

}

.sin-items-table .sin-items-optionsContainer .sin-items-option.watchTutorial a .title{
    color: #FFFFFF;
    position: absolute;
    z-index: 2;
    font-size: 22px;
    top: 100px;
    text-shadow: 1px 1px 2px #000000;
    display:block;
    width:100%;
}

.sin-items-table .sin-items-optionsContainer .sin-items-option.watchTutorial a .videoCover{
    min-height: 137px;
    max-height: 137px;
    min-width: 190px;
    max-width: 190px;
    background: transparent url(/img/video_thumb.png) no-repeat scroll 0 0;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}

.sin-items-table .sin-items-optionsContainer .sin-items-option.watchTutorial a img{
    border: 0;
    display: block;
    min-width: 190px;
    max-width: 190px;
    min-height: 137px;
    max-height: 137px;
    position: relative;
}

/**************** ITEMS TABLE ***************************/
table.items-table{
    background-color: #FFFFFF;
    border: 1px solid #B5B5B5;
    border-radius: 5px 5px 5px 5px;

    margin: 20px 0px;
    width: 940px;
    border-collapse:collapse;
    border-spacing:0;
}
table.items-table > thead > tr:first-child{
    border: 1px solid #e5e5e5;
}
table.items-table > thead > tr th{

    border-top: 1px solid #BDDEED !important;
}
table.items-table > thead > tr:first-child th{
    background: #f5f5f5;
    border-top: 1px solid #e5e5e5 !important;
}
table.items-table > thead > tr:first-child th.td-title > div{
}
table.items-table > thead > tr:first-child th.td-title.noPadding > div{
}
.ie-lte7 table.items-table {
    border-collapse: collapse; /* para bordes redondeados hace falta separate, pero en IE7 es necesario collapse */
}
table.items-table > tbody > tr > td{
    height:40px;
    padding: 0 15px;
}

table.items-table > thead > tr > th{
    height:50px;
    padding: 0 15px;
}
table.items-table > thead > tr > th[data-relOrderBy]{
    padding: 0;
    min-width: 54px;
}

table.items-table > tbody > tr > td + td,
table.items-table > thead > tr > th + th{
    border-left:1px solid #DBECF4;
}

table.items-table > tbody > tr > td,
table.items-table > thead > tr > th{
    border-top: 1px solid #DBECF4;

}

table.items-table > thead > tr > th{
    font-size: 12px;
    font-weight: normal;
    text-align:left;
}

table.items-table > tbody > tr > td.firstColumn,
table.items-table > thead > tr > th.firstColumn{
    width: 20px;
}
table.items-table > tbody > tr > td.td-expand{
    padding:5px;
}

table.items-table tr.expandable td.td-expand .icon{
    background: url("/img/es/common.png") no-repeat scroll -319px -16px transparent;
    display:inline-block;
    width:20px;
    height:30px;
}

table.items-table tr.expandable.expanded td.td-expand .icon{

    background-position: -315px -76px;
}


table.items-table > thead > tr{
    background-color:#eeeeee;
}

/* nuevo diseño */
table.items-table{
    border: 1px solid #BDDEED;
    position: relative;
}
table.items-table.scroll-content > thead > tr > th{
    border-top: 1px solid #BDDEED !important;
}

table.items-table.sin-productos{
    display:none;
}

table.items-table > tbody > tr > td,
table.items-table > thead > tr > th {
    border-top: 1px solid #DBECF4;
}


table.items-table > tbody > tr > td + td,
table.items-table > thead > tr > th + th {
    border-left: 1px solid #DBECF4;
}

table.items-table > thead > tr {
    background-color: #ECF4F8;
}

table.items-table > tbody > tr > td {
    font-size:12px;
}
table.items-table .centered {
    text-align: center;
}
table.items-table .noPadding{
    padding:0 !important;
}
table.items-table td.td-title .sub-title,
table.items-table td.td-expand .sub-title,
table.items-table td.td-title .title .sub-title,
table.items-table td.td-expand .title .sub-title{
    color: #999;
    display: block;
    font-size: 10px;
}
table.items-table .expanded > td .sub-title,
table.items-table .expanded > td .title .sub-title{
    color: #8DD2F0;
}
.ie-lte7 table.items-table td.td-title .title .sub-title,
.ie-lte7 table.items-table td.td-expand .title .sub-title{
    color: #AAAAAA;
    display: block;
    font-size: 10px;
}
table.items-table .more-info .container .row_id {
    color: #999999;
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 10px;
}
table.items-table .more-info .container .row_id .text {
    color: #CCCCCC;
    margin-right: 5px;
}
table.items-table .more-info .container .row_id .data {
    display: block;
}

table.items-table .more-info .control-group .validationMessage{
    width: 100%;

    color: #CC0000;
    display: block;
    padding: 3px 5px;
    font-size: .9em;
    font-weight:700;
}
.addOption .validationMessage{
    position: absolute;
    background: #CC0000;
    text-shadow:none;
    color: #FFFFFF !important;
    box-sizing:border-box;
    margin-top: 3px;
    width:100%;
}

.addOption .validationMessage:before, .addOption .validationMessage:after {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -8px;
    left: 50%;
    margin-left: -10px;
}

.addOption .validationMessage:after{
    border-bottom: 10px solid #CC0000;
    margin-top: -2px;
    z-index: 1;
}

/* items table tfoot */
table.items-table  tfoot {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #BDDEED;
}





table.items-table > tbody > tr.expandable.odd:not(.expanded){
    background-color: #efefef;
}

table.items-table.scroll-content > tbody > tr.more-info:last-child{
    border-top:1px solid #BDDEED;
}
table.items-table.scroll-content > tbody > tr.expanded + tr.more-info:last-child{
    border-top:none;
}
table.items-table > tbody > tr.expandable:not(.expanded):hover{
    background-color:#FBFFBA;

    -moz-transition:all .01s;
    -o-transition:all .01s;
    -webkit-transition:all .01s;
    -ms-transition:all .01s;
    transition:all .01s;
}


table.items-table th .headersText{
    display: block;
    float: left;
    margin: 0 14px;
    line-height: 50px;
    white-space: nowrap;
}

table.items-table th.td-check .headersText{
    margin-left: 0;
}

/******************* BOTTOM PANELS ***************/

tr.more-info div.container .rowLevel-actions {
    -moz-transition:all .4s;
    -o-transition:all .4s;
    -webkit-transition:all .4s;
    -ms-transition:all .4s;
    transition:all .4s;

    border-radius: 3px 3px 0 0;
    margin: -20px -20px 30px -20px;
    padding: 10px 25px;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    background-color: #F1F1F1;
    *background-color: #F1F1F1;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#f0f0f0));
    background-image: -webkit-linear-gradient(top, #F5F5F5, #f0f0f0);
    background-image: -o-linear-gradient(top, #F5F5F5, #f0f0f0);
    background-image: linear-gradient(to bottom, #F5F5F5, #f0f0f0);
    background-image: -moz-linear-gradient(top, #F5F5F5, #f0f0f0);
    background-repeat: repeat-x;

    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff0f0f0', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list{
    list-style: none;
    padding:0;
    margin: 0;
}

tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li{
    display: inline-block;
    width: 80px;
    min-height: 80px;
    text-align: center;
    float: left;
    margin: 0 20px 0 0;
    position:relative;
}

tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li .icon{
    width: 80px;
    height: 50px;
    display: block;
    background: url(/img/common.png) no-repeat -360px -480px transparent;
    opacity: .5 !important;
    filter: alpha(opacity=50) !important;
    -moz-transition:all .4s;
    -o-transition:all .4s;
    -webkit-transition:all .4s;
    -ms-transition:all .4s;
    transition:all .4s;
}
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li {
    color: #777;
    line-height: 12px;
}

tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li a,
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li button{
    color: #777;
    display: inline-block;
    height: 100%;
    width: 100%;
    background: transparent;
    border:none;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    box-shadow:none;
    outline:none;
}
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li a:hover .icon,
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li button:hover .icon{
    opacity: .7 !important;
    filter: alpha(opacity=70) !important;
}

tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li a.disabled,
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li button.disabled{
    cursor: default;
    color:#cccccc;
}

tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li a.disabled .icon,
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li a.disabled:hover .icon,
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li button.disabled .icon,
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li button.disabled:hover .icon{
    opacity: .2 !important;
    filter: alpha(opacity=20) !important;
}
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li[data-lastItem]{
    margin-right: 0;
    float:right;
}
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li a[data-action="deleteRow"] .icon,
tr.more-info div.container .rowLevel-actions ul.rowLevel-actions-list li button[data-action="deleteRow"] .icon{
    background: url(/img/common.png) no-repeat -600px -651px transparent;
}
/*********************************/



.td-check{
    padding-left:0 !important;
    border-left: none !important;
}

.td-check input[type="checkbox"]{
    margin-right:10px;
    vertical-align:middle;
}


.td-title{
    text-align:left;
    word-wrap: break-word;
    word-break: break-all;
}

.td-status{
    text-align: center;
}


td.td-status{
    text-align: left;
    white-space: nowrap;
}

.td-expiry{
    white-space: nowrap;
}


.td-status .icon,
.td-expiry .icon{
    background: url("/img/es/common.png") no-repeat scroll 60px transparent;
    height: 35px;
    vertical-align: middle;
    width: 36px;
    padding: 10px 15px 0 0;
    text-align: center;
    font-weight: bold;
    margin: -20px 0;
    color:#777;
    display: inline-block;
    margin-right: -5px;

    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.td-status:hover .icon,
.td-expiry:hover .icon,
tr.expanded .icon{
}

.td-expiry .icon{
    display:none;
}


.td-expiry.less_than_30_days{
}

.td-expiry.less_than_30_days .data{
    border-radius: 5px 5px 5px 5px;
    color: #CC0000;
    padding: 4px;
    vertical-align: middle;
    display: inline-block;
}

tr.expanded .td-expiry.less_than_30_days .data{
    background-color: #CC3300;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 4px;
}


.td-expiry.less_than_30_days .icon,
.td-expiry.less_than_7_days .icon,
.td-expiry.less_than_3_days .icon,
.td-expiry.less_than_0_days .icon{
    background-position: -313px -192px;
    display: inline-block;
    color: #666;
    text-indent: -9999px;
}

.td-expiry.less_than_7_days .icon{
    background-position: -373px -192px;
}

.td-expiry.less_than_3_days .icon{
    background-position: -433px -192px;
}

.td-expiry.less_than_0_days .icon{
    background-position: -493px -192px;
}

.td-expiry .faltan-n-dias{
    font-size: 12px;
    color: #999;
    display:none;
}

.td-expiry.no-expires{
}

.td-expiry.no-expires .faltan-n-dias{
    display:block;
}

.td-expiry.less_than_30_days .faltan-n-dias{
    display:inline-block;
}

tr.expanded .td-expiry .faltan-n-dias{
    color: #fff;
}


.td-status.P .icon{
    background-position: -73px -192px;

    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.td-status.A .icon{
    background-position: 60px;
    width: 20px;
}

.td-status.S .icon{
    background-position: -133px -193px;
}

.td-status.proceso_suspension .icon{
    background-position: -193px -193px;
}


.td-status .data{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: normal;
    width: 100px;
    opacity:.5;
    filter: alpha(opacity=50);
    text-align: center;
}


.td-date{
    text-align: center;
    white-space: nowrap;
}


table.items-table tr,
table.recordset-table tr{
    -moz-transition:all .5s;
    -o-transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
    transition:all .5s;

}
table.recordset-table td.retrieving,
table.items-table td.retrieving{
    min-height:200px;
    background: url('/img/throbber.gif') center center no-repeat rgba(255,255,255,.7) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    border: 0;
}
table.items-table tr.expandable td.td-title,
table.items-table tr.expandable td.td-expand,
table.items-table > tbody > tr.expandable > td.expandable
{
    cursor:pointer;
}

table.items-table tr.expandable td.arrow{
    width:30px;
}



table.items-table tr.expanded {
    background: #158ec2;
    color: #FFFFFF;
}

table.items-table tr.expanded > td,
table.items-table tr.more-info > td{
    border-color: #59A1C0;
}

table.items-table tr.expanded > td{
}

table.items-table tr.expanded > td.td-title a,
table.items-table tr.expanded > td.td-expand a,
table.items-table > tbody > tr.expandable.expanded > td a
{
    color:#fff;
}



table.items-table tr.more-info {
    background-color: #158ec2;
    border-bottom-width:4px;
    /*display:none; */
}


table.items-table tr.more-info > td{
    padding: 0 3px 0  3px;
    height:0;
    border:none;

    -o-transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
}

table.items-table tr.expanded + tr.more-info > td{
    padding: 0 3px 3px 3px;
    height:auto;
}


table.items-table tr.more-info > td .container{
    width: auto;
    display:none;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 20px;
    position:relative;
    min-height: 56px;
    border-radius: 3px;
}

table.items-table tr.expanded tr.more-info > td .container{
    display:block;
    width: auto;
}


table.items-table tr span.title{
    line-height: 16px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

table.items-table td.td-title .icon{
    background: url("/img/es/common.png") no-repeat scroll 400px 400px;
    width: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    margin-right:10px;
}

table.items-table tr.windows td.td-title .icon{
    background-position:-375px -75px;
}

table.items-table tr.linux td.td-title .icon{
    background-position:-375px -15px;
}





table.items-table thead tr.title{
    background: transparent;
    text-align:left;
}
table.items-table thead tr.title form {
    position: relative;
    top: 10px;
}
table.items-table thead tr.title th{
    font-weight:normal;
    border:none;
    padding: 10px;
}

table.items-table thead tr.title th h2{
    margin:0;
    font-size:18px;
    font-weight: 400;
    line-height: 42px;
}

table.items-table thead tr.title th p{
    color: #888888;
    font-size: 12px;
    margin: 0;
}

table.items-table thead tr.title .td-expand{
    min-width:30px;
    padding:0;
}


table.items-table thead tr.title th.search{
    border-left: 1px solid transparent !important;
    white-space:nowrap;
    width: 260px;

    -o-transition:all 1s 1s ease;
    -webkit-transition:all 1s 1s ease;
    -ms-transition:all 1s 1s ease;
    -moz-transition:all 1s 1s ease;
    transition:all 1s 1s ease;

}

table.items-table thead tr.title th.search.active,
table.items-table thead tr.title th.search.expanded{
    border-left: 1px solid #e1e1e1 !important;
    background-color: #eee;

    -o-transition:all 1s 0s ease;
    -webkit-transition:all 1s 0s ease;
    -ms-transition:all 1s 0s ease;
    -moz-transition:all 1s 0s ease;
    transition:all 1s 0s ease;

}
.ie-lte7 table.items-table thead tr.title th.search button{
    display:none;
}

.ie-lte7 table.items-table thead tr.title th.search.expanded button{
    display:inline;
}
table.items-table thead tr.title th.search .search-advanced{
    overflow: hidden;
    margin-top: 0px;
    max-height: 0px;

    -o-transition:max-height .2s ease, margin-top .2s ease;
    -webkit-transition:max-height .2s ease, margin-top .2s ease;
    -ms-transition:max-height .2s ease, margin-top .2s ease;
    -moz-transition:max-height .2s ease, margin-top .2s ease;
    transition:max-height .2s ease, margin-top .2s ease;
}

table.items-table thead tr.title th.search.active .search-advanced,
table.items-table thead tr.title th.search.expanded .search-advanced
{
    max-height: 100px;
    margin-top: 10px;
    padding-bottom:4px;

    -o-transition:max-height .2s ease, margin-top .2s ease;
    -webkit-transition:max-height .2s ease, margin-top .2s ease;
    -ms-transition:max-height .2s ease, margin-top .2s ease;
    -moz-transition:max-height .2s ease, margin-top .2s ease;
    transition:max-height .2s ease, margin-top .2s ease;
}

table.items-table thead tr.title th.search input.search-text,
table.items-table thead tr.title th.search input.search-from-date,
table.items-table thead tr.title th.search input.search-to-date
{
    border: medium none;
    border-radius: 3px;
    height: 30px;
    padding: 0 20px 0 10px;
    width: 100%;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -wekbit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;

}
.ie-lte7 table.items-table thead tr.title th.search input.search-text,
.ie-lte7 table.items-table thead tr.title th.search input.search-from-date,
.ie-lte7 table.items-table thead tr.title th.search input.search-to-date
{
    border: solid 1px #e1e1e1;
}
.ie-lte8 table.items-table thead tr.title th.search input.search-text,
.ie-lte8 table.items-table thead tr.title th.search input.search-from-date,
.ie-lte8 table.items-table thead tr.title th.search input.search-to-date
{
    border: solid 1px #e1e1e1;
}
table.items-table thead tr.title th.search input.search-advanced-radio{
    margin: -4px 5px 0 25px;
}

table.items-table thead tr.title th.search .mainlistSearchCancel{
    width: 15px;
    height: 15px;
    background: url(/img/items-table-sprite.png) -109px -59px no-repeat transparent;
    position: absolute;
    right: 0;
    margin-right: 35px;
    cursor: pointer;
    margin-top: 7px;
    opacity: 1;
    display:none;

    -o-transition:max-height .2s ease, margin-top .2s ease;
    -webkit-transition:max-height .2s ease, margin-top .2s ease;
    -ms-transition:max-height .2s ease, margin-top .2s ease;
    -moz-transition:max-height .2s ease, margin-top .2s ease;
    transition:max-height .2s ease, margin-top .2s ease;
}
table.items-table thead tr.title th.search .mainlistSearchCancel.trashCan{
    background: url(/img/items-table-sprite.png) -133px -58px no-repeat transparent;
}

table.items-table thead tr.title th.search input.search-from-date,
table.items-table thead tr.title th.search input.search-to-date
{
    width:100px;

}

table.items-table thead tr.title th.search input + input{
    margin-left:10px;
}


table.items-table thead tr.title th.search .search-submit,
table.items-table thead tr.title th.search .cancel
{
    margin-left:10px;

}


table.items-table thead tr.title th.search .description{
    margin-bottom:10px;
}



table.items-table tfoot tr td{
    text-align:right;
}


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

.ui-tabs-hide {
    display:none;
}

/********* pagination styles *****************/
.pagination {
    margin: 10px;
}

.pagination ul {
    box-shadow: 0;
}

.pager-button-prev:before{
    content:'« ';
}

.pager-button-next:after{
    content:' »';
}

.pagination ul > .active > a, .pagination ul > .active > span {
    color: #555;
}

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

a.btn-agregar{
}

/************* steps **************************/
.actions  > a{
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
    line-height:14px;
}
.actions > * + *{
    margin-left:10px;
}

.steps > div{
    display:none;
}

.steps > div.selected{
    display:block;
}


/**
*
* Error list
*/

ol.errorsList, ul.errorsList, dl.errorsList { margin-left:2em; }
ol.errorsList.highlightedErrors > li, ul.errorsList.highlightedErrors > li, dl.errorsList.highlightedErrors > li { color: #ff0000; }
ol.errorsList > li { line-height: 25px; list-style: none; }
ul.errorsList > li { line-height: 25px; list-style: disc outside; }

ol.errorsList > li .note {
    font-weight: normal;
    color: #888;
}


/**
*
* Main lists order by block
*/
.mainListOrderBy{
    width: 34px;
    height: 50px;
    margin: 0 !important;
    top: 0 !important;
    position: relative;
    float: right;

}

.mainListOrderBy .icon{
    width: 17px;
    height: 50px;
    margin:0;
    padding:0;
    cursor:pointer;
    float:left;
    opacity:.3;
    filter: alpha(opacity=30);

    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
.mainListOrderBy .icon.asc{
    background: url("/img/common.png") no-repeat scroll -517px -50px transparent;
}
.mainListOrderBy .icon.desc{
    background: url("/img/common.png") no-repeat scroll -500px -50px transparent;
}
.mainListOrderBy .icon.asc:hover,
.mainListOrderBy .icon.asc.active{
    background: url("/img/common.png") no-repeat scroll -517px 0 transparent;
    opacity:1;
    filter: alpha(opacity=100);
}
.mainListOrderBy .icon.desc:hover,
.mainListOrderBy .icon.desc.active{
    background: url("/img/common.png") no-repeat scroll -500px 0 transparent;
    opacity:1;
    filter: alpha(opacity=100);
}

/**
*
* Feedback
*/
#feedbackContent{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
    height:auto;
    max-height: 33px;
    margin: 0 10px 43px;
    width: 550px;
    overflow: hidden;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#feedbackContent.fixed{
    bottom:0;
    position:fixed;
    margin:0 10px 0;
}
#feedbackContent.expanded{
    max-height:500px;

    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all 1s ease;
    -ms-transition: all .4s ease;
    transition: all 1s ease;
}
#feedbackContent #feedbackHide{
    font-weight:400;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 5px 0 0 0;
    border: solid 2px #22AAE4;
    border-bottom: none;

    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#feedbackContent.expanded #feedbackHide{

    -moz-box-shadow: 0 0 10px #999999;
    -ms-box-shadow: 0 0 10px #999999;
    -webkit-box-shadow: 0 0 10px #999999;
    -o-box-shadow: 0 0 10px #999999;
    box-shadow: 0 0 10px #999999;
}
#feedbackContent #feedbackLblAlert{
    padding:15px;
}
#feedbackContent .feedbackTooglerContainer{
    height: 34px;
}
#feedbackContent #feedbackToogle,
#feedbackContent #supportToogle{
    background: none repeat scroll 0 0 #22AAE4;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    padding: 2px 15px;
    cursor:pointer;
    height: 30px;
    float: right;
}
#feedbackContent #supportToogle{
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    background: none repeat scroll 0 0 #494d53;
    margin-right: 15px;
    color:#FFFFFF;
}
#feedbackContent.expanded #supportToogle{
    opacity:0;
}
#feedbackContent #feedbackForm{
    margin-top:20px
}
#feedbackContent.sending #feedbackForm,
#feedbackContent.sent #feedbackForm{
    opacity:0;
    filter: alpha(opacity=0);
}
#feedbackContent textarea{
    width: 305px;
    height: 150px;
}

#feedbackContent #feedbackLblResponse{
    text-align: center;
    font-size: 15px;
    display: none;

    color: green;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#feedbackContent.sending #feedbackLblResponse{
    background: url(/img/throbber.gif) center center no-repeat transparent;
    text-indent: -1000px;
    overflow: hidden;
    min-height: 20px;
}
#feedbackContent.sending #feedbackLblResponse,
#feedbackContent.sent #feedbackLblResponse{
    display: block;

}

/**************** FOOTER ****************/
#appFooter{
    position: absolute;
    height: 43px;
    background: #494d53;
    width: 100%;
}

#appFooter .vendorLogo {
    max-height: 39px;
    margin: -10px 5px;
}

.footer_2{
    font-size: 12px;
    margin: 0 auto;
    width: 960px;
    padding: 10px;
    font-weight:300;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.donweb-copy{
    color: #FFF;
    font-size:13px;
    margin: 0;
    line-height: 22px;
}
.donweb-copy strong{
  font-weight:700;
}

.create-new-list-combo-bg{
    background: url("/img/es/create-new-list-combo-bg.png") no-repeat scroll left center #FFFFFF !important;
}

.loading-list-combo-bg{
    background: url("/img/throbber.gif") no-repeat scroll center center #FFFFFF !important;
}



.errorsListBlock {
    list-style: none;
    display: inline-block;
    padding: 10px 15px;
    margin: 10px auto;
    color: #D00;
    border-radius: 10px;
    clear: both;
    line-height: normal;
}


.errorsListBlock .errorLabel,
.errorsList .errorLabel{
    color:#333333;
    font-weight :bold;
}

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

table.items-table .more-info .items-table-innerTabs {
    margin: -21px -20px 20px -20px;
    padding: 0;
    border-top: 1px solid transparent;
}
table.items-table .more-info .items-table-innerTabs > .summary {
    float: left;
    width: 230px;
    border-right: 1px solid #DDD;
    min-height: 240px;
    text-shadow: none;
}
table.items-table .more-info .items-table-innerTabs > .summary > ul,
table.items-table .more-info .items-table-innerTabs > .details > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
table.items-table .more-info .items-table-innerTabs > .summary > ul > li {
}
table.items-table .more-info .items-table-innerTabs > .summary > ul > li.selected {
}
table.items-table .more-info .items-table-innerTabs > .summary > ul > li > a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 13px;


    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
table.items-table .more-info .items-table-innerTabs > .summary > ul > li.selected > a {
    background: none repeat scroll 0 0 #49BDE5;
    color: #FFFFFF;
}


table.items-table .more-info .items-table-innerTabs > .details {
    float: left;
    width: 699px;
    margin-top: 30px;
    margin-bottom: 30px;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
table.items-table .more-info .items-table-innerTabs > .details > ul > li {
    display: none;
    margin: 0;
    position: relative;
    padding: 0 30px;

    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
table.items-table .more-info .items-table-innerTabs > .details > ul > li.selected {
    display: block;
}
table.items-table .more-info .items-table-innerTabs > .details h3 {
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
}


.highlighted{
    background: #FBFFBA !important;
}

.whiteInnerBeveledBox{

    background: #FFFFFF;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    width: 100%;
    *width: 868px;
    position: relative;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

.subcontenidoInnerBox {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 15px 20px;
    width: 100%;
    position: relative;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.qq-upload-button input {
    width: auto !important;
    height: 90px !important;
}

.qq-upload-list{
    margin:10px 0;
    padding:0;
    list-style:none;
}


/**  VIDEO TUTORIALS ***/

.videoPreviewContainer{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12000;
    display:none;
}
.videoPreviewContainer .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .7;
    filter: alpha(opacity=70);
}
.videoPreviewContainer .close{
    text-shadow: none;
    opacity: 1;
    float: none;
    height: 23px;
    width: 560px;
    position: relative;
    margin: 191px auto 0 auto;
}

.videoPreviewContainer .close .icon{
    display: block;
    right: 0;
    color: #FFFFFF;
    position: absolute;
    font-size: 20px;
    text-align: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.videoPreviewContainer .video{
    box-shadow: 0px 0px 10px #000000;
    background: url(/img/spinner-tapa.gif) no-repeat 50% 50% #000000;
    width: 560px;
    border: solid 1px #444444;
    position: relative;
    margin: 0 auto;
}

.videoPreviewContainer .video iframe{
    width: 560px;
    height: 315px;
}

i.activityOn{
    background: url(/img/loading.gif) no-repeat center center !important;
}
.dropdown-menu li.dropDownSpinner,
.dropdown-menu li.loading{
    background: url(/img/loading.gif) no-repeat 10px center !important;
    min-height:20px
}

.spamStatusWarning p {
    line-height: normal;
    font-size: 13px;
    text-align: justify;
    margin-bottom: 30px;
}


/*  .pagination.quickPagination */
.pagination.quickPagination{
    margin:10px 0;
}
.pagination.quickPagination input.jumpToPage,
.pagination.quickPagination input.jumpToPage{
    width: 23px;
    text-align: right;
    vertical-align: middle;
    margin: -8px 1px -5px -7px;
    padding: 1px 4px;
    height: 16px;
    line-height: normal;
    border: 1px solid transparent;

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.pagination.quickPagination li:hover input.jumpToPage,
.pagination.quickPagination input.jumpToPage:hover{
    border: 1px solid #cccccc;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.pagination.quickPagination input.jumpToPage:focus {
  border-color: rgba(82, 168, 236, 0.8) !important;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
}
.pagination.quickPagination input.jumpToPage + span{
    opacity: 0.7;
    filter: alpha(opacity="70");
    font-style:italic;
}
.pagination.quickPagination .icon-step-backward,
.pagination.quickPagination .icon-step-forward,
.pagination.quickPagination .icon-chevron-left,
.pagination.quickPagination .icon-chevron-right {
    opacity: 0.5;
    filter: alpha(opacity="50");
    vertical-align: middle;
    height: 17px;
}

.pagination.quickPagination .disabled [class^="icon-"],
.pagination.quickPagination .disabled [class*=" icon-"]{
    opacity: 0.2;
    filter: alpha(opacity="20");
}



/* REPUTATION */
#reputation {
    display: none;
    border: 1px solid transparent;
    border-radius: 4px;
    position: inherit;
    float: right;
    margin-top: 24px;
}
#reputation.open,
#reputation:hover {
background: none repeat scroll 0 0 #FFFFFF;
-o-box-shadow: 0 1px 2px #777777;
-webkit-box-shadow: 0 1px 2px #777777;
-moz-box-shadow: 0 1px 2px #777777;
-ms-box-shadow: 0 1px 2px #777777;
box-shadow: 0 1px 2px #777777;
}
#reputation #reputationList {
    width: 700px;
    max-width: 700px;
    max-height: 463px;
    overflow: hidden;
    padding-bottom: 0;
    top: 45px;
    right: -262px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#body.whiteLabel #reputation #reputationList{
    right: -135px;
}
#reputation #reputationList  li{
    line-height: 23px;

}
#reputation #reputationList > li{
    white-space: normal;
    padding:10px 20px;
    font-size:13px;
    width: 700px;
    max-width: 700px;

    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#reputation #reputationList > li ol,
#reputation #reputationList > li ul{
    margin-top:10px;
    margin-bottom:10px;
}
#reputation #reputationList > li a{
    display:inline;
    padding: 0;
    background: none;
    color: #0066CC;
    font-size: inherit;
}
#reputation .btn.dropdown-toggle [class^="reputation-icon"]{
    display:inline-block;
    width:12px;
    height:12px;
    background:#CCCCCC;
    vertical-align:middle;
    border-radius:30px;
    margin:0 5px 3px 5px;;
}
#reputation .btn.dropdown-toggle .reputation-icon-ok,
#reputation .btn.dropdown-toggle .reputation-icon-good{
    background:green;
}
#reputation .btn.dropdown-toggle .reputation-icon-normal{
    background:#ffba00;
}
#reputation .btn.dropdown-toggle .reputation-icon-warning{
    background: #aa0000;
}
#reputation .btn.dropdown-toggle,
#reputation.open .btn.dropdown-toggle{
    border-color:transparent;
    background:none;
    -o-box-shadow:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
#reputation .btn.dropdown-toggle:hover{
    color: #333333;
}

#reputation.open > .dropdown-menu {
    overflow-y: hidden;
    max-height: 350px;
}
#reputation .dropdown-header{
    text-shadow:none;
    text-transform: none;
    font-size: 19px !important;
    font-weight: 400;
    margin-top: -5px;
}
#reputation .dropdown-header.reputation-header-ok,
#reputation .dropdown-header.reputation-header-good{
    background: #dff0d8;
    color: #468847;
}
#reputation .dropdown-header.reputation-header-normal{

    //FIX @todo Sacar cuando se normalize el problema
    /*background: #fdffd9;
    color: #e4a600;*/

    background: #dff0d8;
    color: #468847;
}

#reputation .dropdown-header.reputation-header-warning{

    //FIX @todo Sacar cuando se normalize el problema
    /*background: #f2dede;
    color: #aa0000;*/

    background: #dff0d8;
    color: #468847;
}

.navicon {
  display: inline-block;
}

.navicon.navicon-go-v2 {
  width: 46px;
  height: 28px;
  background-position: 0 0;
  margin-top: -3px;
}

.navicon.navicon-go-v2:hover{
    background-position: 0 -32px;
}

.navicon.navicon-go-v4{
    width: 49px;
    height: 28px;
    background-position: 0 -64px;
    margin-top: -3px;
}

.navicon.navicon-go-v4:hover{
    background-position: 0 -96px;
}

.navicon.navicon-gears{
    width: 47px;
    height: 40px;
    background-position: -103px 0;
    margin-top: -9px;
}

.navicon.navicon-gears:hover{
    background-position: -151px 0;
}
.disabledStyle {
    opacity: 0.2;
}