/* ESTILOS PRINCIPALES */
.ml0 {
	margin-left: 0 !important
}
.mr0 {
	margin-right: 0 !important
}
.ml5 {
	margin-left: 5px !important
}
.ml10 {
	margin-left: 10px !important
}
.ml15 {
	margin-left: 15px !important
}
.ml20 {
	margin-left: 20px !important
}
.ml25 {
	margin-left: 25px !important
}
.mr5 {
	margin-right: 5px !important
}
.mr10 {
	margin-right: 10px !important
}
.mr15 {
	margin-right: 15px !important
}
.mr20 {
	margin-right: 20px !important
}
.mr25 {
	margin-right: 25px !important
}
.mb0 {
	margin-bottom: 0 !important
}
.mb5 {
	margin-bottom: 5px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.mb15 {
	margin-bottom: 15px !important
}
.mb20 {
	margin-bottom: 20px !important
}
.mb25 {
	margin-bottom: 25px !important
}
.mt0 {
	margin-top: 0 !important
}
.mt5 {
	margin-top: 5px !important
}
.mt3 {
	margin-top: 3px !important
}
.mt10 {
	margin-top: 10px !important
}
.mt15 {
	margin-top: 15px !important
}
.mt20 {
	margin-top: 20px !important
}
.mt25 {
	margin-top: 25px !important
}
.pd0{
	padding:0 !important
}
.m0 {margin:0 !important}
.pdl0{
	padding-left:0px !important
}
.pd20 {
padding:20px !important}
.pdb0{
	padding-bottom:0 !important
}
.pdb15{
	padding-bottom:15px !important
}
.ln25{
	line-height: 28px !important
}
.ln15{
	line-height: 15px !important
}
.tj{
	text-align: justify;
}
.oh{
	overflow:hidden
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.color {color:#D50171}
.fn {
 font-weight:normal}
.centrar-btn {
    width:auto !important;
    margin: 0 auto
}
/** ### TOP MENU ### **/
.navbar-logo {
    float: left;
    padding: 9px 0px;
    line-height: 20px;
    height: 55px;
    margin-right: 20px;
}

.user {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

    .user img {
        vertical-align: middle;
        border-radius: 50%;
        border: 1px solid #737778;
        display: inline-block;
    }

.user-box {
   display: inline-block;
   vertical-align: middle;
   max-height: 41px;
   overflow-y: hidden;
}

.nombre-box {
    line-height: 15px;
}

.rol-box {
    font-size: 11px;
    line-height: 15px;
}

.logout {
    font-size: 35px;
    padding: 10px 5px 10px 15px !important;
    background-color: #737778;
}

    .logout:hover {
        background: #e8e8e8;
        color: #737778;
    }

.badge-alertas {
    position: absolute;
    top: 10px;
    right: 25px;
    padding: 3px 5px;
    font-size: 13px;
}

.icon-notification {
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    line-height: 25px !important;
}

.bg-01 {
    background: #4b5457;
}

.bg-02 {
    background: #d50171;
}

.bg-03 {
    background: #8cc322;
}
.bg-04 {
    background-color:#737778;
}
/** ### MENU LATERAL ### **/
.page-sidebar-menu {
    margin: 0;
    list-style: none;
    padding: 25px 15px;
    position: absolute;
    top: 0;
    width: 235px;
}

    .page-sidebar-menu .panel {
        background-color: transparent;
        border: none;
        border-color: transparent;
    }

.panel-default .panel-heading {
    background-color: transparent;
    border: none;
    border-color: transparent;
    padding: 0;
}

.panel-default .panel-heading i {
    width: 20px;
    text-align: center;
    margin-right: 5px;
 }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none transparent;
    padding: 10px 0 10px 25px;
}

.page-sidebar-menu .panel-title a {
    font-size: 14px;
    font-weight: normal;
    padding: 7px 10px;
    border-radius: 3px;
    background-color: #fff;
    color: #4b5457;
    display: inline-block;
    width: 100%;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.page-sidebar-menu .panel-title .collapsed {
    background-color: transparent;
    color: #d3d5d5;
}

.page-sidebar-menu .panel-title a:hover {
    background-color: #737778;
    color: #d3d5d5;
}

.page-sidebar-menu .submenu {
    list-style: none;
    padding: 0;
    margin: 0 0 0 15px;
}

    .page-sidebar-menu .submenu li {
        margin-bottom: 5px;
    }

        .page-sidebar-menu .submenu li:last-child {
            margin-bottom: 0px;
        }

    .page-sidebar-menu .submenu a {
        color: #d3d5d5;
        font-size: 12px !important;
        -moz-transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

        .page-sidebar-menu .submenu a:hover {
            color: #fff;
        }

        .page-sidebar-menu .submenu a i {
            margin-right: 5px;
        }

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #wrapper.toggled {
        padding-left: 235px;
    }

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 235px;
    width: 0;
    height: 100%;
    margin-left: -235px;
    overflow-y: auto;
    background-color: #4b5457;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 235px;
}

#page-content-wrapper {
    width: 100%;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -235px;
}
/** ### HOME ### **/
iframe[id^='twitter-widget-']{ width:100% !important;}
.contenedor {
    margin-top: 30px;
}

.bg-tab {
    background: transparent url(../images/plus-white.png) no-repeat 95% center;
}

.bg-tab-active {
    background: url(../images/minus.png) no-repeat 95% center;
}

.page-top {
    padding: 15px 20px;
    background: #4b5457;
    overflow: hidden;
    position:fixed;
    z-index:999;
    top:55px;
    left:235px;
    right:0px
}

    .page-top h1 {
        color: #d4d6d6;
        padding: 0;
        margin: 0;
        font-size: 25px;
        font-family: 'Titillium Web', sans-serif;
    }

.box-nivel {
    border: 1px solid #d7d7d7;
    background-color: #fff;
    margin-bottom: 20px;
}

.box-nivel-title {
    padding: 10px;
}

    .box-nivel-title h3 {
        margin: 0;
        padding: 0;
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

.box-nivel-body {
    padding: 15px;
}

.box-agenda {
    background-color: #e4e4e4;
    padding: 15px;
    overflow: hidden;
    color: #8b8b8b;
}
.tablaCupos a{
    padding: 3px 7px !important;
    line-height: 15px !important;
}
.tablaCupos tbody td:nth-child(3){
    font-weight: 500;
}
.tablaCupos thead th:nth-child(4), .tablaCupos thead th:nth-child(5), .tablaCupos tbody td:nth-child(4), .tablaCupos tbody td:nth-child(5){
    text-align: right;
}
.comboBuscadorCupos input{
    display: block;
    width: 100% !important;
    height: 30px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*.comboBuscadorCupos input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}*/
.comboBuscadorCupos table td:nth-child(2) div, .comboBuscadorCupos table td:nth-child(3) div{
    margin-top: 3px;
}
/** ### RELOJ y HORA ### **/
.actual-date {
    display: inline-block;
    font-family: 'Titillium Web', sans-serif;
}

    .actual-date .actual-day {
        font-size: 8em;
        line-height: 0.8em;
        font-weight: 600;
        display: block;
        margin-bottom: 15px;
    }

    .actual-date .actual-month {
        font-size: 2em;
        line-height: 0.2em;
        display: block;
        text-align: center;
    }

.clock-wrapper {
    max-height: 130px;
    height: 100%;
    width: 100%;
}

.clock {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    margin: 0 auto;
}

    .clock .circle {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        max-width: 130px;
        max-height: 130px;
    }

    .clock .face {
        border: 2px solid #8b8b8b;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        height: 100%;
        position: relative;
        width: 100%;
    }

        .clock .face:after {
            background: #8b8b8b;
            border-radius: 4px;
            content: "";
            display: block;
            height: 8px;
            left: 50%;
            margin: -4px 0 0 -4px;
            position: absolute;
            top: 50%;
            width: 8px;
        }

        .clock .face:before {
            background: rgba(255, 255, 255, 0);
            border-radius: 50%;
            bottom: 2px;
            content: "";
            display: block;
            left: 2px;
            position: absolute;
            right: 2px;
            top: 2px;
        }

#hour {
    background: #8b8b8b;
    border-radius: 5px 0 0 5px;
    height: 0;
    left: 50%;
    margin: -2px 0 -2px -25%;
    padding: 2px 0 2px 25%;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    width: 0;
}

#minute {
    background: #8b8b8b;
    border-radius: 5px 5px 0 0;
    height: 0;
    left: 50%;
    margin: -40% -2px 0;
    padding: 40% 2px 0;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    width: 0;
}

#second {
    background: #8b8b8b;
    height: 0;
    left: 50%;
    margin: -40% -1px 0 0;
    padding: 40% 1px 0;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    width: 0;
}

.panel-white .clock .face, .partition-white .clock .face {
    background: rgba(255, 255, 255, 0);
    border: 2px solid rgba(44, 47, 59, 0.4);
}

    .panel-white .clock .face:after, .partition-white .clock .face:after {
        background: rgba(44, 47, 59, 0.4);
    }

    .panel-white .clock .face:before, .partition-white .clock .face:before {
        background: rgba(44, 47, 59, 0);
    }

.panel-white .clock #hour, .partition-white .clock #hour {
    background: rgba(44, 47, 59, 0.4);
    width: 0;
}

.panel-white .clock #minute, .partition-white .clock #minute {
    background: rgba(44, 47, 59, 0.4);
}

.panel-white .clock #second, .partition-white .clock #second {
    background: rgba(44, 47, 59, 0.2);
}

.meteo {
    text-align: center;
}
.meteo .temp {
        font-family: 'Titillium Web', sans-serif;
        font-size: 30px;
        font-weight: 600;
        margin-top: 5px;
}
.meteo .lugar {
        font-size: 11px;
}
.menutoggle {
    font-size: 22px;
    cursor: pointer;
}
/** ### LOGIN ### **/
.visible-ie {
    display: none;
}

.input-icon {
    position: relative;
}

.input-icon > i {
        color: #cacaca;
        display: block;
        position: absolute;
        margin: 10px 2px 4px 10px;
        z-index: 3;
        width: 16px;
        height: 16px;
        font-size: 16px;
        text-align: center;
    }

    .input-icon > .form-control {
        padding-left: 33px;
    }

#LoginUser {
    margin: 0 auto;
}

.login {
    background-color: #666 !important;
}

    .login label {
        font-weight: normal;
    }

    .login .logo {
        margin: 0 auto;
        margin-top: 60px;
        padding: 15px;
        text-align: center;
    }

    .login .content {
        background: url(/Privado/Resources/images/bg-white-lock.png) repeat;
        width: 360px;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 30px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

        .login .content h3 {
            color: #eee;
        }

        .login .content p,
        .login .content label {
            color: #fff;
        }

        .login .content .login-form {
            padding: 0px;
            margin: 0px;
        }

        .login .content .form-control {
            background-color: #fff;
        }

        .login .content .form-title {
            font-weight: 300;
            margin-bottom: 25px;
            margin-top: 0px;
            font-family: 'Titillium Web', sans-serif;
            font-size: 32px;
        }

.recovery a {
    color: #fff;
    line-height: 30px;
}

    .recovery a:hover {
        text-decoration: underline;
    }
.login-txt { color:#fff}
/**BOTONES*/
.btn-01 {
    color: #FFFFFF;
    background-color: #D50E72;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

    .x-btn-pressed,
    .btn-01:hover,
    .btn-01:focus,
    .btn-01:active,
    .btn-01.active,
    .open .dropdown-toggle.btn-01 {
        color: #FFFFFF;
        background-color: #4C5457;
    }

    .btn-01:active,
    .btn-01.active,
    .open .dropdown-toggle.btn-01 {
        background-image: none;
    }

    .btn-01.disabled,
    .btn-01[disabled],
    fieldset[disabled] .btn-01,
    .btn-01.disabled:hover,
    .btn-01[disabled]:hover,
    fieldset[disabled] .btn-01:hover,
    .btn-01.disabled:focus,
    .btn-01[disabled]:focus,
    fieldset[disabled] .btn-01:focus,
    .btn-01.disabled:active,
    .btn-01[disabled]:active,
    fieldset[disabled] .btn-01:active,
    .btn-01.disabled.active,
    .btn-01[disabled].active,
    fieldset[disabled] .btn-01.active {
        background-color: #bfbfbf;
    }

    .btn-01 .badge {
        color: #D50E72;
        background-color: #FFFFFF;
    }

    .btn-02 {
    color: #FFFFFF;
    background-color: #4b5457;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

    .x-btn-pressed,
    .btn-02:hover,
    .btn-02:focus,
    .btn-02:active,
    .btn-02.active,
    .open .dropdown-toggle.btn-02 {
        color: #FFFFFF;
        background-color: #D50E72;
    }

    .btn-02:active,
    .btn-02.active,
    .open .dropdown-toggle.btn-02 {
        background-image: none;
    }

    .btn-02.disabled,
    .btn-02[disabled],
    fieldset[disabled] .btn-02,
    .btn-02.disabled:hover,
    .btn-02[disabled]:hover,
    fieldset[disabled] .btn-02:hover,
    .btn-02.disabled:focus,
    .btn-02[disabled]:focus,
    fieldset[disabled] .btn-02:focus,
    .btn-02.disabled:active,
    .btn-02[disabled]:active,
    fieldset[disabled] .btn-02:active,
    .btn-02.disabled.active,
    .btn-02[disabled].active,
    fieldset[disabled] .btn-02.active {
        background-color: #bfbfbf;
    }

    .btn-02 .badge {
        color: #4b5457;
        background-color: #FFFFFF;
    }
/*** TOOGLES ***/
.toggle-slide {
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  direction: ltr;
}
.toggle-slide .toggle-on,
.toggle-slide .toggle-off,
.toggle-slide .toggle-blob {
  float: left;
}
.toggle-slide .toggle-blob {
  position: relative;
  z-index: 99;
  cursor: hand;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
#DivAdministrar {
width:70px;
display:inline-block
}
.label-claves {
vertical-align: top;
padding-top: 8px;
margin-right: 5px;}
.toggle-modern .toggle-slide {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, left top, left bottom, from(#c0c5c9), to(#a1a9af));
  background: -webkit-linear-gradient(#c0c5c9, #a1a9af);
  background: linear-gradient(#c0c5c9, #a1a9af);
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
}
.toggle-modern .toggle-on,
.toggle-modern .toggle-off {
  -webkit-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
         text-align: center;
}
.toggle-modern .toggle-select .toggle-off,
.toggle-modern .toggle-select .toggle-on {
  background: none;
}
.toggle-modern .toggle-off,
.toggle-modern .toggle-off.active {
  background: -webkit-gradient(linear, left top, left bottom, from(#4b5457), to(#4b5457));
  background: -webkit-linear-gradient(#4b5457, #4b5457);
  background: linear-gradient(#4b5457, #4b5457);
  color: #A2A2A2;
}
.toggle-modern .toggle-on,
.toggle-modern .toggle-on.active {
  background: -webkit-gradient(linear, left top, left bottom, from(#d50171), to(#d50171));
  background: -webkit-linear-gradient(#d50171, #d50171);
  background: linear-gradient(#d50171, #d50171);
}
.toggle-modern .toggle-blob {
  background: -webkit-gradient(linear, left top, left bottom, from(#c0c6c9), to(#81898f));
  background: -webkit-linear-gradient(#c0c6c9, #81898f);
  background: linear-gradient(#c0c6c9, #81898f);
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.2);

}
.toggle-modern .toggle-blob:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a1a9af), to(#a1a9af));
  background-image: -webkit-linear-gradient(#a1a9af, #a1a9af);
  background-image: linear-gradient(#a1a9af, #a1a9af);
}
/*** EXT.NET ***/
.form-horizontal .x-table-plain {
 width:100%}
.x-btn {
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.x-btn-inner i {
    margin-right: 5px;
}

.x-panel-default {
    border: 1px solid silver;
}

.x-grid-cell {
    font: normal 12px/24px "Roboto",sans-serif;
}
.x-grid-cell img {
    vertical-align:sub
}

.panel-wrap {
   position: absolute;
   padding: 0 15px;
   width: 100%;
   display: none;
   margin-bottom: 20px;
   width: calc(100% - 30px);
}

.form-group .x-form-item-body {
    width: 100% !important;
}

.x-form-item-body input {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #747474;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-horizontal {
    background-color: #F5F5F5;
    padding: 15px 20px 0px 20px;
    border: 1px solid #FFFFFF;
    outline: 1px solid #DBDBDB;
}
.box-list .x-boundlist {
background-color: #fff;
padding: 10px;
}
.listadoOficinas .x-boundlist {
background-color: #fff;
padding: 10px;
outline: solid 1px #DFDFDF;
}
.x-boundlist-item {
border-bottom: 1px solid #eee !important;
padding-bottom: 3px !important;
padding-top: 3px !important;
}
.x-boundlist ul li:last-child {
    border-bottom:none !important}
.listadoOficinas .x-boundlist-item:before {    
font-family: 'FontAwesome';
content: "\f024";
margin: 0 10px 0 0px;
color: #D50E72;
}
.x-multiselect-with-checkbox .x-boundlist-item {
background-position: 1px 6px;
padding-left: 22px;
}
/**## GESTOR DE CONTENIDOS ##**/
        #dvHeader {
            width: 100%;
        }
        #dvContent {
            width: 100%;
        }
        #dvFolders {
            width: 32%;

        }
        #dvFiles {
            width: 67%;

        }
        #dvFilesDetailsView
        {
            width: 67%;

        }
        .images-view .x-panel-body {
            background: white;
            font-size:12px
        }
        .images-view .thumb {
            padding: 3px;
            padding-bottom: 0;
        }

        .x-quirks .images-view .thumb {
            padding-bottom: 3px;
        }

        .images-view .thumb
        {
            text-align: center;
        }

        .images-view .thumb-wrap {
            float: left;
            margin: 4px;
            margin-right: 0;
            padding: 5px;
        }

        .images-view .thumb-wrap
        {
            height: 60px;
        }

        .images-view .thumb-wrap span {  
            display: block;
            overflow: hidden;
            text-align: center;
            width: 86px; // for ie to ensure that the text is centered
        }

        .images-view .x-item-over{
            border: 1px solid #dddddd;
            background: #efefef url(../../Shared/images/row-over.gif) repeat-x left top;
            padding: 4px;
        }

        .images-view .x-item-selected{
            background: #eff5fb url(../../Shared/images/selected.gif) no-repeat right bottom;
            border: 1px solid #99bbe8;
            padding: 4px;
        }

        .images-view .x-item-selected .thumb{
            background: transparent;
        }

        .images-view .loading-indicator {
            font-size: 11px;
            background-image : url('../../Shared/images/loading.gif');
            background-repeat: no-repeat;
            background-position: left;
            padding-left: 20px;
            margin: 10px;
        }

        .x-view-selector {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            border: 1px dotted;
            opacity: .5;
            -moz-opacity: .5;
            filter: alpha(opacity=50);
            zoom: 1;
            background-color: #c3daf9;
            border-color: #3399bb;
        }

        .ext-strict .ext-ie .x-tree .x-panel-bwrap {
            position: relative;
            overflow: hidden;
        }
        .x-grid-editor .x-form-text {
        height:25px}

/**## FITLTROS y FORMULARIOS ##**/
.h-input input {
height: 28px !important;
line-height: 16px !important;}
.filtro-avanzado {
    display: block;
    padding: 10px 10px 0px 10px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    outline: 1px solid #DBDBDB;
}
    .filtro-avanzado > ul {
     margin-bottom:7px}
.filtro-avanzado .multiple {
        margin-top:3px
}
.filtro-avanzado .multiple li {
    margin-bottom:5px;
}
.head-tabla {
border-bottom: 2px solid #ddd;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 5px;}
.btn-small {
   padding:5px 3px;
}
    .btn-small .x-btn-inner i {
    margin-right:0px}
.box-editar {
border: solid 1px #DFDFDF;
background-color: #fff;
padding: 5px 20px;
margin: 5px 0;
}
.row-tabla {
border-bottom: 1px solid #ddd;
margin-bottom: 5px;
padding-bottom:5px
}
.subtitulo-form {
display: block;
width: 100%;
padding: 0;
margin:0px;
font-size: 21px;
line-height: inherit;
color: #d50171;}
 .claseModulo {
border: 1px solid #dddddd;
background-color: #ffffff;
padding: 10px;
margin: 10px;
}
.claseModuloScroll {
    border: 1px solid #dddddd;
background-color: #ffffff;
padding: 10px;
margin: 10px;
overflow:auto;
height:300px
}
.TituloModulo {
display: block;
width: 100%;
padding: 0;
margin: 0 0 10px 0;
font-size: 15px;
line-height: inherit;
color: #d50171;
font-weight: 500;
}
.claseTituloModulo {
display: block;
width: 100%;
padding: 0;
margin: 0 0 10px 0;
font-size: 15px;
line-height: inherit;
color: #d50171;
font-weight: 500;
}
.claseTituloModulo:before {
font-family: 'FontAwesome';
content: "\f023";
margin: 0 5px 0 0px;
color: #D50E72;
font-weight:normal
}
 .fotoPerfil {
border: 1px solid #DBDBDB;
padding: 2px;
background-color: #fff;
border-radius: 50%;
width: 200px;
max-width: 100%;
height: auto;
box-shadow: 0px 0px 0px 3px #CACACA;
}

  .foto {
border: 1px solid #DBDBDB;
padding: 2px;
background-color: #fff;
border-radius: 3%;
width: 200px;
max-width: 100%;
height: auto;
box-shadow: 0px 0px 0px 3px #CACACA;
}

 /**## COMUNICACIONES ##**/
.x-htmleditor-imageupload {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999;
    font-size: 15px;
    line-height: 17px;
}
.popup-img legend {
    width: auto;
border-bottom: none;
font-size: 16px;
padding-right: 5px;
}
    .x-htmleditor-imageupload:before {
        content: "\f03e";
    }
.direcciones-item{
    padding: 0 0 0 5px;
border-bottom: 1px solid #E2E2E2;}
.direcciones-item:hover {
    background-color:#efefef}
.btn-isolated {
padding: 5px;
line-height: 16px;}
/**## DIRECTORIO PROVEEDORES ##**/
.ficha-proveedor {
border: 1px solid #DADADA;
background: #EFEFEF;
}
.grid-proveedores li {
    margin: 0px 0 10px 0;
}
.logo-ficha-proveedor {
    padding: 10px 15px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #E2E2E2;
    min-height: 111px;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .logo-ficha-proveedor img {
        max-width: 100%;
        height: auto;
        max-height: 85px;
    }
.detalle-ficha-proveedor {padding: 15px;
border-top: 1px solid #FFF;
}
.datos-ficha-proveedor {
line-height:20px}
.datos-ficha-proveedor h4 {
        margin: 0px 0 5px 0px;
    }
.datos-ficha-proveedor i {
 width:20px}
.buscador-box {
margin-bottom:20px}
.LogoMayoristaDetalle {
border: 1px solid #DBDBDB;
padding: 10px 20px;
background-color: #fff;
border-radius: 50%;
width: 200px;
height: 200px;
background-repeat: no-repeat;
background-position: center center;
box-shadow: 0px 0px 0px 5px #eee;
}
.rowitem td {
vertical-align:middle !important}
.truncate-email, .truncate-url {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis}
/*** FORO ***/
.head-forum {
 background-color:#737778; color:#fff}
.head-forum span{
padding: 10px;
display: inline-block;}
.del-post{padding:10px; margin-top: 10px;}
.itemForo span, .topic-name{
padding: 15px 10px;
display: inline-block;
}
.topic-name {
color: #999;
}
.icon-topic i {
font-size: 39px; color: #D50171;}
.title-topic {
    color:#4b5457; 
    margin:0; 
    font-size:15px}
.forum-title {
line-height: 27px; margin:0px}
.itemForo i {
vertical-align:middle; color: #D50171;}
.del-post i {
 color:#fff}
.forum-name-head {
font-weight:bold;
font-size:15px
}
.title-topic:hover {
text-decoration:underline
}
.topic-link{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-decoration: none;
z-index: 10;
background-color: #FFF;
opacity: 0;
filter: alpha(opacity=1)
}
.forum-name a {margin-left:5px}
.itemForo {border-bottom: 1px solid #eee;}
.itemForo:hover {
    background-color:#efefef}
#dvNuevoTema .x-btn-pressed, #dvNuevoPost .x-btn-pressed, .EditorHTML .x-btn-pressed{
background-color: #E3E3E3 !important;
}
#dvNuevoTema .x-toolbar-default, #dvNuevoPost .x-toolbar-default, .EditorHTML .x-toolbar-default{background-color: #F2F2F2;}
.fotoPerfilForo {
border: 1px solid #DBDBDB;
padding: 2px;
background-color: #fff;
border-radius: 50%;
width: 100px;
max-width: 100%;
height: auto;
box-shadow: 0px 0px 0px 3px #CACACA;
margin-top:15px;
margin-bottom:10px
}
.info-detalle-topic {margin-bottom: 10px;
border-bottom: 3px solid #DCDCDC;
padding-bottom: 10px;
}
    .info-detalle-topic h4 {
     margin:0 0 5px 0}
.info-detalle-topic i, .info-detalle-topic-widget i, .infousuario i {
 color:#d50171}
.acciones-box {
 text-align:right}
.separador-top {border-top:1px solid #DCDCDC; padding-top:10px; margin-top:10px}
/**WIDGET FORO**/
.fotoPerfilForoMini {
border: 1px solid #DBDBDB;
padding: 2px;
background-color: #fff;
border-radius: 50%;
width: 40px;
max-width: 100%;
height: auto;
box-shadow: 0px 0px 0px 1px #CACACA;
}
.widget .fotoPerfilForoMini {
    box-shadow:none;
    padding:0
}
.forum .box-item-foro-widget{
padding: 15px;
margin-bottom: 25px;
background-color: #F5F5F5;
border: 1px solid #FFFFFF;
outline: 1px solid #DBDBDB;
}
.widget .box-item-foro-widget{
padding: 0px;
margin-bottom: 10px;
border-bottom: 1px solid #DBDBDB;
}
.widget .info-detalle-topic-widget {margin-bottom: 10px; font-size:11px}
.widget .info-detalle-topic-widget h4 {
     margin:0 0 5px 0; font-size:16px}
.widget .resumen {
    margin-bottom:10px
 }
.forum .info-detalle-topic-widget {margin-bottom: 10px;
border-bottom: 3px solid #DCDCDC;
padding-bottom: 10px;
}
.forum .info-detalle-topic-widget h4 {
     margin:0 0 5px 0}
/**## MULTLOGIN ##**/
#quicksearch{
 height:30px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.buscador-box-destacado {
padding: 10px;
margin-bottom: 25px;
background-color: #F5F5F5;
border: 1px solid #FFFFFF;
outline: 1px solid #DBDBDB;
}
.input-big input {
 height:30px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 font-size: 16px;
line-height: 19px;
}
.searchclear {
    position:absolute;
    right:5px;
    top:0;
    bottom:0;
    height:14px;
    margin:auto;
    font-size:14px;
    cursor:pointer;
    color:#ccc;
}
.categorias {
margin-right:10px; margin-bottom:10px;
background: white;
position: relative;
z-index: 90;
text-align: left;
display: inline-block;
font-weight: 500;
padding: 6px 26px 6px 10px;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.categorias:hover, .categorias.active {color:#fff !important; text-align: center; padding: 6px 18px;} 
.ribbon-wrapper {
width: 50px;
height: 30px;
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
}

.ribbon-color {
color: #333;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 10px 0;
left: 0px;
top: 15px;
width: 125px;
background-color: #D63B3B;
}

.ribbon-color:before, .ribbon-color:after {
  content: "";
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-color:before {
  left: 0;
}
.ribbon-color:after {
  right: 0;
}
#filtersCategorias .btn:active, .btn.active {-webkit-box-shadow: none; box-shadow: none;}
#filtersCategorias .todos {color: #4b5457; border: 1px solid #4b5457;}
.todos .ribbon-color, .todos .ribboncorner-color, .todos:hover, .todos.active, .item .todos{background-color: #4b5457}
#filtersCategorias .transporte {color: #D63B3B; border: 1px solid #D63B3B;}
.transporte .ribbon-color, .transporte .ribboncorner-color,.transporte:hover, .transporte.active, .item .transporte {background-color: #D63B3B}
#filtersCategorias .receptivos {color: #ACA72A; border: 1px solid #ACA72A;}
.receptivos .ribbon-color, .receptivos .ribboncorner-color,.receptivos:hover, .receptivos.active, .item .receptivos {background-color: #ACA72A}
#filtersCategorias .cruceros {color: #2E8BAF; border: 1px solid #2E8BAF;}
.cruceros .ribbon-color, .cruceros .ribboncorner-color,.cruceros:hover, .cruceros.active, .item .cruceros {background-color: #2E8BAF}
#filtersCategorias .hoteles {color: #2EAF71; border: 1px solid #2EAF71;}
.hoteles .ribbon-color, .hoteles .ribboncorner-color,.hoteles:hover, .hoteles.active, .item .hoteles {background-color: #2EAF71}
#filtersCategorias .paquetes {color: #CE903E; border: 1px solid #CE903E;}
.paquetes .ribbon-color, .paquetes .ribboncorner-color,.paquetes:hover, .paquetes.active, .item .paquetes {background-color: #CE903E}
#filtersCategorias .seguros {color: #5B7096; border: 1px solid #5B7096;}
.seguros .ribbon-color, .seguros .ribboncorner-color,.seguros:hover, .seguros.active, .item .seguros {background-color: #5B7096}
#filtersCategorias .rentacar {color: #A75CD1; border: 1px solid #A75CD1;}
.rentacar .ribbon-color, .rentacar .ribboncorner-color,.rentacar:hover, .rentacar.active, .item .rentacar {background-color: #A75CD1}
#filtersCategorias .otros {color: #9B9A94; border: 1px solid #9B9A94;}
.otros .ribbon-color, .otros .ribboncorner-color,.otros:hover, .otros.active, .item .otros {background-color: #9B9A94}
#filtersCategorias .niveldiez {
    background-color: #fff;
    background-image: url(/Privado/Resources/Images/logo-login.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 84px;
    height: 34px;
    border: 1px solid #d50171;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    background-size: 72px auto;
}
/*#filtersCategorias .niveldiez:hover, #filtersCategorias .niveldiez.active {
    background-image:url(/Privado/Resources/Images/logo-nivel10-xs.png); background-position-y: -24px; background-color: #d50171;
}*/
 #TodosLosFiltros {
margin-bottom:15px}
.item {
    width: 185px;
    height: 70px;
    background: #ffffff !important;
    float: left;
    margin:5px;
}
    .item:hover img {
     -webkit-transform: scale(1.2, 1.2);
    -webkit-transition-duration: 100ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transform: scale(1.2, 1.2);
    -moz-transition-duration: 100ms;
    -moz-transition-timing-function: ease-out;
    -ms-transform: scale(1.20, 1.20);
    -ms-transition-duration: 100ms;
    -ms-transition-timing-function: ease-out;}
.item-content {
}
.item-top {
    height:5px;
}
.item-logo {
padding:10px; text-align:center; border:1px solid #cdcdcd;}
.item-logo img {
    width:130px;
    -webkit-transform: scale(1, 1);
    -webkit-transition-duration: 100ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 100ms;
    -moz-transition-timing-function: ease-out;
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 100ms;
    -ms-transition-timing-function: ease-out;
}
.item.niveldiez:before {
    content: '';
    background-image: url(/Privado/Resources/Images/favicon.png);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 25px;
    height: 25px;
    background-color: #ddd;
    border-radius: 0 0 0 25px;
    padding: 6px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 6px 1px;
}
.overlays {
    width: 100%;
    height: 70px;
    background: none !important;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    left: 0;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding-top: 5px;
    visibility: hidden;
}
/* item type overlay */
.overlays.active{
    opacity:1;filter: alpha(opacity=1);
    visibility:visible
}
.editar-claves {
height:100%; 
background-color: rgba(95, 95, 95, 0.45);
-webkit-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.overlays.active .editar-claves {opacity:1;filter: alpha(opacity=1);}
.overlays.active .editar-claves:hover, .item.large .overlays.active .editar-claves{background-color: rgba(95, 95, 95, 0.75);}
 .editar-claves i { 
top: 21px;
position: relative;
cursor: pointer;
display: block;
speak: none;
text-transform: none;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
font-size: 30px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fav { position:absolute; top: 35px; left:10px; font-size:20px }
.fav i:before {
content: "\f004";
text-shadow: -2px 0 white, 0 2px white, 0 2px white, 2px 0 white, 0 -2px white;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.fav.active i:before {
        content: "\f004";
        color:#d50171 !important;
    }
.fav:hover i:before {
        content: "\f004";
        color:#D15D9A;
    }
.item.large {
        width: 380px;
        z-index: 10;
        font-size: 13px;
        float: left;
        min-height:230px
    }
.item.large .item-content {
     width:380px}
.item:hover {
        cursor: pointer;
    }
.MayoristaDisable img {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.3; 
    filter: alpha(opacity=0.3)
}
.MayoristaEnable {
}
.Formulario {
    background-color: #F5F5F5;
    padding: 15px 20px 15px 20px;
    border: 1px solid #FFFFFF;
    outline: 1px solid #DBDBDB;
    display:none;
    margin: 0 1px 0 1px;
    min-height: 160px;
}
.Formulario input[type="text"] {
   width: 100% }
.item.large .item-content .Formulario {display:block}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        transition-property: transform, opacity;
    }

.losBaners .form-group .control-label {
    text-align: left;
}

.numVersion {
   float: left;
   padding: 27px 1px;
   color: white;
   font-size: 15px;
   line-height: 25px;
   height: 55px;
   font-family: 'Titillium Web', sans-serif;
}

/** #### RESPONSIVE ###**/
/* Large desktop */
@media (min-width: 1200px) {
}

@media (min-width: 980px) and (max-width: 1199px) {
     .actual-date .actual-day {
        font-size: 6em;
    }
    .actual-date .actual-month {
        font-size: 1.2em;
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .navbar-brand {
        font-size: 20px;
    }
   
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 235px;
        margin-top: 55px;
    }

        #wrapper.toggled {
            padding-left: 0;
        }

    #sidebar-wrapper {
        width: 235px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
    .form-horizontal .control-label {padding-top: 2px;}
    }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #wrapper {
        margin-top: 111px;
    }

    .container-fluid > .navbar-header {
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
    }

    .navbar-logo {
        float: none;
        margin-right: 0px;
    }

    .navbar-nav {
        margin: 0px -15px;
        float: none;
    }

    .nav > li {
        float: left;
    }

    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .fa-retweet {
        display: inline-block !important;
    }

    .form-group {
        margin-bottom: 0px;
    }

    label {
        padding-top: 7px;
    }

    .box-actions {
        margin-top: 15px;
    }

    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        padding: 30px;
        width: 300px;
    }

        .login .content h3 {
            font-size: 22px;
        }

    .recovery {
        text-align: left;
    }

    .login .form-group {
        margin-bottom: 15px;
    }

    .login label {
        padding-top: 0px;
    }
    .page-top {
       top:110px;
       left: 0px;
}
    .acciones-box {
 text-align:left; margin-top:10px}
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .meteo i {
        font-size: 45px;
    }

    .meteo .temp {
        font-size: 20px;
    }

    .actual-date .actual-day {
        font-size: 5em;
        line-height: 0.7em;
    }

    .actual-date .actual-month {
        font-size: 1em;
    }

    .user-box, .user-box + .caret {
        display: none;
    }
}
/* Small Devices */
@media (max-width: 320px) {
}
.ribboncorner-wrapper{
    width: 50px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99;
}
.ribboncorner-color{
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    position: relative;
    padding: 0 0 10px 0;
    right: 26px;
    top: 15px;
    width: 125px;
}
.ribboncorner-color i{
    color: white;
    text-shadow: none;
    margin-left: 16px;
    margin-top: 4px;
}


/*RECORDATORIOS HOME*/
.lineaCumpleanos:first-child, .lineaViajes:first-child{
    margin-top: -5px;
}
.lineaCumpleanos:last-child, .lineaViajes:last-child{
    margin-bottom: -5px;
}
.lineaCumpleanos .row, .lineaViajes .row{
    margin-bottom: 6px;
    border-bottom: 1px dashed #f1f1f1;
    padding-bottom: 6px;
}
.lineaCumpleanos:last-child .row, .lineaViajes:last-child .row{
    margin-bottom: 0;
    border-bottom: 0;
}

/*Banner*/
    .fotoBanner {
border: 1px solid #DBDBDB;
padding: 2px;
background-color: #fff;
border-radius: 3%;
width: 400px;
max-width: 100%;
height: auto;
box-shadow: 0px 0px 0px 3px #CACACA;
}