/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
.disableda, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	min-width: 990px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------------------------- New site -natali-2016----------------------------------------- */
html{
	height: 100%;
	overflow:hidden;
	min-width: 990px;
}
body {
	font-family: 'Ubuntu', sans-serif;
	height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 11px;
}
button{
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
a{
    cursor:pointer;
    text-decoration:none;
}
img.full, .full{
    width:100%;
}
.scroll-h{
    min-width: 100%;
    padding: 0px;
    margin: 0;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    height: auto;
    padding-top: 1%;
    white-space: nowrap;
    position: relative;
    display: block;
    -webkit-overflow-scrolling: touch;
}
.scroll-v{
    overflow-y: scroll;
    height: 100%;
    box-sizing: border-box;
}
.max-h-500{
	max-height: 500px;
}
.relative{
    position:relative;
}
.bold{
    font-weight:bold !important;
}
.transparent{
    color:transparent!important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #999;
	font-weight: 100;
	letter-spacing: 0.3px;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #999;
	font-weight: 100;
	letter-spacing: 0.3px;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #999;
	font-weight: 100;
	letter-spacing: 0.3px;
}
:-moz-placeholder { /* Firefox 18- */
	color: #999;
	font-weight: 100;
	letter-spacing: 0.3px;
}
/* SPINNER -------------------------------------------------------------------------------- */
.spinner {
    display:none;
    margin: 0;
    width: 188px !important;
    text-align: center;
    height: 0;
    padding-top: 0!important;
}
.spinner.ui-dialog-content{
    display:block;
    margin: 20px auto 0;
    height: initial !important;
}
.spinner > div {
  width: 28px;
  height: 28px;
  background-color: #FFFFFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/* ICONOS -------------------------------------------------------------------------------- */
.ico-links{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(/Content/images/sprite.png) no-repeat -186px -26px;
    vertical-align: middle;
    margin-top: -2px;
}
.ico-pre-list{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(/Content/images/sprite.png) no-repeat -161px -26px;
    vertical-align: middle;
    margin-top: -2px;
}

/* LOGIN -------------------------------------------------------------------------------- */
.container.logon{
    padding:0;
    background: url("/Content/images/bg_login.jpg") no-repeat center top;
    overflow: hidden;
    background-size:cover;
    min-width: inherit;
    height: 100%;
}
.box-login{
    max-width: 450px;
    padding-bottom: 40px;
    margin: 0 auto;
    margin-top: 7%;
    padding-top: 0;
    background-color: rgba(255,255,255,0.7);
    overflow: hidden;
}
.logo{
    margin: 15px 0 0 20px;
    width: 140px;
    height: initial;
}
.box-logo{
    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.box-logo p{
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #26395A;
    letter-spacing: 0.05em;
    margin-top: 4px;
}
.cont-logo-letter{
    position: relative;
    width: 130px;
    margin: 0 auto;
}
img.logo-print{
    display:none;
}
.letter-system{
    position: absolute;
    left: 120px;
    top: -20px;
    background: #466CAA;
    height: 29px;
    font-family: verdana;
    color: #fff;
    text-align: left;
    line-height: 28px;
    padding-left: 9px;
    padding-right: 10px;
    font-size: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    max-width:58px;
}
.logo-mobile, .logo-externo-mobile, .logo-interno-mobile{
    display:none;
}
.name-system{
    text-align: right;
    font-family: verdana;
    color: #3B67C0;
    font-size: 11px;
    display: block;
    margin-right: 48px;
    margin-bottom: 8px;
}
.box-login .cont-form{
    width: 60%;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
}
.box-login .cont-form > div {
    margin-bottom: 15px;
}
.box-login .validation-summary-errors{
    background: none !important;
    text-align: center;
    width: 80%;
    padding: 0;
    min-height: initial;
    margin: 0 auto;
}
.box-login .validation-summary-errors ul{
    padding: 0;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: bold;
    list-style-type: none;
}
#LogOnModelFrm label {
    font-size: 12px;
    color: #666;
}
#LogOnModelFrm .cont-form div label{
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 3px;
}
#LogOnModelFrm .cont-form div input{
    width: 97%;
    margin: 0;
    background: #25375B;
    color: #fff;
    height: 28px;
    font-family: 'Ubuntu', sans-serif;
    border: 0;
    font-size: 15px;
}
#LogOnModelFrm .cont-form div #UserName{
    background: #25375B url("/Content/images/icon_login.png") no-repeat right 4px;
}
#LogOnModelFrm .cont-form div #Password{
    background: #25375B url("/Content/images/icon_login.png") no-repeat right -73px;
}
#LogOnModelFrm button{
    width: 60%;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    background:#7C9FD1;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    border: 0;
    padding: 9px 0;
}
#LogOnModelFrm button:hover{
    background: #25375B;
}
/*Error in forms*/
.cont-validation-summary-errors, .cont-validation-summary-warnings{
    display: block;
    margin-left: -30px;
    margin-bottom: 19px;
    margin-top: -19px;
    width: calc(100% + 60px);
    background-color: #fed4e2;
}
.cont-validation-summary-warnings{
    background: #FFE69B;
}
.icon.validation-error{
    background:url(/Content/images/noti-error.png);
    width: 34px;
    height: 34px;
    position: fixed;
    right: 18%;
    opacity: 1;
    top: 92px;
    z-index: 1000;
    -webkit-transition: right .3s;
    -moz-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
}
.validation-summary-errors{
    vertical-align: middle;
    display: table;
    width: 90%;
}
.cont-validation-summary-errors .cont-scroll ul li,  .cont-validation-summary-warnings .cont-scroll ul li{
    padding: 6px 0;
}
.cont-validation-summary-errors .validation-summary-errors{
}
.navigation-parent .validation-summary-errors{
    top: 110px;
}
.navigation-parent .validation-summary-errors-icon .ico.errors{
    top: 125px;
}
.cont-validation-summary-errors .cont-scroll, .cont-validation-summary-warnings .cont-scroll{
    display: table-cell;
    vertical-align: middle;
    overflow-y: initial !important;
    padding-left: 24px;
}
.validation-summary-errors ul, .cont-validation-summary-warnings  ul{
    color: #b02122;
    margin: 0;
    font-size: 12px;
    list-style-type: decimal;
    text-align: left;
    padding-left: 22px;
    width: 92%;
    vertical-align: middle;
    display: table-cell;
}
.cont-validation-summary-warnings ul{
    color:#8f8636 !important;
}
.validation-summary-errors ul li, .cont-validation-summary-warnings ul li{
    margin:2px 0;
}
.validation-summary-errors ul li:last-child{
}
.validation-summary-errors .ico.errors, .cont-validation-summary-warnings .ico.errors{
    position: absolute;
    opacity: 1;
    z-index: 1001002;
}
/*Flecha*/
/*
.validation-summary-errors-icon:hover div:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(80% - 25px);
    top: -9px;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fbebeb transparent;
}*/
.validation-summary-errors-icon ul{
    display:none;
    width: 210px;
    background-color: #faeef2;
    text-align: right;
    margin-left: -200px;
    padding: 12px;
    color: #d12627;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.validation-summary-errors-icon:hover ul{
    display:block;
}
.validation-summary-errors-icon ul li{
    margin-bottom: 8px;
    color: #d12627;
    font-size: 12px;
}

/*Autocomplete*/
#UserName:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #25375B inset !important;
    -webkit-text-fill-color: #FFF !important;
}
#Password:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #25375B inset !important;
    -webkit-text-fill-color: #FFF !important;
}
/*Error in document*/
.message{
    padding:4% 0;
    text-align:center;
}
.cont-form .message h2, .message h2{
	padding: 5px 0;
    font-size: 17px;
    color: #2d60c5;
}
.cont-form .message p, .message p{
    font-size: 15px;
    color: #999999;
    padding-top: 2px;
}
/* NAV -------------------------------------------------------------------------------- */
/**/
.header-navbar{
    display:block;
    width:100%;
    height:50px;
}
#header{
	background-color: #203050 !important;
    background-image: none!important;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001005;
    min-width: 990px;
}
#subheader{
	margin: 0;
	width: inherit;
	height: inherit;
}
#subheader .box-logo{
    margin: 0 auto;
    margin-top: 11px;
    margin-left:10px;
    height: 39px;
}
#subheader .box-logo p{
    color: rgba(255, 255, 255, 0.5);
    font-weight: normal;
    font-size: 9px;
    margin-top:0;
}
#subheader .letter-system{
    left: 82px;
    top: -2px;
    background: rgba(255, 255, 255, 0.4);
    height: 23px;
    line-height: 22px;
    font-size: 18px;
    max-width: 54px;
}
.left-site{
    float: left;
    width: 17%;
    border-right: 1px solid #506384;
    height: 100%;
    margin-left: -1px;
    position:relative;
    min-width:200px;
}
.left-site .arrow{
    display: block;
    width: 15px;
    height: 15px;
    background: url(/Content/images/arrow_sec.png) no-repeat 3px 6px;
    position: absolute;
    right: 20px;
    top: 16px;
    opacity: 0.4;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    z-index: 2;
    margin-right: 0;
}
.left-site .arrow:hover{
    background-color: rgba(124, 159, 209, 0.54);
}
#subheader .left-site .systems{
    background: #203050;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
#subheader .left-site .systems .box-logo{
    padding: 0;
    margin-top: 0;
    cursor:pointer;
}
.left-site .systems{}
.left-site .systems li{
    position: relative;
    padding: 14px 0 5px;
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
}
.left-site .systems li:hover{
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    background: url(/Content/images/arrow_next.png) no-repeat 90% center;
}
.left-site .systems li a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#subheader .left-site .systems.show{
    height: 200px;
    padding: 20px 0;
    overflow-y: auto;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
.left-site .home{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.left-site label{
    float: none!important;
    margin: 0 !important;
    position: absolute;
    color: rgba(255, 255, 255, 0.73);
    left: 20px;
    top: 33px;
    font-size: 11px;
    text-align: left;
}
.right-site{
    float:right;
    width: 82%;
}
#subheader > a{
	display: none;
}
.logoSistema{
    font-family: 'Ubuntu', sans-serif;
    color: #fff;
    font-size: 38px;
    float: left;
    margin: 6px 0 0 39px;
}
/*Buscador general*/
#mainSearch{
    float: left;
    display: block;
    position: relative;
    margin-top: 12px;
    margin-left: 14px;
}
.searching{
    padding: 0;
    overflow: hidden;
    position: relative;
    display: block;
    float: left;
}
/*searchBox*/
#mainSearch input {
    margin: 0;
    border: none;
    font-size: 12px;
    -webkit-appearance: none;
    outline: none;
    line-height: 15px;
    padding: 0 5px;
    height: 25px;
    background-color: #6a7488;
    width: 23px;
    transition: width .25s ease,padding-left 0s linear .25s, background-color .25s ease;
    -webkit-transition: width .25s ease,padding-left 0s linear .25s, background-color .25s ease;
    -o-transition: width .25s ease,padding-left 0s linear .25s, background-color .25s ease;
    -moz-transition: width .25s ease,padding-left 0s linear .25s, background-color .25s ease;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border: 1px solid #33456a;
}
#mainSearch #searchBox:focus {
    background-color: rgb(255,255,255);
    transition: width .25s ease;
    width: 200px;
    padding: 0 5px;
}
#searchBox::-webkit-input-placeholder {
  color: #333333;
  font-weight:bold;
}
#searchBox::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
  font-weight:bold;
}
#searchBox:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
  font-weight:bold;
}
#searchBox:-moz-placeholder { /* Firefox 18- */
  color: #333333;
  font-weight:bold;
}
.search_btn{
    display: block;
    width: 25px;
    height: 25px;
    background: url(/Content/images/sprite.png) no-repeat 4px -23px;
    text-indent: -9999px;
    cursor: pointer;
    border: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/*User*/
.user-site{
    float:right;
}
.out{

}
.user{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.user li{
    float: left;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    background: none!important;
    line-height: 20px;
    padding: 4px 0;
    font-weight: lighter;
}
.user > li{
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.user > li:hover, .user > li:hover a{
    opacity: 1;
    -moz-opacity: 1;
    cursor:pointer;
}
.user > li.one-fly2{
    opacity: 1;
    -moz-opacity: 1;
}
.user > li.hover{
    opacity: 1;
    -moz-opacity: 1;
}
/*.user li span.icon-noti, .user li span.icon-user, .user li span, .user li a.out, .one-fly a.fl{
    opacity: 0.4;
    -moz-opacity: 0.4;
}*/
.user li span:first-child{
    display:inline-block;
    width:19px;
    height:21px;
    background: url(/Content/images/sprite.png) no-repeat left top;
    text-indent: -9999px;
    margin-right:0;
}
.user li span.icon-noti{
    background-position: -20px top;
    margin-right: 30px;
}
.user li span.icon-user{
    background-position: -43px top;
}
.user li span.icon-centro{
    background-position: -70px top;
}

.user li.active{
    opacity: 1;
    -moz-opacity:1;
}
/*Efecto icon-noti*/
.user li.active span.icon-noti{
    animation: colorchange 5s infinite ease-in-out;
    -webkit-animation: colorchange 5s infinite ease-in-out;
}
@keyframes colorchange
    {
        0%, 100%  {opacity: 0.7;}
        50%  {opacity: 1;}
    }
@-webkit-keyframes colorchange
        {
          0%, 100%  {opacity: 0.7;}
          50%  {opacity: 1;}
        }
/*Efecto Alerta Active*/
.onda {
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: -28px;
    margin-left: -10px;
    z-index: -1;
    display:none;
}
.active .onda{
    display:block;
}
.onda .double-bounce1, .onda .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color:rgba(0, 208, 255, 0.67);
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 5s infinite ease-in-out;
  animation: sk-bounce 5s infinite ease-in-out;
}

.onda .double-bounce2 {
  -webkit-animation-delay: 4.6s;
  animation-delay: 4.6s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/*icons*/
.user li:hover a.out, .user li:hover span.icon-noti, .user li:hover span.icon-user,.user li:hover span.icon-centro {
    opacity: 1;
    -moz-opacity:1;
}
.user li.fly-top-centro,.user li.one-fly {
    width: inherit !important;
    margin-right: 16px;
}
.user li.fly-top-centro:hover a{
    color:#FFF;
}
.one-fly a.fl, .fly-top-centro a.fl{
    background: url("/Content/images/arrow_sec.png") no-repeat right center;
}
.one-fly a.fl{
    padding-left:2px;
}
.user li a{
    padding: 17px 16px;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: lighter;
    cursor: default;
}
/*Desplegable*/
.user li > .fly-top  {
    display: none;
}
.user li.hover .fly-top{
    display: block;
}
.user li.hover .fly-top ul{
    overflow: hidden;
}
.user li .fly-top ul.languages{
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.user li .fly-top ul.more-options{
    background: #fff;
    border-top: 1px solid rgba(107, 106, 106, 0.2);
}
.user li .fly-top ul.more-options a.out{
    cursor: pointer;
    color: #666;
    padding: 6px 0 6px 28px;
    display: block;
    font-size: 11px;
}
.user li .fly-top ul.more-options a.out:hover{
    color: #6e9bef;
}
.user li.hover .fly-top.noti{
    padding: 13px;
    width: 250px;
}
.user .fly-top.noti li{
    text-transform: initial;
    opacity: 1;
}
.user .fly-top {
    position: absolute;
    right: -20px;
    z-index: 100000;
    background: #344e81;
    top: 29px;
    max-height: 300px;
    overflow-y:auto;
    width: 300px;
    box-shadow: 0px 0px 6px #203050;
    -moz-box-shadow: 0px 0px 6px #203050;
    -webkit-box-shadow: 0px 0px 6px #203050;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.fly-top-centro:hover .fly-top {
    display: block !important;
}
.user .fly-top li {
    width: 100%;
    padding: 0;
}
#txtCentroDivisionSearch{
    margin: 10px 20px;
    width: 86% !important;
    border: none;
    padding: 6px;
}
.user .fly-top li a.fly {
    color: #fff;
    display: block;
    font-size: 11px;
    cursor: pointer;
    padding: 6px 15px 6px 30px;
}
.user .fly-top li a.fly.selected {
    background: url("/Content/images/ico-selected.png") no-repeat 10px 8px;
}
.user .fly-top li a.fly:hover{
    background-color: #203050;
    color: #FFF;
}
/*NAV Inbox*/
.user li.inbox{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    margin-right: 25px;
    padding:0;
}
.user li.inbox a{
    color: rgba(255, 255, 255, 0.6);
	display: block;
	padding:0;
	margin-top: 3px;
	cursor: pointer;
}
.user li.inbox a i{
    background-position: -193px -51px;
    width: 26px;
    height: 24px;
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    filter: alpha(opacity=30);
}
.user li.inbox a:hover i{
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}
.inbox span{
    display: block;
    max-width: 19px;
    min-width: 17px;
    height: 20px;
    text-align: center;
    color: #FFF;
    font-size: 9px;
    line-height: 21px;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -o-border-radius: 17px;
    background-color: #EA0000;
    position: absolute;
    left: 16px;
    top: -3px;
    font-weight: lighter;
    padding: 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user li strong {
    display: none;
}
/* CONTENIDO -------------------------------------------------------------------------------- */
.container{
	/*display: table;*/
	display:block;
    height: calc(100% - 50px);
    width: 100%;
    min-width: 990px;
}
/* HIDE MENU -------------------------------------------------------------------------------- */
.container.hide-menu #menu{
    width: 3%;
    min-width: 3%;
}
.container.hide-menu #menu-hover #navigationWrapper {
    display: block;
}
.container.hide-menu #contain{
    width:97%;
}
.container.hide-menu #contain .cont{
    width: 83.5%;
}
.container.hide-menu.hide-actions #contain .cont{
    width: 96.7%;
}
.container.hide-menu.hide-actions #contain .cont .cont-form fieldset.cont-collapsed > .title_list,
.container.hide-menu.hide-actions #contain .cont .cont-form fieldset.cont-collapsed.hide > .title_list{
}
.container.hide-menu .fake-menu{
    width: 16.5%;
}
.container.hide-menu #contain-top-actions{
    width: 16.5%;
}
.container.hide-menu.hide-actions #contain .fake-actions, .container.hide-actions #contain .fake-actions{
    width: 3%;
}
.container.hide-menu #contain #contain-top-actions .expand {
    -webkit-transition: left .3s;
    -moz-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s;
}
.container.hide-menu #menu .inbox, .container.hide-menu #menu #navigationWrapper{
    display:none;
}
.container.hide-actions #contain-top-actions{
    width:3%;
}
/*Ícono de alerta de formularios*/
.container.hide-menu #contain .cont .icon.validation-error{
    right: 20%;
    -webkit-transition: right .3s;
    -moz-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
}
.container.hide-menu.hide-actions #contain .cont .icon.validation-error{
    right: 5%;
    -webkit-transition: right .3s;
    -moz-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
}
.container.hide-actions #contain .cont .icon.validation-error{
    right: 5%;
}
/**/
/* HIDE ACTIONS -------------------------------------------------------------------------------- */
.container.hide-actions .cont{
    width:96.7%;
}
.container.hide-actions .cont-actions, .container.hide-actions .more-info{
    display:none;
}

/* LEFT SIDE -------------------------------------------------------------------------------- */
#menu{
    width: 16.95%;
    height: calc(100% - 50px);
    background: #344E81;
    vertical-align: top;
    position:absolute;
    /*transition*/
    -webkit-transition: width .3s; /* Safari */
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    left:0;
    /*Este valor permite que las validaciones estén por encima del menú.*/
    z-index:56006;
    border-right: 1px solid rgba(242, 242, 242, 0.2);
}
#menu .icon.expand{
    position: absolute;
    left: 19px;
    top: 8px;
    display: block;
    z-index: 100;
    opacity:1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    background-position: -48px -56px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
#menu .icon.collapse{
    position: absolute;
    left: 16px;
    top: 8px;
    display: block;
    z-index: 100;
    background-position:-68px -56px;
    opacity:1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}
#menu .icon.expand:hover, #menu .icon.collapse:hover{
    background-color: rgba(124, 159, 209, 0.54);
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}
/*MENU HOVER*/
#menu.menu-hover{
    position:absolute;
    width:16.95% !important;
    z-index:100000;
    -webkit-transition: width .3s; /* Safari */
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
#menu.menu-hover #navigationWrapper{
    display:block !important;
}
/*ACTIONS HOVER*/
#contain-top-actions.actions-hover{
    position:absolute;
    width:19% !important;
    -webkit-transition: width .3s; /* Safari */
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    z-index:3;
}
.container.hide-menu #contain-top-actions.actions-hover {
    width: 16.5% !important;
}
.container.hide-actions #contain-top-actions.actions-hover .cont-actions, .container.hide-actions #contain-top-actions.actions-hover .more-info{
    display:block;
}

/*FAKE MENU*/
/*open*/
.fake-menu{
    display:block;
    width: 17%;
    height:100%;
    float:left;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
/*close*/
.container.hide-menu .fake-menu{
    width:3%;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
/*FAKE ACTIONS*/
/*open*/
.fake-actions{
    display:block;
    width: 19%;
    height: calc(100% - 35px);
    float: right;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    max-width: 228px;
}
/*close*/
.container.hide-actions .fake-action{
    width:3%;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
/**/ -------- */
#navigationWrapper{
    position: absolute;
    overflow-y: initial;
    padding: 0;
    height: 100%;
    width: 100%;
}
#navigationWrapper .cont-absolute{
    padding-top: 24px;
    padding-bottom: 30px;
}
.title{
	display: none;
}


/*MENU PRINCIPAL*/
#navigationWrapper .navigation_list.navigationFirst{
	width: 100%;
    margin-bottom: 3px;
	border-bottom: 1px solid #2C426E;
    padding-bottom: 10px;
}

/*Primer Nivel*/
/*
.navigation_list.navigationFirst > .collapsibleMenuParent  > div{
    position:relative;
}
*/
.navigation_list.navigationFirst > .collapsibleMenuParent.expanded  > ul{
    display:block;
}
.navigation_list.navigationFirst > .collapsibleMenuParent.collapsed > ul{
    display: block;
}
/*
.navigation_list.navigationFirst .arrow{
    display: block;
    width: 20px;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(/Content/images/sprite.png) no-repeat -164px -51px;
    opacity: 0.4;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=40);
}
.navigation_list.navigationFirst .expanded .arrow{
    background-position:-164px -65px;
}*/
.navigation_list.navigationFirst .sub .first{
	background:none;
	color: #fff;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
	padding: 0 0 0 15%;
	height: 35px;
	display: block;
	text-decoration: none;
	line-height: 40px;
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
}
.navigation_list.navigationFirst .sub:hover .first{
    opacity:1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
	cursor: default;
}
.navigation_list.navigationFirst .sub:hover .arrow{
    opacity:1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
}

/*Segundo Nivel*/
.navigation_list.navigationFirst .sub .navigation_list .sub .non_first{
	min-height: 22px;
	border-left: 6px solid #344E81;
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	padding: 0 0 5px 12%;
	/*line-height:20px;*/
	line-height:22px;
	display: block;
	text-decoration: none;
	font-weight: 100;
}
.navigation_list.navigationFirst .sub .navigation_list .sub .non_first:hover,
.navigation_list.navigationFirst .sub .navigation_list .sub .non_first:active
{
    background: #2e4067;
    color: #FFF;
    border-color: #2e4067;
}
.navigation_list.navigationFirst .sub .navigation_list .sub .non_first.active
{
	/*background: #203050;
	color: #FFF;
	border-color: #ff9900;
	*/
    background: #5384E7;
    color: #FFF;
    border-color: #8FB1FA;
}


/*Tercer Nivel*/
.navigation_list.navigationFirst .sub .navigation_list .sub.collapsed > ul{
	display: none;
}
.navigation_list.navigationFirst .sub .navigation_list .sub.expanded > ul{
	display: block;
}
.navigation_list.navigationFirst .sub .navigation_list .sub.collapsed,
.navigation_list.navigationFirst .sub .navigation_list .sub.expanded{
	position: relative;
}
.navigation_list.navigationFirst .sub .navigation_list .sub.collapsed div .arrow,
.navigation_list.navigationFirst .sub .navigation_list .sub.expanded div .arrow{
    display: block;
    width: 10px;
    height: 10px;
    background: url("/Content/images/arrow_sec.png") no-repeat left top;
    position: absolute;
    left: 20px;
    top: 9px;
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
}
.navigation_list.navigationFirst .sub .navigation_list .sub.expanded .collapsibleMenu .non_first{
	color:#fff;
}
.navigation_list.navigationFirst .sub .navigation_list .sub.expanded > ul .sub .non_first{
	padding: 0 0 0 18%;
}

/* RIGHT SIDE -------------------------------------------------------------------------------- */

#contain{
    /*display: table-cell;*/
    display:block;
    float:right;/*right: para evitar el acomodamiento o desplazamiento del contenido en IE.*/
    width:83%;
    height: 100%;
    text-align: left;
    /*transition*/
    -webkit-transition: width .3s; /* Safari */
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    background: #f4f6fb;
}
#contain-general{
	/*display: table;*/
	display:block;
    width: 100%;
    height: 100%;
    position: relative;
}
.cont{
    display:block;
    height: calc(100% - 35px);
	vertical-align: top;
    /*width: calc(100% - 228px);*/
    width:80.9%;
    float: left;
    /*position: relative;*/
    /*transition*/
    -webkit-transition: width .3s; /* Safari */
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
.navigation-parent .cont{
    height: calc(100% - 60px);
}
.navigation-parent .cont .icon.validation-error{
    top:116px;
}
.cont .cont-scroll{
    overflow-y: scroll;
    height: 100%;
}
.cont-absolute{
    height: 100%;
    box-sizing: border-box;
}
.cont .cont-scroll .padd{
    padding: 20px 30px;
    padding-bottom: 50px;
    box-sizing: border-box;
    height: 100%;
}
.list {
    /*padding: 40px 30px;*/
    clear: both;
}


/*CABECERA*/
.cont-titles{
    position:relative;
	min-height: 35px;
}
.titles{
    background-color:#fefefe;
    height: 35px;
    width: 100%;
    margin-top: 0;
    position: absolute;
    z-index: 56005;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 6px #cfcfcf;
    -moz-box-shadow: 0px 0px 6px #cfcfcf;
    -webkit-box-shadow: 0px 0px 6px #cfcfcf;
    padding-left: 30px;
    box-sizing: border-box;
}

.navigation-parent .cont-titles, .titles.navigation-parent{
    height:60px;
}
.titles.navigation-parent{
    width: 100%;
}
.navigation-parent{
    display: block;
}
.titles .navigation-parent{
    padding-left: 0;
    background-color: #fefefe;
    height: 19px;
    padding-top: 0;
    display: table;
    width: 100%;
    vertical-align: middle;
    border-bottom: 1px solid #e1e5f0;
    box-sizing: border-box;
}
.titles .navigation-parent .root{
    width: inherit;
    height: auto;
    padding: 0;
    display: inline;
    font-size: 10px;
    /*border-right: 1px solid rgba(255,255,255,0.7);*/
    padding-left: 5px;
    padding-right:10px;
    vertical-align: middle;
}
.titles .navigation-parent .root a{
    font-size: 10px;
    color:rgb(52, 78, 129);
    /*padding-right: 10px;
    padding-left:2px;*/
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    display: inline-block;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.titles.navigation-parent .icon.back{
    vertical-align: middle;
    background-color: transparent;
    background-position: -105px -33px;
    margin: 0;
    width: 12px;
    height: 12px;
    opacity: inherit;
}
.titles .navigation-parent .root a:hover{
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    color:rgb(52, 78, 129);
}
.titles .navigation-parent .root:last-child{
    border:none;
}
.titles .navigation-parent .root:first-child{
    padding-left: 0;
}
/*filtro*/
.titles .cont-filter{
    float: right;
    margin-top: 4px;
    cursor: pointer;
    margin-left: 10px;
    width: 27px;
    height: 25px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.titles .icon.filter{
    width: 20px;
    height: 21px;
    margin: 0;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    margin-left: 4px;
    margin-top: 3px;
}
.titles .cont-filter.active{
    background: rgba(209, 212, 213, 0.5);
}
.titles .cont-filter.active .icon.filter{
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}
/**/
/*Control de accesos*/
.titles .control-access{
    float: right;
    margin-top: 4px;
    cursor: pointer;
    margin-left: 10px;
    width: 27px;
    height: 25px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.titles .control-access .icon.access{
    background-position: -215px -25px;
    width: 20px;
    height: 21px;
    margin: 0;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    margin-left: 3px;
    margin-top: 2px;
}
.titles .control-access.active{
    background: rgba(0, 208, 255, 0.5);
}
.titles .control-access.active .icon.access{
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}
/*Icono bitacora*/
.titles .bitacora{
    float: right;
    margin-top: 4px;
    cursor: pointer;
    margin-left: 10px;
    width: 27px;
    height: 25px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.titles .bitacora .icon.bita{
    background-position: -107px -127px;
    width: 20px;
    height: 21px;
    margin: 0;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    margin-left: 3px;
    margin-top: 2px;
}
/*Ojito - View */
.titles .list-views{
    float: right;
    margin-top: 4px;
    cursor: pointer;
    margin-left: 10px;
    width: 27px;
    height: 25px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.titles .list-views .icon.view{
    background-position: -267px -27px;
    width: 25px;
    height: 21px;
    margin: 0;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    margin:2px 0 0 2px;
}
.titles .list-views.active{
    background: rgba(0, 208, 255, 0.5);
}
.titles .lists-views.active .icon.view{
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}
/**/
.titles .left{
    vertical-align: middle;
    width: 80%;
    box-sizing: border-box;
}
.titles .left .more-data{
    margin-right: 0;
}
.titles .right{
    vertical-align: middle;
    width: 19%;
    border-left: 2px solid rgba(245, 246, 249, 0.23);
    float:right;
}
.right #searching .listSearchText, .right #searching .listSearchText:focus{
    width: 165px!important;
}
.titles h2{
	color:#2d60c5 !important;
    float: left;
    height: 100%;
    line-height: 33px;
    font-size: 18px;
    font-weight: 500;
    text-transform:uppercase;
}
.titles .left h2{
    height: initial;
    line-height: normal;
    margin-top: 6px;
    cursor: default;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*BREADCRUMB*/
.cont-breadcrumbs .breadcrumb{
    float: left;
    line-height: 34px;
    color: #2D60C5;
    box-sizing: border-box;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    padding-right: 10px;
    background: url(/Content/images/ico-breadcrumb.png) no-repeat right 8px;
    background-size: 6px 16px;
    margin-right: 4px;
}
.cont-breadcrumbs h2{
    font-size: 12px;
    line-height: 23px !important;
}


/*Buscador interno*/
.cont-searching {
    float: right;
    z-index: 100;
    padding: 0;
    height: 100%;
    display: table;
    vertical-align: middle;
	margin-right: 2%;
}
#searching {
    display: table-cell;
    position: relative;
    height: 100%;
    padding: 0;
    vertical-align: middle;
	width: inherit!important;
	padding-right: 30px;
}
#searching .listSearchText{
    font-size: 13px;
    margin: 0 !important;
    height: 24px;
    border: none;
    width: 250px !important;
    background-color:#f6f7fa;
    -webkit-appearance: none;
    -webkit-transition: width 1s;
    transition: width 1s;
    position: absolute;
    top: 6px;
    right: 30px;
    padding: 0 5px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}
#searching .listSearchText:focus {
    outline: none !important;
    width: 250px !important;
    background-color:#e9edf4;
}

#listSearchBtn {
    display: block;
    width: 20px;
    height: 20px;
    background: url("/Content/images/sprite.png") no-repeat 0 -26px;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    right: 32px;
    top: 9px;
}
/**/
#help{
	display: none;
}
/*Desplegables*/
.titles > .entity_list {
    float: right;
    margin-right: 3%;
    height: 100%;
    vertical-align: middle;
}
.titles > .entity_list > li{
    height: 100%;
    vertical-align: middle;
}
.titles > .dropdown-list.entity_list > li{
    vertical-align: middle;
    height: 100%;
}
.titles > .dropdown-list.entity_list > li a{
    vertical-align: middle;
    background-position: right 16px
}
/**/
.dropdown-list{
    float: left;
    margin-left: 2px;
    display: block;
    position: relative;
    margin-right: 14px;
}
/*Estados*/
.estados-list{
    float: right !important;
    max-width: 200px;
    margin-right: 0;
}
.estados-list.dropdown-list > li > i{
    position: absolute;
    left: 23px;
    top: 3px;
    background-image: none;
    background-color: #fe0000;
    opacity: 1;
    width: 8px;
    height: 8px;
    border-radius: 13px;
    line-height: 2px;
    text-align: center;
    color: rgba(255, 255, 255, 0.82);
    letter-spacing: 1px;
    font-size: 12px;
}
/*.estados-list.dropdown-list > li > i:before{
    top: 100%;
	left: 6px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #fe0000;
	border-width: 3px;
	margin-left: -1px;
}*/
.estados-list.dropdown-list > li > a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 16px;
    display: block;
}
/**/
.entity_list.right {
    float:right;
    margin-right:20px;
}
.titles .more-data {
    float: right;
    margin-right: 6%;
}
.right .more-data{
    float:none;
    margin: 0 auto;
    display: table;
    text-align: center;
}
.pre-list #contextNavigations{
    /*right: -149%;
    min-width: 200px*/
    right: inherit;
    min-width: 200px;
    left: -230%;
}
.pre-list .ico-pre-list{
    margin-right:0;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}
.dropdown-list.pre-list > li > a{
    background-position:right 17px;
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
}
.dropdown-list > li > a .ico-links{
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
}
#contextNavigationTitles{
}
.entity_list > li{
    height: 100%;
    display: table;
}
.titles .dropdown-list > li{
    position:relative;
    height: 38px;
    line-height: 33px;
}
.dropdown-list > li > a
{
    background: url("/Content/images/arrow_sec_2.png") no-repeat right 14px;
    margin: 0;
    padding: 0 14px 0 10px;
    color: #888;
    font-size: 12px;
    width: initial;
    height: 100%;
    font-weight: 300;
    cursor: default;
    display:inline-block;
}
.titles .version-list.dropdown-list > li{
    line-height: 35px;
}
.version-list.dropdown-list > li > a{
/*    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);*/
    padding-left: 5px;
}
.dropdown-list > li > a:hover{
    color:#888;
}
li:hover #contextNavigations, ul.entity_list li:hover > div , ul.dropdown-list li:hover > div {
    display: block;
}

#contextNavigations, ul.entity_list div.second_list, ul.dropdown-list div.second_list{
    background: #fff;
    border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border:1px solid #CCCCCC;
	display: none;
    position: absolute;
    top: 36px;
    right: 7%;
    z-index: 30000;
    box-shadow: 2px 2px 6px #ccc;
    -moz-box-shadow: 2px 2px 6px #ccc;
    -webkit-box-shadow: 2px 2px 6px #ccc;
    text-align:left;
    padding: 16px;
    padding-right:0;
    padding-top:20px;
    min-width: 180px;
    width: 180px;
}
ul.dropdown-list.version-list div.second_list{
    right:initial;
    left: -30px;
}
ul.dropdown-list.version-list div.second_list:before{
    left: 44px;
}
ul.dropdown-list.version-list div.second_list:after{
    left: 44px;
}

.more-data #contextNavigations, .pre-list #contextNavigations{
    padding-top: 12px;
}
#contextNavigations ul, ul.entity_list div.second_list ul, ul.dropdown-list div.second_list ul{
    /*scroll*/
    overflow-y: auto;
    padding-right:16px;
    max-height: 300px;
}
/*BEFORE*/
#contextNavigations:before, ul.entity_list div.second_list:before, .dropdown-list div.second_list:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(80% - 0px);
    top: -20px;
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #cccccc;
    border-width: 10px;
    margin-left: -10px;
}
.pre-list #contextNavigations:after, .pre-list #contextNavigations:before{
    left: calc(80% - 58px);
}
/*AFTER*/
#contextNavigations:after, ul.entity_list div.second_list:after, .dropdown-list div.second_list:after {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    left: calc(80% - 0px);
    top: -19px;
    border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
#contextNavigations ul li a, ul.entity_list .div.second_list ul li a, .ul.dropdown-list .div.second_list ul li a {
    color: #333;
    display: block;
    padding: 6px;
    background-image: none;
    margin: 0;
    font-size: 11px;
    line-height: normal;
    text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
}
#contextNavigations ul li a:hover, ul.entity_list div.second_list ul li a:hover, ul.dropdown-list div.second_list ul li a:hover{
	color:#6e9bef;
}
#contextNavigationsAuditing li{
	font-size: 11px;
    font-family: verdana;
    color: #999;
    margin-bottom: 10px;
}
.titles > .dropdown-list.entity_list > li #contextNavigations{
    top: 36px;
}
/*Second List*/
.second_list > ul > li {
    line-height: 9px;
}
.second_list li a span{
    display:block;
    color: #afafaf;
    padding: 6px;
    text-transform: lowercase;
    font-family: verdana;
    font-size: 10px;
}
.second_list li:last-child{
    margin-bottom: 0 !important;
}
.second_list li a{
    display: block;
    color: #333;
    font-size: 11px;
    padding-bottom: 9px;
    text-transform: uppercase;
    font-weight: 500;
}
.estados-list .second_list li a, .version-list .second_list li a{
    box-sizing:border-box;
    padding-left: 20px;
    position: relative;
    line-height: 120%;
    width: calc(100% - 45px);
    float:left;
    padding-bottom: 2px;
}
.version-list .second_list li a{
    width:100%;
}
.estados-list .second_list li .cont-details{
    width: 38px;
    float: right;
    position:relative;
}
.estados-list .second_list li .cont-details .ico{
    float: right;
    margin-right: 2px;
    opacity:.3;
    -moz-opacity:.3;
    -webkit-opacity:.3;
    width: 18px;
    height: 18px;
    position: relative;
}
.estados-list .second_list li .cont-details .ico:last-child{
    margin-right:0;
}
.estados-list .second_list li .cont-details .ico.active, .estados-list .second_list li .cont-details .ico:hover{
    opacity:1;
    -moz-opacity:1;
    -webkit-opacity:1;
}
.estados-list .second_list li:last-child a {
    padding-bottom: 0;
}
.estados-list .second_list li .cont-reason, .estados-list .second_list li .cont-distribution{
    clear: both;
    padding-left: 20px;
    font-size: 11px;
    font-family: verdana;
    color: #afafaf;
    margin-left: 19px;
    border:1px solid #dbdbdb;
    display:none;
}
.estados-list .second_list li .cont-reason{
    padding: 0;
    border: none;
    margin-bottom: 12px;
    padding-top: 6px;
    display: block;
    position:relative;
    cursor: default;
}
.estados-list .second_list li .cont-reason p{
    height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 100%;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
.estados-list .second_list li .cont-reason:before{
	pointer-events: none;
    position: absolute;
    content: '';
    border-style: solid;
    left: 0;
    bottom: 0;
    height: 10px;
    /* background: #ff6600; */
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.estados-list .second_list li .cont-reason.show:before{
	display: none;
}
.estados-list .second_list li .cont-reason.show p{
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
    height: auto;
    white-space: normal;
    overflow: initial;
}
.estados-list .second_list li .cont-distribution{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 6px;
    margin-top: -1px;
}
.estados-list .second_list li .cont-distribution ul li{
    padding: 2px 0;
}
.estados-list .second_list li .cont-reason.show, .estados-list .second_list li .cont-distribution.show{
    display:block;
}
/**/
.second_list li .ver-todos{
    text-align: center;
    padding: 5px 15px !important;
    background:#5972a3;
    border:1px solid #576f9d;
    color: #fff !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    margin: 0;
    font-size: 10px;
}
ul.dropdown-list div.second_list ul li a.ver-todos:hover{
    color:#fff;
    background: #2D436D;
    border-color:#2D436D;
}
/*Estados*/
ul.dropdown-list.estados-list div.second_list{
    width: 330px;
}
.estados-list .second_list > ul > li{
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}
.estados-list .second_list > ul > li:last-child{
    border:none;
}
.estados-list .second_list li a span{
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 0;
}
.estado-final, .estado-rechazo, .estado-intermedio, .estado-inicial{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-top: -4px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    line-height: 19px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    word-break: break-all;
    text-transform: uppercase;
    vertical-align: middle;
}
.second_list .estado-final, .second_list .estado-rechazo, .second_list .estado-intermedio, .second_list .estado-inicial{
    width: 10px;
    height: 10px;
    margin-top: 0;
    margin-right: 8px;
    font-size: 10px;
    line-height: 13px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 14px;
    padding: 1px;
    font-weight: 100;
}
.estados-list .second_list i{
    text-indent: -9999px;
}
.estados-list .second_list i, .version-list .second_list i{
    position: absolute;
    top: 0;
    left: 0;
}
/*ELIMINAR EN CASO DE NO NECESITAR MÁS
.estados-list .second_list .estado-final, .estados-list .second_list .estado-rechazo, .estados-list .second_list .estado-intermedio, .estados-list .second_list .estado-inicial{
    position: absolute;
    top: 0;
    left: 0;
}*/
ul.dropdown-list.estados-list div.second_list ul li a:hover span, ul.dropdown-list.version-list div.second_list ul li a:hover span{
    color: #6e9bef;
}
/*Estados en listas*/
.item-status {
    font-weight: bold;
    margin-left: 4px;
}
.item-status.active {
    color: #36D900;
}
.item-status.inactive {
    color: #CB0504;
}
.estados {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    margin-top: -2px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    line-height: 19px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    word-break: break-all;
    text-transform: uppercase;
    vertical-align: middle;
}
.ignore{
    border-left:  1px solid #CCCCCC !important;
}
/*Version*/
.version-list .second_list li a span{
    padding-left: 0;
    padding-top: 3px;
}
.version-list .second_list ul li{
}
.item-row.version{
    max-width: 76%;
}
.item-row.version .item-data{
    max-width: calc(90% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.item-row.status{
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 22%;
}
.item-row.status .item-data{
    max-width: calc(90% - 15px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
/*COLORES*/
.estado-inicial{
    background-color:#CCCCCC;
}
.estado-intermedio{
    background-color:#FFCC00;
}
.estado-final{
    background-color:#36D900;
}
.estado-rechazo{
    background-color:#CB0504;
}
/**/

/*filtros*/
.filtro {
    width:100%;
    position: relative;
    top: 5px;
    right: 0;
    float: right;
}
.filtro > li{
    background: url("/Content/images/sprite.png") no-repeat -40px -20px;
    width: 0px;
    height: 29px;
    padding-left: 30px;
    float: right;
    margin-right: 25px;
}
.filtro li a.fil{
    display: inline-block;
    background: url("/Content/images/btn-fly-menu-transparent.png") no-repeat right 17px;
    text-indent: -9999px;
    width: 11px;
    height: 30px;
}
.filtro li:hover a.fil {
    color: #b2b2b2;
}
.filtro li ul{
    display: none;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #CCCCCC;
    position: absolute;
    top: 28px;
    right: 11px;
    z-index: 30000;
    padding: 10px;
    width: 190px;
    height: 200px;
    overflow-y: scroll;
}
.filtro li ul:after, .filtro li ul:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.filtro li ul:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 63px;
}
.filtro li ul:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: 62px;
}
.filtro li:hover ul
{
	display: block;
}
.filtro li ul li a {
    width: 130px;
    margin: 0 0 5px 0;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    display: block;
}
.filtro li ul li .btn-form {
    font-size: 11px;
    color: #666;
    width: 100%;
}

.rootForm form
{
	display: inline-block;
    width: 100%;
    /*position:relative; /*Para que el ícono de errores se visualice correctamente*/
}

/* PRE-LISTAS --------------------------------------------------------------------------- */
.item-pre-list{
    margin-bottom: 10px;
}
.item-pre-list a{
    display: block;
    background: #FFFFFF;
    height: 35px;
    vertical-align: middle;
    width: 100%;
    color: #5276BF;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 35px;
}
.item-pre-list .ico-pre-list{
    margin-left: 10px;
    margin-right: 14px;
    background-position: -131px -26px;
}

/* BOXES -------------------------------------------------------------------------------- */
.cont-scroll a:hover{
    color:#ff8800;
}
.item a {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color:#5276BF;
    padding: 0;
    display: inline-block;
    margin: 0;
}
.item_actions .btn-action{
    height: 30px;
    width:98%;
    margin-left:0;
}
.col-action-hide .item_actions .btn-action {
    min-width: 160px;
}
.item_actions .btn-action a{
    font-size: 7pt;
    letter-spacing: 0.04em;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #777;
}
fieldset legend.title_list,  .title_list{
    background: #97B0D1;
    color: #fff;
    width: 99%;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0;
    padding: 0;
    padding-left: 1%;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 0.03em;
}
.root {
    font-size: 18px;
    line-height: 27px;
    color: #003366;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 0 30px;
    padding: 8px 0 0 0;
    height: 32px;
    cursor: default;
    width: 100%;
}
.titles .root{
    padding: 0;
    margin: 0;
}
.titles .root a{
    color: #5276BF;
}
.titles .root a:hover{
    color:#ff8800;
}
.rootForm form fieldset{
    margin:0;
    clear: both;
    padding: 0;
    position: relative;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.contBC label {
    vertical-align: middle;
    float: left;
}
.contBC input[type='checkbox'] {
    float: right;
}


/* NEW BOXES <li></li> -------------------------------------------------------------------------------- */
.item:nth-child(odd) {
    background: #fff;
}
.item:nth-child(even) {
    /*background: #F9F9FB;*/
}
.item{
    display: inline-block;
    width: 94%;
    vertical-align: top;
    margin: 0;
    padding:15px 4% 10px 2%;
    border: none;
    background:#fff;
}
.list > .item{
    box-shadow:0 1px 12px 0px #e0e3eb;
    -webkit-box-shadow:0 1px 12px 0px #e0e3eb;
    -moz-box-shadow: 0 1px 12px 0px #e0e3eb;
    margin-bottom: 16px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.item.col-action{
    width: 96%;
    padding: 15px 2%;
}
.item.col-action-hide{
    width: 96%;
    padding: 15px 2%;
}
.item > a{
    display:none;
}
/*Nombre principal del item al 100% de ancho */

.item .level1 > .item-row:first-child, .item .level1 > span:first-child, .item .level1 > div:first-child, .item .level1 > a:first-child{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
}
/**/
/*Default*/
.item > .cols-container.item_with_actions {
    width: calc(98% - 180px);
}
.item > .cols-container{
    height: 100%;
    float: left;
    border:none;
    padding:0;
    color: #666;
    width: 100%;
    padding-top: 26px;
    position: relative;
    box-sizing: border-box;
}
.item > .item_actions{
    float:right;
    height: 100%;
    display: block;
    width: 18%;
}
.item .cols-container a{
    font-family: 'Ubuntu', sans-serif;
    font-weight:normal;
}
.item .cols-container .level1 a{
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    font-size: 9.6pt;
}
/*Items dentro de otros Items*/
.item > .cols-container .item > .cols-container{
    padding: 0;
}
.item .list .level1 > .item-row:first-child, .item .list .level1 > span:first-child, .item .list .level1 > div:first-child{
    position: relative;
    padding-bottom: 2px;
}
.item .list .item_actions .btn-action {
    min-width: 160px;
}
/*Table*/
.item > .cols-container > div table{
    width:90%;
}
.item > .cols-container > div table th{
    border-bottom: 2px solid #999;
    padding-bottom: 8px;
    text-align: center;
}
.item > .cols-container > div table td{
    color: #777;
}

/* BOXES WITH ACTIONS SHOW (col-action) -----*/
.col-action > .cols-container{
    width: calc(98% - 180px);
}
.item_without_actions{
    width:100% !important;
}
.col-action > .item_actions{
    float: right;
    width: 18%;
    padding-left: 2%;
    vertical-align: top;
    max-width: 180px;
}
.col-1.w50 .cols-container{
    width:50%;
}
.col-1.w50 > .item_actions{
    width:45%;
}
.col-1.w50 > .item_actions .icons{
    float:right;
}
.col-1.w50 > .item_actions .btn-action{
    float: left;
    margin-right: 6px;
}

/* BOXES WITH ACTIONS HIDE (col-action-hide) -----*/
.col-action-hide > .cols-container{
    width: 95%;
}
.col-action-hide > .item_actions,
.col-action-hide .item_actions{
    position: relative;
    background: url("/Content/images/sprite.png") no-repeat -88px -1px;
    opacity: 0.3;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=30);
    display: table-cell;
    width: 32px;
    height: 32px;
}
/*.col-action-hide > .item_actions:before{
    border: 20px solid transparent;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
}*/
.col-action-hide > .item_actions .icons,
.col-action-hide .item_actions .icons{
    display:none;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #CCCCCC;
    position: absolute;
    top: 30px;
    right: -19px;
    z-index: 30000;
    padding: 10px 20px;
    box-shadow: 2px 2px 6px #ccc;
    -moz-box-shadow: 2px 2px 6px #ccc;
    -webkit-box-shadow: 2px 2px 6px #ccc;
}
.col-action-hide .icons:after, .icons:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.col-action-hide .icons:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: 60px;
}
.col-action-hide .icons:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 61px;
}
.col-action-hide .item_actions:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.col-action-hide .item_actions:hover .icons{
    display: block;
}
/*Item detail*/
.item .item-title{
    font-family: 'Ubuntu', sans-serif;
    display:block;
    margin-bottom: 4px;
}
.item .item-row{
   margin-bottom:4px;
}
.item .item-data.right{
    float:right!important;
}
.item .item-data .chart{
    vertical-align: bottom;
    margin-right: 3px;
}
/*Alineaciones*/

.space-between{
    justify-content: space-between;
}
.item .item-label{
    color: #999;
    font-size: 10px;
    padding-right: 5px;
    font-size: 11px;
}
.item .item-data{
    font-size: 11px;
    color: #666;
}
/* BOXES: 1 column (col-1) -----*/
.col-1 .level1{
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}
/* BOXES: 2 columns (cols-2) Default: 50%-50% -----*/
.cols-2 .level1, .cols-2 .level2{
    width: 49%;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    clear: none;
}
.cols-2 .level1{
    width:49%;
    padding-right:2%;
}
/* 30% - 70% -----*/
.cols-2.w30-70 .level1{
    width: 30%;
    padding-right:2%;
}
.cols-2.w30-70 .level2{
    width: 68%;
}
/* 70% - 30% -----*/
.cols-2.w70-30 .level1{
    width: 69%;
    padding-right:1%;
}
.cols-2.w70-30 .level2{
    width: 30%;
}

/* BOXES: 3 columns (cols-3) Default: 33%-33%-33% -----*/
.cols-3 .level1, .cols-3 .level2, .cols-3 .level3{
    width: 32%;
    padding-right:1%;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    clear: none;
}
.cols-3 .level3{
    width:33%;
    padding:0;
}
/* 30% - 40% - 30% -----*/
.cols-3.w30-40-30 .level1{
    width: 29%;
    padding-right:1%;
}
/* 40% - 30% - 30% -----*/
.cols-3.w40-30 .level1{
    width: 39%;
    padding-right:1%;
}
.cols-3.w40-30 .level2{
    width: 29%;
    padding-right:1%;
}
.cols-3.w40-30 .level3{
    width: 30%;
}
/* 20% - 40% - 40% -----*/
.cols-3.w20-40 .level1{
    width: 19%;
    padding-right:1%;
}
.cols-3.w20-40 .level2{
    width: 39%;
    padding-right:1%;
}
.cols-3.w20-40 .level3{
    width: 40%;
}

/* BOXES: 4 columns (cols-4) Default: 23%-23%-23%-23% -----*/
.cols-4 .level1, .cols-4 .level2, .cols-4 .level3, .cols-4 .level4{
    width: 23%;
    padding-right:2%;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    clear: none;
}
.cols-4 .level4{
    width: 25%;
    padding-right:0;
}
/*Lista dentro de listas*/
.cols-container > div .list .item{
    padding: 4px 0;
    border: none;
    width: 100%;
    margin-bottom:9px;
    border-bottom:1px dashed #CCC;
    padding-top: 0;
}
.cols-container > div .list .item .level1{
    width:100%;
}
.cols-container > div .list .item:nth-child(odd) {
    background: transparent;
}
.cols-container > div .list .item:nth-child(even) {
    background: transparent;
    box-shadow:none;
}
.cols-container > div .list .item:last-child {
    border: none;
    box-shadow:none;
}
.cols-container > div .list .item .level1 a{
    font-weight: normal;
    font-size: 12px;
}
/*Filter Box - Control Access*/
.filter-box,
.control-access-box{
    overflow:hidden;
    position:relative;
    height: 0px;
    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
    transition: height 0.5s;
    box-sizing: border-box;
}
.cont-form.control-access-box{
    width:initial;
    display:block;
}
.control-access-box .box-add{
    margin-top: 20px;
}
.filter-box.show,
.control-access-box.show{
    padding: 30px 10px;
    height:auto;
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 40px;
    left: 1%;
    width: calc(100% - 21%);
    border: 1px solid #7796d2;
    box-shadow: 2px 3px 2px #afafaf;
    -moz-shadow: 2px 3px 2px #afafaf;
    -webkit-box-shadow: 2px 3px 2px #afafaf;
     -webkit-transition: width .3s;
     -moz-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s;
}
.control-access-box.show{
    padding:2% 2% 2% 2%;
    height:60%;
}
.hide-menu .filter-box.show,
.hide-menu .control-access-box.show{
    width: calc(100% - 18.5%);
}
.navigation-parent .filter-box.show,
.navigation-parent .control-access-box.show{
    top: 70px;
}
.navigation-parent .control-access-box.show{
    padding:20px;
}
.filter-box > span .close,
.control-access-box > span .close{
    font-size: 17px;
    position: absolute;
    right: 12px;
    top: 8px;
    cursor: pointer;
    z-index: 1;
    text-indent: -9999px;
    margin-right: 0;
    background-position: -349px -29px;
    opacity:0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
}
.filter-box .close:hover,
.control-access-box .close:hover{
	opacity:1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.filter-box .cont-btn,
.control-access-box .cont-btn{
    padding: 10px 0;
}
.container.hide-actions .filter-box.show,
.container.hide-actions .control-access-box.show{
    width:calc(100% - 5%);
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
.filter-box fieldset{
    box-shadow: none !important;
    margin: 0!important;
}
.filter-box .cont-row:last-child {
    margin-bottom: 0;
}
/*Filter Box dentro de un cont-form*/
.cont-form .icon.filter, .cont-form .filter{
    background-position: -45px -26px;
    float: right;
    margin-right: 0;
}
.cont-form .filter-box.show, .container.hide-actions .cont-form .filter-box.show
{
    width: 98%;
    box-sizing: border-box;
    right: 0;
    top: 0;
    border: 1px solid #CCC;
    z-index: 1;
    box-shadow: 0px 4px 4px #afafaf;
    -moz-shadow: 0px 4px 4px #afafaf;
    -webkit-box-shadow: 0px 4px 4px #afafaf;
}
.cont-form .cont-filter{
    padding: 0 18px 0 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}
.cont-form .cont-filter .filter{
    opacity:0.4;
}
.cont-form .cont-filter.active .filter{
    opacity:0.8;
}
/*Listas Preview*/
.list-view{
    margin: 0;
    padding: 0 !important;
    list-style-position: inside;
}
.text-form .list-view li {
    font-size: 12px;
    color: #999;
    list-style-type: decimal;
    margin-bottom: 10px;
    margin-bottom: 20px;
}
.list-view li span{
    display: inline-block;
    padding-left: 5px;
    border-left: 2px solid #668ed1;
    padding-right: 5px;
}
.list-view li span:first-child{
    border-left:none;
    padding-left:0;
}
.list-view li .user-name{
}
.list-view li .user-mail{
}
/*Estados dentro de un fieldset*/
fieldset .dropdown-list > li{
    height: 35px;
    position: relative;
    line-height: 25px;
}
fieldset .dropdown-list > li > a{
    background-position: right 10px
}
fieldset .dropdown-list div.second_list{
	top:33px;
}
/*TUBOS*/


/* END -------------------------------------------------------------------------------- */

/*Paginado*/
.list .controlItems{
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    height: 56px;
    display: table;
    vertical-align: middle;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.controlItems a{
    background: #F7F7F8;
    border: 1px solid #CCD4E1;
    display: table-cell;
    width: 100%;
    height: 100%;
    color: #666;
    text-align: center;
    vertical-align: middle;
}
.controlItems a:hover{
    background: #a2b1ca;
    color: #fff;
}

/*Navigation Report*/
.box-navigation{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
	margin: 10px auto 20px auto;
    box-sizing: border-box;
    padding: 0 15px;
    height:28px;
}
.box-navigation select, .cont-form .box-navigation select, .box-navigation .current-navigation{
    margin: 0;
    height: initial;
	border: 1px solid #b0b0b0;
    background-color: #fff;
    width: initial;
    min-width: initial;
	text-align-last:center;
	font-weight: 500;
	width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.1px;
	border-left: none;
    border-right: none;
}
.box-navigation .current-navigation{
    line-height:28px;
    font-size: 12px;
}
.box-navigation .current-navigation strong{
    color:#5485D4;
    font-weight:bold;
}
.box-navigation select:focus, .cont-form .box-navigation select:focus{
	outline: none;
}
.box-navigation a, .cont-form .box-navigation a{
	border: 1px solid #b0b0b0;
	min-width: 12%;
	line-height: 24px;
    text-align: center;
    color: #999;
}
.box-navigation a img, .cont-form .box-navigation a img{
	opacity:0.4;
	-webkit-opacity:0.4;
	-moz-opacity:0.4;
	vertical-align: middle;
}
.box-navigation a:hover, .cont-form .box-navigation a:hover{
    color: #333;
}
.box-navigation a:hover img, .cont-form .box-navigation a:hover img{
	opacity:0.9;
	-webkit-opacity:0.9;
	-moz-opacity:0.9;
}
.box-navigation a:first-child{
    border-radius: 4px 0 0 4px;
    padding-right: 1%;
}
.box-navigation a:last-child{
	border-radius: 0 4px 4px 0;
	padding-left: 1%;
}
/* MUESTRAS -------------------------------------------------------------------------------- */

.list.muestras{
    width: 97%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.list.muestras > li{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    margin-bottom: 20px;
    border-right: 1px solid #E3E3E3;
}
.list.muestras li .box-form{
	border: 1px solid #E3E3E3;
    border-right: 0;
    border-left: none;
    padding-top: 10px;
}
.list.muestras li .box-form .cont-row:first-child{
    margin-bottom: 6px;
}
.list.muestras li .box-form .cont-row{
    margin-bottom: 10px;
}
.list.muestras li .tubo{
	border: 1px solid #E3E3E3;
	width:8px;
}
.list.muestras li .tapa{/*Por defecto Blanca*/
    height: 25px;
    display: block;
    background: #fff;
}
.list.muestras li .box-form .name h5{
    font-size:13px;
    text-transform:uppercase;
    color:#333;
    font-weight:bold;
}
.list.muestras li .box-form .data{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    justify-content: flex-end
}
.list.muestras li .box-form .data .icon.details{
    margin-right: 4px;
}
.list.muestras li .estados-list.dropdown-list{
    float: none !important;
    margin-right: 16px;
}
.list.muestras li .estados-list.dropdown-list > li > a > i{
    float: right;
    margin: 6px 0 0 4px;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
}
.list.muestras li .estados-list.dropdown-list > li > a{
    line-height: 208%;
}
fieldset .list.muestras .dropdown-list > li{
	margin: 0;
}
/*Acciones*/
.list.muestras li .item_actions{
    width: 40%;
    max-width: 300px;
    height: auto;
    border: 1px solid #e3e3e3;
    border-left: none;
    border-right: none;
    opacity: 1;
    display: block;
    background: none;
    padding: 10px 20px;
    position: relative;
    background-color: #fafafa;
    -webkit-transition: all .3s; /* Safari */
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    box-sizing: border-box;
}
.list.muestras li .item_actions .more-buttons{
    position: absolute;
    bottom: 5px;
    font-size: 23px;
    text-align: center;
    display: block;
    width: calc(100% - 40px);
    color: #999;
    letter-spacing: 1px;
    opacity:1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -moz-transition: all 1s  lineal;
    -webkit-transition: all 1s  lineal;
    -o-transition: all 1s lineal;
    transition: all 1s lineal;
}
.list.muestras .item_actions ul.cont-bt{
    position: relative;
    /*min-height: calc(100% - 8px);*/
    min-height:93%;
    clear: both;
    height: 0px;
    display: block;
    overflow: hidden;
    -moz-transition: height 1s ease-out;
    -webkit-transition: height 1s ease-out;
    -o-transition: height 1s ease-out;
    transition: height 1s ease-out;
}
.list.muestras .item_actions .btn-action{
    height: 25px;
    margin-bottom: 3%;
    width: 100%;
    float: none;
}
.list.muestras .item_actions .btn-action a{
    border-radius: 4px;
}
.list.muestras li .item_actions:hover{

}
.list.muestras li .item_actions.hover ul.cont-bt{
    height: auto;
    -moz-transition: height .8s ease;
    -webkit-transition: height .8s ease;
    -o-transition: height .8s ease;
    transition: height .8s ease;
}
.list.muestras li .item_actions.hover .more-buttons{
    opacity:0;
    bottom: -4px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
/*COLORES MUESTRAS _DEFINIR ACÁ_ -------------------------------------------------------------------------------- */

/*Tubos*/
.tubo.violeta{
    background-color:#C459D0;
    border: 1px solid #C459D0 !important;
}
.tubo.verde{
    background-color:#3C8106;
    border: 1px solid #3C8106 !important;
}
.tubo.verde-claro{
    background-color:#6DE151;
    border: 1px solid #6DE151 !important;
}
/*Tapas por defecto blanca*/

.tapa.violeta{
    background-color:#C459D0 !important;
}
.tapa.verde{
    background-color:#3C8106 !important;
}
.tapa.verde-claro{
    background-color:#6DE151 !important;
}
/* TABLE RESULTS -------------------------------------------------------------------------------- */
table.table-results h3{
    color:#333;
    font-size:11px;
    padding: 0 !important;
    margin: 0 !important;
}
table.table-results td{
    position:relative;
}
table.table-results td + td{
}
table.table-results td ~ td input {
    width: 100% !important;
    margin: 0!important;
}
table.table-results td ~ td input[disabled="disabled"]{
        border: 1px solid #d9d9d9 !important;
}
table.table-results td:last-child{
}
table.table-results .t-head:first-child td{
    padding-top:0;
}
table.table-results .t-head td {
    padding-top: 25px;
}
table.table-results td div.tubo{
    position: absolute;
    left: 0;
    top: 0px;
    height: 95%;
    width: 4px;
}
table.table-results .icon.details{
    float: right;
}
.t-head{
    border-bottom: 2px solid #333;
}
/* ACTIONS -------------------------------------------------------------------------------- */
#actions{
	display: none;
}
#contain-top-actions{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    flex-direction: column;

    width: 19%;
    height: calc(100% - 35px);
    min-height:400px;
    position: absolute;
    right:0;
    border-left: 2px solid #F5F6F9;
    /*transition*/
    -webkit-transition: width .3s; /* Safari */
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    background: #fff;
    /*max-width: 228px;*/
    z-index:3;
}
.navigation-parent #contain-top-actions{
    height: calc(100% - 60px);
}
#contain-top-actions .icon.expand{
    position: absolute;
    left: 30px;
    top: 5px;
    display: block;
    z-index: 100;
	opacity:1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	background-position: -90px -56px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#contain-top-actions .icon.collapse{
    position: absolute;
    left: 9px;
    top: 5px;
    display: block;
    z-index: 100;
    opacity:1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    background-position: -111px -56px;
}
#contain-top-actions .icon.expand:hover, #contain-top-actions .icon.collapse:hover {
    background-color: rgb(243, 245, 249);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont-actions{
    order: 1;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.cont-actions ul{
    /*padding-top: 35px;
    padding-bottom:30px;*/
}
#contain-top-actions.full .cont-actions{
    /*height:100% !important;*/
}
/*BOTONES GENERALES*/
/*contenedor*/
.cont-btn{
    display: table;
    width: 100%;
    text-align: left;
}
.cont-btn .btn{
    margin-right:10px;
}
.cont-btn.right{
    text-align: right;
}
.cont-btn.right .btn, .cont-btn.right .btn-second{
    margin-left:10px;
    margin-right: 0;
}
.cont-btn.center{
    text-align:center;
}
.cont-cell .cont-btn{
    padding:0;
}
/*Botones*/
.btn, .cont-form .btn{
    border: 1px solid #777;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    color: #777;
    min-width: 100px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px 10px !important;
    display: inline-block;
}
/*Azul*/
.btn-second{
    text-align:center;
    min-width: 100px;
    background:#5972a3;
    color:#fff !important;
    border:1px solid #576f9d;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 11px !important;
    text-transform: uppercase;
    margin:0;
    padding: 5px 10px !important;
    font-weight: 500 !important;
    display:inline-block;
}
.m-t{
    margin-top: 15px;
}
/*Disabled*/
.disabled{
cursor: not-allowed;
    opacity: 0.43;
    -moz-opacity: 0.3;
    webkit-opacity: 0.3;
    filter: alpha(opacity=30);
}
/*Hover*/
.btn:hover{
    color: #5276BF !important;
    border-color: #6d8bc9;
}
.btn-second:hover, .cont-form .btn-second:hover{
    background: #2D436D;
    border-color: #2D436D;
}
.btn.disabled:hover{
    border:1px solid #777;
    color: #777 !important;
}
.btn-second.disabled:hover{
    background:#5972a3;
    border:1px solid #576f9d;
}
/**/
/*BOTONES ACCIONES*/
.btn-action{
    border-radius: 0;
    height: 46px;
    width: 75%;
    display: table;
    margin: 0 auto;
	margin-bottom: 6px;
	border:none;
    opacity: 1!important;
    -moz-opacity: 1!important;
    -webkit-opacity: 1!important;
    filter: alpha(opacity=100)!important;
    float: left;
    margin-left: 4px;
}
.cont-actions .btn-action{
    float: none;
    margin:0 auto;
    margin-bottom: 6px;
}
.btn-action a, .cont-form .btn-action a, input[type="button"], .button{
    background:#FFF;
	font-family: 'Ubuntu', sans-serif;
    font-size: 10px;
    color: #666666;
    text-transform: uppercase;
    vertical-align: middle;
	border: 1px solid #EAEAEA;
    display: table-cell;
	text-align: center;
    text-decoration: none;
    width: 100%;
    font-weight: normal;
    padding:0;
    cursor:pointer;
}
input[type="button"], .button{
    width: auto;/*IE*/
    display: inline-block;
    padding: 10px 40px;
    margin:0 4px;
}
.btn-action:hover a, .btn-form:hover, input[type="button"]:hover, .button:hover{
    border-color: #dadada;
    color: #000;
    background: #f9fbfd;
}
.btn-action:hover a.disabled{
	border-color:#EAEAEA;
	background:#fff;
	color:#666666;
}
.btn-action a.disabled{
	cursor: not-allowed;
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    filter: alpha(opacity=30)
}
.cont-actions .btn-action:first-child{
	padding-top: 35px;
}
.btn-form{
    cursor:pointer;
    font-family: 'Ubuntu', sans-serif;
    font-size: 10px;
    color: #666666;
    text-transform: uppercase;
    vertical-align: middle;
	border: 1px solid #EAEAEA;
    display: table-cell;
    background:#f9fbfd;
	text-align: center;
    text-decoration: none;
    width: 100%;
    padding:10px 0;
}
#searchBtn.btn-form{
    cursor: pointer;
    font-family: 'Ubuntu', sans-serif;
    font-size: 11px;
    color: #FFF;
    text-transform: uppercase;
    vertical-align: middle;
    border: 1px solid #FFF;
    display: table-cell;
    background: transparent;
    text-align: center;
    text-decoration: none;
    width: 130px;
    padding: 6px 6px;
    float: left;
    opacity: 0.3;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=30)
    font-weight: lighter;
    font-weight: 100;
}
#searchBtn.btn-form:hover{
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.3;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

/*BOTONES MORE INFO*/
/*fix*/
.mCustomScrollBox{
    max-height:;
}
#contain-top-actions .more-info{
   width: 100%;
   order: 2;
}
#contain-top-actions .more-info .mCustomScrollbar{
}
/*Prelist- Views Lectores*/
#contain-top-actions .cont-links{
    border-top: 1px solid #f2f2f2;
    padding-top: 20px;
    box-sizing: border-box;
    padding-bottom: 20px;
    align-self: flex-end;
    height: initial;
    width:100%;
}
#contain-top-actions .cont-links .more-data li, #contain-top-actions .cont-links .list-view li{
    color: #333;
    margin: 0;
    line-height: normal;
    width: 74%;
    margin: 0 auto;
}
#contain-top-actions .cont-links .more-data li a, #contain-top-actions .cont-links .list-view li a{
    color: #5276BF;
    display: block;
    padding: 5px 0;
    font-size: 10.5px;
    font-family: 'Ubuntu', sans-serif;
    text-transform:uppercase;
    padding-left: 20px;
    position: relative;
    background: url(/Content/images/ico-prelist-ch.png) no-repeat left 7px;
    min-height: 15px;
}
#contain-top-actions .cont-links .list-view li.user-readers a{
    background: url(/Content/images/user-readers.png) no-repeat left 4px;
}
#contain-top-actions .cont-links .list-view li.user-writers a{
    background: url(/Content/images/user-writers.png) no-repeat left 4px;
}
#contain-top-actions .cont-links .list-view li.users a{
    background: url(/Content/images/users.png) no-repeat left 4px;
}

#contain-top-actions .cont-links .more-data li a:hover, #contain-top-actions .cont-links .list-view li a:hover{
    color: #ff8800;
}
/*referencia*/
.cont-reference{
    max-height:10%;
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 100;
}
.cont-reference h2{
    padding:0 0 0 28px;
    margin:0;
    color: #fff;
    background-color: #8293B4;
    line-height: 30px;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 0.5px;
    text-transform: initial;
    cursor: pointer;
    text-align:left;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}
.cont-reference h2 .ico{
    background-position: -74px -68px;
    background-size: 270px auto;
    float: right;
    margin: 5px 15px 0;
    opacity:1;
}
.cont-reference.show h2.active{
    background-color:#5872a4;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}
.cont-reference.show h2.active .ico{
    background-position: -200px -68px;
}
.cont-reference.show .list-reference{
    padding: 15px 0;
    height: auto;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.cont-reference .list-reference{
    background: #e3e9f4;
    padding: 0;
    height:0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.cont-reference .list-reference ul{
    list-style: none;
    width: 77%;
    margin: 0 auto;
}
.cont-reference .list-reference ul li{
    text-align:left;
}
.cont-reference .list-reference li a{
    display: block;
    position:relative;
    width: 100%;
    font-size: 12px;
    text-align: left;
    color: #888;
    padding: 6px 0 6px 22px;
}
.cont-reference .list-reference li a:hover{
    color:#000;
}
.cont-reference .list-reference li a:hover i{
    opacity:1;
}
.cont-reference .list-reference li a i{
    position: absolute;
    height: 18px;
    width: 22px;
    margin: 0;
    background-size: 220px auto;
    background-position:-132px 2px;
    top: 2px;
    left: 0;
}
/* TABLE -------------------------------------------------------------------------------- */
table td{
    text-align: center;
    border: 1px solid #DDDEE2;
    padding: 7px 4px;
    font-size: 12px;
    color: #666666;
    vertical-align: middle;
}
table td label{
    color: #666666;
}
table.align-bottom td{
    vertical-align: bottom;
}
Table h3{
    color:#5276BF;
    font-size:14px;
    font-weight:bold;
    cursor:default;
    padding: 6px 0;
    text-transform: uppercase;
}
Table h4{
    color:#5276BF;
    font-size:12px;
    font-weight:bold;
    cursor:default;
    padding: 6px 0;
}
/*Tabla Árbol*/
.tree-title{
    text-align: left;
}
.tree-title h4, .tree-title h5{
    color:#5276BF;
    font-size:12px;
    font-weight:bold;
    cursor:default;
    padding: 6px 0;
    padding-left: 12px;
    background: url("/Content/images/arbol_arrow.png") no-repeat left center;
    text-transform: uppercase;
}
.tree-title h5{
    margin-left: 12px;
}
.tree-title h6{
    color:#5276BF;
    font-weight:normal;
}
.second-cont{
    padding: 4px 0;
    height: 34px;
    line-height: 39px;
    border-bottom: 1px dashed #CCD4E1;
    width: 100%;
    padding-top:0;
}
.second-cont:last-child{
    border:none;
}
.tree-title .second-cont{
    margin-left:26px;
    width:auto;
}
.tree-title h6, .tree-title span{
    display:inline-block;
}
.tree-title span{
    float:right;
}
/*tablas Default: con bordes*/
.cont-form table,
.box-form table{
    width:100%;
}
.cont-form table th,
.box-form table th{
    border-bottom: 2px solid #333;
    padding: 6px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 10px;
    color: #333;
    font-weight: 500;
    border-right: 1px solid #ccc;
    text-align:center;
}
.cont-form table th:last-child,
.box-form table th:last-child{
    border-right:0;
}
.cont-form table td,
.box-form table{
    color: #888;
}
.cont-form table td select, .cont-form table td input, .box-form table td select, .box-form table td input{
    width:initial !important;
    height:24px;
    min-height:auto;
}
.cont-form table th.empty, .box-form table th.empty{
    border-bottom:none;
}
.cont-form table input[type="text"],
.box-form table input[type="text"]{
    margin-right:5px;
}
.cont-form table a:hover,
.box-form table a:hover{
    text-decoration:underline;
}
/*CHECKBOX en tablas*/
.cont-form table th input[type="checkbox"], .cont-form table td input[type="checkbox"], .cont-form table th input[type="radio"], .cont-form table td input[type="radio"]{
    width: 16px !important;
    height: 16px !important;
    float: none;
    display: inline-block;
}
/*tablas sólo bordes horizontales*/
table.row-border th{
    border:none;
    border-bottom: 2px solid #333;
}
table.row-border td{
    border:none;
    border-bottom:1px solid #DDDEE2;
}
/**/
/*tablas ODD EVEN */
table.odd-even{
    border: 1px solid #DDDEE2;
}
table.odd-even tr:nth-child(even) {background: #f4f6fb}
table.odd-even tr:nth-child(odd) {background: #FFF}
/**/
.text-left{
    text-align:left !important;
}
.text-left td{
    text-align:left !important;
}
.text-right{
    text-align:right !important;
}
.text-right td{
    text-align:right !important;
}

/**/
/* TABS --------------------------------------------------------------------------------- */

.tabs{
}
.tabs .nav{
    overflow: hidden;
}
.tabs .nav li{
    float: left;
    margin-bottom: -1px;
}
.tabs .nav li a{
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: rgba(255, 255, 255, 0.87);
    font-size: 14px;
    color: #98a5c0;
    text-transform: uppercase;
    margin-bottom: -1px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.tabs .nav li.active a{
    font-size: 16px;
    font-weight: bold;
    color: #4575d4;
    background: #fff;
    z-index: 1;
    box-shadow: 1px -4px 9px -3px #d0d2d8;
    -webkit-box-shadow: 1px -4px 9px -3px #d0d2d8;
    -moz-box-shadow: 1px -4px 9px -3px #d0d2d8;
}
/*TABS dentro del popup*/
.cont .control-access-box .tabs{
    height:0;
}
.cont .control-access-box.show .tabs{
    height:100%;
}
.cont .control-access-box.show h1{
    color: #4575d4;
    font-size: 17px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.cont .control-access-box.show .tabs .nav{
	z-index: 1;
    margin-bottom: -1px;
}
.cont .control-access-box.show .tabs .nav li a{
    box-shadow: none;
    border: 1px solid #f2f2f2;
    border-bottom: none;
    margin-right: 0px;
    color:#BBC5E6;
    font-size: 11.5px;
}
.cont .control-access-box.show .tabs .nav li.active a{
	border: 1px solid #CCC;
    border-bottom: 1px solid #fff;
    color:#4575d4;
}
.cont .control-access-box.show .tabs .tab-content .tab-pane.active{
    box-shadow:none;
    margin-bottom: 0;
}
.cont .control-access-box.show .tabs .tab-content {
    display: inline-block;
    width: 100%;
    clear: both;
    height: calc(100% - 75px);
    overflow-y: scroll;
    border-top: 1px solid #ededed;
    box-sizing: border-box;
    padding-right: 2%;
}

/*Contenido*/
.tabs .tab-content{
    display: inline-block;
    width: 100%;
    clear: both;
    box-sizing: border-box;
}
.tabs .tab-content .tab-pane{
    margin-top: 0;
    display:none;
}
.tabs .tab-content .tab-pane.active{
    display:block;
}
.cont-form .tabs .tab-content fieldset.tab-pane > .title_list{
    display:none;
}
.cont-form .tabs .tab-content fieldset.tab-pane > .box-form{
    padding-top:20px;
}
/* TAGS --------------------------------------------------------------------------------- */
.cont-tags{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.cont-tags > .tags{
    width: calc(100% - 215px);
	height:29px;
	overflow: hidden;
	-moz-transition: height 1s ease;
	-webkit-transition: height 1s ease;
	-o-transition: height 1s ease;
	transition: height 1s ease;
	position:relative;
}
.cont-tags .action{
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    border-radius: 6px;
    background-color: #fff;
    padding: 0 3px;
    cursor: pointer;
    height: 20px;
    color: #4b4b4b99;
    opacity: 0.6;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 19px;
    box-sizing: border-box;
}
.cont-tags .action:hover{
    opacity:1;
}
.cont-tags .action .more{
    font-size: 20px;
    line-height: 0;
    text-align: center;
    display: block;
    background-position: -78px -158px;
}
.cont-tags .action .less{
    background-position: -50px -159px;
    display: none;
    text-align: center;
}
.cont-tags > .tags.show .more
{
    display:none;
}
.cont-tags > .tags.show .less
{
    display:block;
}

.cont-tags > .tags.show{
	height: initial;
	overflow: initial;
	-moz-transition: height 1s ease;
	-webkit-transition: height 1s ease;
	-o-transition: height 1s ease;
	transition: height 1s ease;
}
.cont-tags > .tags.show .action{
}
.cont-tags .tags ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 97%;
}
.cont-tags .tags ul li{
    height: 21px;
    vertical-align: middle;
    line-height: 21px;
    font-size: 11px;
    color: #666;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-right: 8px;
    margin-bottom: 6px;
    border-radius: 4px;
    border:1px solid transparent;
    cursor:default;
}
.cont-tags .tags ul li:hover{
    border-color: #dce0ea;
}
.cont-tags .tags ul li .delete{
    margin: 0;
    margin-left: 4px;
    background-position: -228px -15px;
    cursor: pointer;
    background-size: 240px auto;
    width: 14px;
    opacity: 0.5;
}
.cont-tags .tags ul li .delete:hover{
    opacity:1;
}
.icon-tag{
    background:transparent url(/Content/images/icon-tag-2.png) no-repeat left top;
    width: 15px;
    height: 15px;
    display: block;
    text-indent: -9999px;
    margin-right: 5px;
    margin-top: 2px;
    background-color: rgba(90, 90, 90, 0.5);
    margin-left: 2px;
}
.icon-tag.azul{
    background-color:rgba(63, 81, 181, 0.5);
}
.icon-tag.naranja{
    background-color:rgba(247, 125, 0, 0.5);
}
.icon-tag.rojo{
    background-color:rgba(247, 0, 29, 0.50);
}
.icon-tag.verde{
    background-color:rgba(131, 195, 58, 0.5);
}
.cont-tags .add-tags{
    position:relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: 200px;
    width:21%;
    position:relative;
}
.cont-tags .add-tags input.add{
    width: calc(100% - 45px);
    background: none;
    border: 0;
    padding: 0;
    border-bottom: 1px solid #c3c3c3;
    height: 20px;
    margin-top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.cont-tags .add-tags .icon-tag{
    opacity: 0.6;
    max-width: 15px;
    width: 10%;
}
.cont-tags .add-tags input.add:focus{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    outline: none;
    border-color: #5283e7;
}
.cont-tags .add-tags .results{
    position: absolute;
    left: -1px;
    top: 24px;
    width: 100%;
    border: 1px solid #E5E5E5;
    background: #fff;
    z-index: 10;
}
.cont-tags .add-tags .results li{
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #888;
    text-align: left;
    padding: 0 5px;
    letter-spacing: 0.2px;
    position:relative;
}
.cont-tags .add-tags .ok{
    border-radius: 22px;
    height: 21px;
    width: 21px;
    background-position: -320px -154px;
    background-color: #354e80;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    display: block;
    min-width: 21px;
    opacity: .78;
    margin-right:0;
}
.cont-tags .add-tags .results li:hover{
    background-color:#F4F6FC;
    color:#5B75A1;
}
.cont-tags .add-tags .ok:hover{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    opacity:1;
    background-color: #5283e7;
}
/*TAGS en Listas*/
.item > .cols-container .cont-tags{
    width: 100%;
        margin-bottom: -9px;
        padding-top: 7px;
}
.item > .cols-container .cont-tags .tags ul li{
    margin-bottom: 0;
    color:#B9BCC6;
}
.item > .cols-container .cont-tags .tags ul li:hover {
    border-color: transparent;
}
.item > .cols-container .cont-tags .tags ul li .icon-tag {
    background-image: url("/Content/images/icon-tag.png");
}
/* CHARTS ------------------------------------------------------------------------------- */
.cont-data-chart{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 500px;
}
h2.titulo-chart{
    padding: 0 15px;
    color: #4575D4;
    font-weight: 500;
    font-size: 16px;
    text-transform: initial;
    padding-bottom: 10px;
}
.cont-data-chart .gra-chart{
    width: 70%;
    padding-right: 2%;
    box-sizing: border-box;
    float: left;
    overflow-y: scroll;
}
.cont-data-chart .data-chart{
    width: 30%;
    padding-left: 2%;
    box-sizing: border-box;
    float: left;
    overflow-y: scroll;
    padding-right: 16px;
}
.cont-data-chart .separator{
    border-bottom: 2px solid #4574d4;
}
.cont-data-chart .separator:last-child{
    border-bottom:none;
}
.cont-data-chart .link{
    font-size: 12px;
    padding-bottom: 15px;
    display: block;
    color: #5276BF;
    font-weight: bold;
}
.cont-data-chart .link img{
    padding-left: 4px;
}
.cont-data-chart a:hover{
    color:#ff8800;
}
/*table-cuadro*/
table.cuadro{
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #DDDEE2;
}
table.cuadro tr td{
    text-align: right;
    border: none;
    padding: 4px 4px;
}
table.cuadro tr td a{
    color:#666;
    text-decoration: underline;
}
table.cuadro tr td:first-child {
    border-right: 1px solid #DDDEE2;
    text-align:left;
}
table.cuadro tr td:last-child {
    text-align:left;
}
table.cuadro tr.total-valor{
    border-bottom: 1px solid #dddee2;
}
table.cuadro tr.total-valor td{
    background-color: #F9F9F9;
    color: #333;
    font-weight: bold;
}
table.cuadro tr.total-valor td h1.t-total{
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 15px;
}
table.cuadro .subtitulosMasInfo{
    padding-left: 15px;
    position:relative;
}
table.cuadro .ingreso span,
table.cuadro .egreso span{
    position:absolute;
    top: -1px;
    left: 2px;
    font-size: 13px;
    font-weight: bold;
}
/* FORMS -------------------------------------------------------------------------------- */
input[type="text"]{
    margin-top: 3px;
    font-size: 12px;
    height:28px;
    font-family: 'Ubuntu', sans-serif;
    color:#333333;
    font-size:12px;
    text-overflow: ellipsis;
    border: 1px solid #cbd5df;
    background-color:aliceblue;
}
input[type="password"]{
    margin-top: 5px;
    font-size: 12px;
    height:28px;
    font-family: 'Ubuntu', sans-serif;
    color:#333333;
    font-size:12px;
    border: 1px solid #cbd5df;
    background:aliceblue;
}
textarea{
    border:1px solid #cbd5df;
    resize: none;
    font-family: 'Ubuntu', sans-serif;
    color: #333333;
    font-size: 12px;
    box-sizing: border-box;
    min-height: 35px;
    background:aliceblue;
    line-height: 160%;
}
.cont-form select{
    background:aliceblue url("/Content/images/icon-select.png") no-repeat right center;
}
input[type="file"] {
    margin-top: 3px;
    font-size: 12px;
    border:1px solid #CCCCCC;
    height:28px;
    font-family: 'Ubuntu', sans-serif;
    color:#333333;
    font-size:12px;
    text-overflow: ellipsis;
    padding: 4px 4px 0 10px;
}
/* FORMS: Disabled Readonly -------------------------------------------------------------------------------- */
.input.disabled,
input[disabled="disabled"],
.max_width input[disabled="disabled"],
textarea[disabled="disabled"],
/*Readonly*/
input.readonly,
input[readonly="readonly"],
.max_width input[readonly="readonly"],
textarea[readonly="readonly"],
a[readonly="readonly"]{
    color:#000;
    cursor: text;
    border:none !important;
    border-bottom:1px solid #dbdbdb !important;
    padding-left:0 !important;
    background-color:#fff;
    -webkit-text-fill-color:#000; /* Override iOS / Android font color change */
    -webkit-opacity:1; /* Override iOS opacity change affecting text & background color */
    color:#000; /* Override IE font color change */
    font-weight: normal;
}
table .input.disabled,
table input[disabled="disabled"],
table .max_width input[disabled="disabled"],
table textarea[disabled="disabled"],
/*Readonly*/
table input.readonly,
table input[readonly="readonly"],
table .max_width input[readonly="readonly"],
table textarea[readonly="readonly"],
table a[readonly="readonly"]{
    border:none!important;
}

textarea[disabled="disabled"],textarea[readonly="readonly"]{
    background: url(/Content/images/bg-textarea.png) repeat-y top left;
}
select[disabled="disabled"],
select[disabled="disabled"].required,
select[disabled="disabled"].multiple,
/*Readonly*/
select[readonly="readonly"]{
    color:#000;
    cursor: text;
    border:none !important;
    border-bottom:1px solid #dbdbdb !important;
    padding-left:0;
    background:none !important
}
.cont-check.disabled, .cont-radio.disabled{
    background: none;
    border: 1px dotted #999;
    opacity: 1;
    -moz-opacity: 1;
    webkit-opacity: 1;
    filter: alpha(opacity=100);
    cursor: text !important;
}
.cont-check.disabled > span, .cont-check.disabled > span label, .cont-radio.disabled > span, .cont-radio.disabled > span label{
    cursor: text !important;
    color: #999 !important;
}
.cont-datepicker.disabled{
    cursor: text;
    opacity: 1;
    -moz-opacity: 1;
    webkit-opacity: 1;
    filter: alpha(opacity=100);
}
.cont-datepicker.disabled input[type="text"]{
    color: #000;
    cursor: text;
    border: none !important;
    border-bottom: 1px solid #dbdbdb !important;
    padding-left: 0;
    background: #fff;
    opacity: 1;
    -moz-opacity: 1;
    webkit-opacity: 1;
    filter: alpha(opacity=100);
}
.cont-datepicker.disabled .dateBox{
    display:none;
}
/**/
input[type="text"].required, select.required, textarea.required {
    border-left: 2px solid #FF0000;
}
input.input-validation-error, select.input-validation-error{
    border-left: 2px solid #FF0000;
}
input[type="text"].datepicker{
    padding-right: 28px;
    box-sizing: border-box;
}
/*Simular diseño input*/
.input{
    margin-top: 5px;
    color:#333;
    line-height: 28px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    height: 28px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    border: 1px solid #cbd5df;
    background: aliceblue;
    padding: 1px 20px 1px 5px !important;
}
a.input{
    color:#5276BF;
}
a.input:hover{
    color: #ff8800;
}
input[type="text"].integer, input[type="text"].decimal
{
	text-align: right;
}
.input.required{
    border-left: 2px solid #FF0000;
}
/* Input Align*/
.a-right{
    text-align: right !important;
}
.a-center{
    text-align: center !important;
}
/* Input Size*/
.f-medium{
    font-size:14px !important;
}
.f-large{
    font-size:16px !important;
}
.f-exlarge{
    font-size:18px !important;
}
/**/
.space-right{
    margin-right: 2%;
}
.space-left{
    margin-left: 2%;
}

/*No eliminar- se usa para los select de los form viejos.*/
select{
    min-height: 28px;
    min-width: 40px;
    margin-top: 3px;
    font-size: 12px;
    height:28px;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
    background:aliceblue url("/Content/images/icon-select.png") no-repeat right center;
    border: 1px solid #cbd5df;
    vertical-align: middle;
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    border-radius: 0px;
    line-height: 17px;
    padding: 1px 20px 1px 5px;
    box-sizing: border-box;
    /*
    min-height: 28px;
    min-width: 40px;
    border: 1px solid #CCCCCC;
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    border-radius: 0px;
    line-height: 17px;
    padding: 1px 20px 1px 5px;
    box-sizing: border-box;
    background: #FFF url("/Content/images/icon-select.png") no-repeat right center;*/
}
select::-ms-expand{
    display:none;
}
/**/
.autocomplete {
    background: #FFF url("/Content/images/btn-autocomplete.png") no-repeat right 11px;
    padding-right:35px!important;
}
/*datepicker*/
.dateBox {
    position: relative;
    top: 5px;
    margin-left: -28px;
    cursor: pointer;
    margin-right: 10px;
}
.max_width input.datepicker
{
}
input[type="text"].datepicker.required.valid{
    border: 1px solid #CCCCCC;
}
/*checkbox*/
input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #CCC;
    box-shadow: 0px 0px 0px 3px #fff inset;
    background: #fff;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -moz-transition: background 300ms ease;
    -webkit-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}
.cont-form input[type="checkbox"]{
    margin-right:10px;
    vertical-align: baseline;
}
input[type="checkbox"]:checked{
    background: #3B77BC;
    border: 1px solid #3B77BC;
    box-shadow: 0px 0px 0px 2px #fff inset;
}
input[type="checkbox"]:focus{
    outline: none;
}
input[type="checkbox"][disabled],
input[type="checkbox"][readonly]{
    border: 1px solid #CCC !important;
    background-color: #e8e8e8;
    box-shadow: 0px 0px 0px 3px #e8e8e8 inset;
    cursor: default;
}
input[type="checkbox"][checked]:disabled {
    background-color: #979797;
}
.form_row label.checkbox {
    padding-top: 2px;
}
/*end*/
/*radiobutton*/
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #CCC;
    box-shadow: 0px 0px 0px 3px #fff inset;
    background: #fff;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -moz-transition: background 300ms ease;
    -webkit-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}
input[type="radio"]:checked {
    background: #3B77BC;
    border: 1px solid #3B77BC;
    box-shadow: 0px 0px 0px 2px #fff inset;
}
input[type="radio"]:focus{
    outline: none;
}
input[type="radio"][disabled],
input[type="radio"][readonly]{
    border: 1px solid #CCC !important;
    background-color: #e8e8e8;
    box-shadow: 0px 0px 0px 3px #e8e8e8 inset;
    cursor: default;
}
input[type="radio"][checked]:disabled {
    background-color: #979797;
}
/**/
form .mid_wrapper {
    width: 45%
}
.form_row {
    width: 100%;
    margin: 0 0 10px 0;
    display: inline-block;
}
.form_row label{
    font-family: 'Ubuntu', sans-serif;
    font-size: 11px;
    color: #999999;
    display: block;
}
fieldset legend.title_list.data{
    background: none;
    height: inherit;
    line-height: inherit;
    padding: 0;
}
fieldset legend.title_list.data > div{
    background: #97B0D1;
    color: #fff;
    width: 98%;
    height: 38px;
    line-height: 38px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    padding: 0;
    padding-left: 2%;
}
fieldset legend.title_list.data ul{
    color: #000;
    float: none;
    display: block;
    overflow: hidden;
    clear: both;
    margin: 0;
    margin-left: 130px;
    margin-top: 20px;
}
fieldset legend.title_list.data ul li div{
}
fieldset .form_item{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: !important;
    background:transparent;
}
.form_item{
    display: inline-block;
    clear: both;
    padding: 15px 1%;
    width: 98%;
    /**/
    background:#fff;
    box-shadow: 0 1px 2px 1px #e0e3eb;
    -webkit-box-shadow: 0 1px 2px 1px #e0e3eb;
    -moz-box-shadow: 0 1px 2px 1px #e0e3eb;
}

/* NEW FORMS -------------------------------------------------------------------------------- */
/*Icons*/
.cont-icon{
    display:inline-block;
}
.item .item-row .cont-icon{
    margin-left: 12px;
}
.cont-form a.icon, .icon, .ico, .box-form .icon{
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 21px;
    background: transparent url("/Content/images/sprite.png") no-repeat left top;
    margin-right: 8px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    filter: alpha(opacity=50);
}
.ico.user, #header .icon.close{
    display:none;
}
.ico.errors, .errors{
    background-position:-132px top;
    background-position: left -53px;
    width: 24px;
    height: 24px;
    background-color: transparent;
}
.icon.filter, .filter{
    background-position: -68px -25px;
    width: 20px;
    height: 21px;
    opacity: 0.4;
    -moz-opacity: 0.4;
    -webkit-opacity: 0.4;
    filter: alpha(opacity=40);
}
a.icon.delete, .delete{
    background-position:-132px top;
}
a.icon.save, .save{
    background-position:-160px top;
}
a.icon.copy, .copy{
    background-position: -255px top;
}
a.icon.close, .close{
    background-position: -190px -1px;
}
a.icon.download, .download{
    background-position: -220px -1px;
    width: 24px;
}
a.icon.add, .add{
    background-position: -285px top;
}
a.icon.print, .print{
    background-position: -313px top;
    width: 22px;
}
a.icon.edit, .edit{
    background-position: -344px top;
}
a.icon.rotate-right, .rotate-right{
    background-position: -61px -183px;
}
a.icon.rotate-left, .rotate-left{
    background-position: -32px -183px;
}
a.icon.crop, .crop{
    background-position: -93px -183px;
}
a.icon.camera, .camera{
    background-position: -125px -183px;
}
a.icon:hover, .ico:hover{
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100)
}
a.icon.reason, .reason {
    background-position:-225px -57px;
}
a.icon.distribution, .distribution{
    background-position: -174px -129px;
    width: 22px !important;
}
a.icon.asign, .asign{
    background-position: -138px -127px;
    width: 28px;
    height:23px;
}
a.icon.chat, .chat{
    background-position: -207px -125px;
    height: 24px;
    width: 22px;
}
a.icon.chart, .chart{
    background-position: -350px -155px;
    height: 18px;
    width: 18px;
}
a.details, .details{
    background-position: -271px -124px !important;
}
a.icon.view, .view{
    background-position: -194px -183px;
    width: 25px;
}
a.icon.link, .icon.link, .link{
    background-position: -318px -183px;
    width: 25px;
    vertical-align: bottom;
}
.icon.plus{
    width: 30px;
    height: 30px;
    line-height: 24px;
    font-size: 32px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    transition: background .3s;
    display: block;
    background-color: #3d5d80;
    color: #fff;
    font-weight: 100;
    text-align: center;
    float: left;
    margin-right: 10px;
    text-indent: initial;
    background-image: none;
    opacity:1;
    -webkit-opacity:1;
}
.icon.plus:hover{
    background-color: #3ea7fb;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    cursor:pointer;
}
.icon.open{
    width: initial;
    text-indent: -9999px;
    box-sizing: border-box;
    height: 28px !important;
    vertical-align: top;
    margin-top: 5px;
	background-position: left -124px !important;
}
.ico.file, .file{
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-position:-20px -57px;
}
/*Autocomplete*/
.multiple-autocomplete > span{
    padding: 2px 6px;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    display: inline-block;
    background: #f2f2f2;
}
.multiple-autocomplete > span > span{
    padding-right: 5px;
    margin-top:4px;
    display:inline-block;
}
.multiple-autocomplete > span input[type="checkbox"]{
    float:right;
    margin-right:2px;
}
input{
    box-sizing: border-box;
}
.cont-form{
    width:100%;
    display: inline-block;
}
.cont-form a{
    font-family: 'Ubuntu', sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #5276BF;
    font-weight:500;
    padding: 0;
    display: inline-block;
}
.cont-form h2, .text-form h2{
    display: block;
    clear: both;
    padding: 15px 0 10px;
    font-size: 15px;
    color: #68a3f0;
    padding-left: 15px;
    text-transform: lowercase;
    font-weight: 300;
}
.text-form p, .text-form ul{
    padding: 10px 0 10px 15px;
    font-size: 12px;
    margin: 0 0 10px 0;
}
.text-form ul li{
    margin-bottom: 8px;
    padding-left: 20px;
}
.text-form .links-form.col-2{
    display:inline-block;
    width:100%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.text-form .links-form li{
    padding-left:0;
}
.text-form .links-form:last-child, .text-form .links-form li:last-child{
    margin-bottom:0;
}
.text-form .links-form li a:hover{
    text-decoration:underline;
}
.text-form .links-form.col-2 li{
    /*margin-bottom: 8px;
    float: left;
    width: 47%;*/
}
.text-form .links-form.col-3{
    width: 100%!important;
    display: inline-block;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.cont-row .links-form.col-3, .cont-row .links-form.col-2{
    padding: 0 !important;
}
.text-form .links-form.col-3 li{
    /*margin-bottom: 8px;
    float: left;
    width: 33%;*/
}
/**/
.cont-form h2:first-letter, .text-form h2:first-letter {
    text-transform: uppercase;
}
.cont-form .cont-cell h2{
    padding-left: 0;
}
.rootForm .cont-form fieldset, .fieldset{
    clear: both;
    display: table;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 22px;
    padding: 0.5% 0.8%; /*NUEVO*/
    box-shadow: 0 1px 12px 0px #e0e3eb;
    -webkit-box-shadow: 0 1px 12px 0px #e0e3eb;
    -moz-box-shadow: 0 1px 12px 0px #e0e3eb;
    margin-bottom: 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    min-width: 280px;
}
.cont-form select{
    margin-top: 3px;
    font-size: 12px;
    height:28px;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}
.box-form{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.cont-row{
    display: table;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.cont-row .cont-cell:last-child{
    border-right:0;
}
.cont-bitacora .cont-chat .msg .message .chat-date
.cont-row .cont-cell:last-child{
    border-right:0;
}
.box-form p{
    margin-bottom:0;
    font-size: 12px;
}
/*Cont-row dentro de Cont-cell */
.cont-row .cont-cell .cont-row{
}
.cont-cell.compress .cont-row, .cont-row.compress{
    margin-bottom:0!important;
}
.cont-row .cont-cell .cont-row .cont-item:first-child {
    padding-left: 0;
}
.cont-row .cont-cell .cont-row .cont-item:last-child {
    padding-right: 0;
}
.cont-cell .cont-cell{
    padding: 0 !important;
}
/*Listas dentro de formularios*/
.box-form .list {
    text-align: center;
}
.box-form .list .box-form {
    text-align: left;
}
.box-form .list > .item{
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    padding:12px 2% 12px 2%;
    border-top: 1px solid #e3e3e3;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    border-radius: 0 ;
    -webkit-border-radius: 0 ;
    -moz-border-radius: 0 ;
}
.box-form .list .item:nth-child(odd) {
    background: #ecedf3;
}
.box-form .list .item:nth-child(even) {
    background: #FFF;
}
/*COLLAPSED*/
.cont-collapsed.hide .item-collapsed{
    display:none;
}
.cont-form fieldset.cont-collapsed > .title_list{
    cursor:pointer;
    background: url("/Content/images/form_arrow_up.png") no-repeat 98% center;
}
.cont-form fieldset.cont-collapsed.hide > .title_list{
    background: url("/Content/images/form_arrow_down.png") no-repeat 98% center;
    font-size: 15px;
    padding-top: 0;
    color: #86a1d8;
    height: 20px;
    line-height: 21px;
    padding: 4px;
    padding-left: 15px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
}

.cont-form fieldset.cont-collapsed.hide > .box-form{
    display:none;
}
.cont-form fieldset:nth-of-type(1) {
    margin-top: 4px;
}
.cont-form fieldset.hide {
    margin: 4px 0;
}
/**/
.cont-form > fieldset:first-child .title_list{
    margin-top:0;
}
.cont-form fieldset > .title_list, .text-form h1{
    font-size: 16px;
    color: #4575d4;
    height: 25px;
    line-height: 25px;
    background: transparent;
    margin-bottom: 2px;
    font-weight: 500;
    letter-spacing: 0.03em;
    width: auto;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 10px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
}
.text-form h1{
    text-transform:uppercase;
}
.cont-cell{
    clear: none;
    padding: 0;
    margin: 0;
    width: 100%;
    border-right:1px dotted #CCC;
    display: table-cell;
    vertical-align: top;
    height: 100%;
}
.box-form > .col-2 + -col-2 + col-2{
    border:0;
}
.cont-item{
    float:left;
    padding-right: 15px;
    padding-bottom: 4px;
    padding-top:4px;
    position:relative;
}
.cont-item label{
    display:block;
    color: #999;
    font-size: 10.3px;
    font-weight:300;
}
.cont-form  input[type="radio"]{
    margin-right:10px;
    vertical-align: baseline;
}
td .cont-radio,td .cont-check {
    border: none;
}
.cont-radio, .cont-check{
    padding: 1px 2px 0 8px;
    border: 1px solid #cbd5df;
    margin-top: 5px;
    background: aliceblue;
}
.cont-check > span label, .cont-radio > span label{
    color:#333;
    cursor:pointer;
    font-size: 11px;
    overflow: hidden;
    display: block;
    width: 100%;
    padding-top: 3px;
}
/*Checkbox - radiobutton - COLUMNAS*/
.cont-check.col-2, .cont-check.col-3, .cont-check.col-4{
    width:100% !important;
    overflow:hidden;
    padding: 10px 10px;
}
.cont-radio.col-2, .cont-radio.col-3, .cont-radio.col-4{
    width:100% !important;
    overflow:hidden;
    padding-top: 8px;
}
.cont-check.col-2 > span, .cont-radio.col-2 > span{
    /*width: 49%;
    float: left;*/
    padding: 2px 0 0;
}
.cont-check.col-2, .cont-radio.col-2{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.cont-check.col-3 > span, .cont-radio.col-3 > span{
    /*width: 33%;
    float: left;*/
    padding: 2px 0 0;
}
.cont-check.col-3, .cont-radio.col-3{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.cont-check.col-4 > span, .cont-radio.col-4 > span{
    /*width: 25%;
    float: left;*/
    padding: 2px 0 0;
}
.cont-check.col-4, .cont-radio.col-4{
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
.check span, .radio span{
    display: inline-block;
    padding: 6px 0 0 0;
    color: #333;
    font-size: 12px;
    margin-bottom: 6px;
    padding-right: 12px;
    width: 100%;
    line-height: normal;
    box-sizing: border-box;
}
.check.inline span, .radio.inline span{
    display: inline-block;
    padding: 0;
    margin-top: 0;
    vertical-align: middle;
    padding-top: 2px;
    padding-right: 12px;
    margin-bottom: 4px;
    width: initial;
}
.check.inline span input, .radio span input{
    padding-top: 0;
    float:left;
    margin-top:0;
}
/*Contenedor input file*/
.box-uploader{
    font-family: 'Ubuntu', sans-serif !important;
}
.box-uploader label:hover span{
    color:#2196F3;
}
.box-uploader label:hover span i{
    background-color:#3ea7fb;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.box-uploader label{
    width: 100%;
    display: block;
    position: relative;
    cursor: pointer;
    height:26px;
    margin-bottom: 4px;
}
.box-uploader label span{
    position: absolute;
    left: 0;
    font-size: 14px;
    line-height:27px;
    font-weight: 100;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    cursor: pointer;
}
.box-uploader label span i{
    width: 26px;
    height: 26px;
    line-height: 22px;
    font-size: 26px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    display: block;
    background-color: #3d5d80;
    color: #fff;
    font-weight: 100;
    text-align: center;
    float: left;
    margin-right: 10px;
}
.box-uploader input[type="file"]{
    opacity: 0;
    width: 100%;
    cursor: pointer !important;
    padding: 0;
    margin: 0;
    border: none;
    color: #fff;
    display: block;
}
.box-uploader .file-name-upload.show{
    display: table;
}
.box-uploader .file-name-upload{
    display: none;
    font-size: 12px;
    color: #666;
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
    height:22px;
    line-height:22px;
}
.box-uploader .file-name-upload span{
    float: left !important;
    margin-top: 2px;
    max-width: 59%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.box-uploader .file-name-upload .ico{
    margin-left: 8px;
    margin-right: 0;
    height:22px;
    width:22px;
}
.box-uploader .file-name-upload .ico.download{
   background-position: -222px top;
}
.box-uploader .file-name-upload .ico i{
    display:none;
}

/*Dentro del document-viewer*/
.document-viewer .box-uploader{
    display: table-row;
    height: 60px;
    text-align: left;
}
.document-viewer .box-uploader > .ico{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 22px;
    font-size: 26px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    background-color: #3d5d80;
    background-position: -155px -181px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    float: left;
    margin-right: 10px;
    opacity:1;
}
.document-viewer .box-uploader > .ico:hover{
    background-color: #3ea7fb;
}
.document-viewer .box-uploader label span i{
    width: 30px;
    height: 30px;
    line-height: 24px;
    font-size: 32px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
.document-viewer .box-uploader label{
    height:30px;
    margin-bottom: 9px;
    display: inline-block;
    width: auto;
}
.document-viewer .box-uploader label span{
    font-size: 16px;
    line-height:30px;
}
/**/
/*Contenedor de Mapas y Documentos*/
fieldset > .document-viewer {
    padding: 0 15px !important;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
}
fieldset > .document-viewer .cont-view{
    position: relative;
}
/**/
.document-viewer{
    margin-top:0!important;
    font-weight: bold;
    text-align: center;
    color: rgb(85, 85, 85);
    cursor: default;
    display: table;
    height:100%;

    position:relative;
    padding: 0!important;
}
.document-viewer .cont-view{
    bottom: 0;
    width: 100%;
    position:relative;

    box-sizing: border-box;
    display:block;
    /*height: calc(100% - 70px);*/
    z-index: 1;
    border: 2px dashed #CCC;

}
.document-viewer .cont-view .text-drag span{
    display:none;
}
.document-viewer .cont-view > div {
    height:100%;
    max-height: 600px;
    width:100%;
    border-radius: 2px;
    box-sizing: border-box;
    background: transparent;
    position:relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content:center;
    align-items:center;
    min-height:100px;
    max-height:600px;
    z-index:1;
}
.document-viewer .cont-view > div > object{
    width: initial;
    max-width: 100%;
    height: initial;
    max-height: 100%;
}
.document-viewer .cont-view > div > object[type="pdf"]{
    height:100%;
}
.document-viewer .cont-view > div > object[type="image/png"], .document-viewer .cont-view > div > object[type="image/jpg"], .document-viewer .cont-view > div > object[type="image/gif"]{
    height: initial;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
}
.document-viewer .cont-view > div > img{
    width:initial;
    max-width:100%;
    height:initial;
    max-height:100%;
}
    .document-viewer .cont-view.drag {
        border:2px dashed rgb(145,166,220);
    }
    .document-viewer .cont-view.drag .text-drag{
      color:#91A6DC;
     -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    }
.document-viewer .cont-view .text-drag{
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 30px;
    color: #CCC;
    font-weight: 400;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    z-index: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content:center;
    align-items:center;
}
.document-viewer .cont-view .text-drag span{
    display:block;
}

.google-maps{
}
/*Contenedor para agregar items: box-add*/
.box-add{
}
.box-add .elements{
    width: calc(100% - 40px);
    float: left;
    border: 2px solid #999;
    box-shadow: 1px 1px 6px #f2f2f2;
    -webkit-box-shadow: 1px 1px 6px #f2f2f2;
    -moz-box-shadow: 1px 1px 6px #f2f2f2;
}
.box-add .add{
    float:right;
    margin-top:8px;
}
.box-add .elements > div{
    width:25%;
    float:left;
}
.box-add .elements.uno > div{
    width:100%;
}
.box-add .elements > div select, .box-add .elements > div input, .box-add .elements > input{
    border: none;
    background-color: #fff;
    margin: 0 !important;
    border-right: 1px solid #e0e0e0;
    height: 34px;
    font-size: 13px;
}
.box-add .elements > div select:disabled, .box-add .elements > div input:disabled{
    border: none!important;
    border-right: 1px solid #4a4a4a !important;
    padding-left: 5px !important;
    cursor: not-allowed;
    opacity: 0.2;
    -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    filter: alpha(opacity=20);
}
.box-add .cont-tags{
    clear: both;
    padding-top: 20px;
}
.box-add .cont-tags .tags{
    margin: 0 auto;
}
.box-add .cont-tags .tags li{
    display: inline-block;
    padding: 3px 6px 2px 8px;
    border: 1px solid #b0b0b0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: default;
    line-height: 20px;
    margin-right: 12px;
    color: #909090;
    letter-spacing: 0.4px;
    font-size: 11.3px;
    margin-top: 12px;
    background-color: #fafafa;
}
.box-add .cont-tags .tags li:first-child{
    margin-top:20px;
}
.box-add .cont-tags .tags li:last-child{
    margin-bottom:40px;
}
.box-add .cont-tags .tags li:hover{
    color:#333;
    background-color: #fff;
}
.box-form .box-add .cont-tags .icon{
    background-position: -330px -55px;
    margin-left: 16px;
    margin-right: 0;
    cursor:pointer;
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    filter: alpha(opacity=30);
}
.box-form .box-add .cont-tags .icon:hover{
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}
/**/

/*TRACKING-MAPA*************************************************************************************************/

.rootForm .cont-form fieldset.map-tracking{
	 padding: 0;
     margin-bottom: 60px;
}
.rootForm .cont-form fieldset.map-tracking .title_list{
	padding-left: calc(0.8% + 15px);
    padding-top: calc(0.5% + 12px);
    background-position: 97.5% center !important;
}
#contain .cont .cont-form .map-tracking .box-form{
    padding: 0 0.8%;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking .box-form{
    padding: 0 0.8%;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    height: 335px;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.cont-collapsed.hide > .box-form {
    display: block;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
 }
 .container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking .box-form .cont-row{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
 }
.rootForm .cont-form fieldset.map-tracking .box-form .cont-row{
    margin-bottom: 0;
}
/*TABLAS - */
.cont-form .map-tracking h4{
	font-size: 15px;
	font-weight: 500;
	color:#2D60C5;
    padding-bottom: 6px;
}
.cont-form .map-tracking table th{
    border-right: none;
}
.cont-form .map-tracking table tr:first-child td{
    border-top:0;
}
.cont-form .map-tracking table td{
    font-size: 11px;
    padding: 7px;
    border-right: 0;
    border-left: 0;
}
.cont-form .map-tracking table tr td.nroEntrega{
    width: 16%;
    padding: 7px 2px;
}
.cont-form .map-tracking table tr td.nroRemito{
    width: 20%;
    padding: 7px 2px;
}
.cont-form .map-tracking .no-added table tr td.destinatario{
    width: 26%;
}
.cont-form .map-tracking table tr:hover td{
    background-color: #fcfcfc;
}
.cont-form .map-tracking table tr:hover td .add{
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.cont-form .map-tracking .body-scroll{
    display: block;
    height: 260px;
}
.cont-form .map-tracking .body-scroll .mCSB_draggerRail{
    background: none;
}
.cont-form .map-tracking table td.vol,
.cont-form .map-tracking table td.vol input{
    text-align: right;
}
.cont-form .map-tracking table td.peso,
.cont-form .map-tracking table td.peso input{
    text-align: right;
}
.cont-form .map-tracking table td.pallets input{
    text-align: right;
}
/*no-added*/
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking .no-added{
    display: table-cell;
    position: relative;
    width: 40%;
    padding: 0 15px;
    border-right: 3px solid #2e60c5;
    padding-right: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont-form .map-tracking .no-added h4{
	color:#999;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking .no-added > .icon{
    display: block;
    position: absolute;
    right: 22px;
    top: -3px;
    background-position: -310px -126px;
    cursor: pointer;
}
.cont-form .map-tracking .no-added > .icon:hover{
    background-color: #f4f6fb;
}
.cont-form .map-tracking .no-added .options{
    margin-bottom: 5px;
    color: #999;
    letter-spacing: 0.4px;
    margin-top: 9px;
}
.cont-form .map-tracking .no-added .options select{
	padding: 0;
    background-color: transparent;
    border: none;
    padding-right: 23px;
    min-height: initial;
    height: initial;
    margin: 0;
    font-size: 11px;
    margin-left: 5px;
	color:#000;
}
.cont-form .map-tracking .no-added table{

}
.cont-form .map-tracking .no-added table td:first-child{
    border-right: 1px solid #DDDEE2;
    width: 11px;
    padding: 7px 4px;
}
.cont-form .map-tracking .no-added table td {
    word-break: break-word;
}
.cont-form .map-tracking .no-added table td a{
    color: #888;
}
.cont-form .map-tracking .no-added table td a:hover{
    color: #ff8800;
}
.cont-form .map-tracking table td .icon{
}
.cont-form .map-tracking .added  table td .icon.remove,
.cont-form .map-tracking table td .icon.add{
    opacity: .8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: #fff;
    margin-right: 0;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    border: 1px solid #686868;
    cursor: pointer;
    background-position: 2px -161px;
}
.cont-form .map-tracking table td .icon.add:hover,
.cont-form .map-tracking table td .icon.remove:hover{
    border: 1px solid #686868;
}
.cont-form .map-tracking .no-added table td .icon.disabled{
    cursor: default;
    opacity: 0.2;
    -moz-opacity: 0.2;
    webkit-opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: #f2f2f2;
    border: 1px solid #d9d9d9;
}
.cont-form .map-tracking .no-added table td .icon.disabled:hover{
    cursor: default;
    opacity: 0.2;
    -moz-opacity: 0.2;
    webkit-opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: #f2f2f2;
    border: 1px solid #d9d9d9;
}
.cont-form .map-tracking .no-added table input[type="checkbox"] {
    margin-right: 0;
}
.cont-form .map-tracking .no-added table thead{
	display: block;
}
.cont-form .map-tracking .no-added table .head tr{
    display: table;
    width: 100%;
}
.cont-form .map-tracking .no-added table thead .add{
	width: 14px;
}
.cont-form .map-tracking .no-added table thead .entrega{
	width:16%;
}
.cont-form .map-tracking .no-added table thead .remito{
	width: 20%;
}
.cont-form .map-tracking .no-added table thead .destinatario{
	width: 26%;
}
.cont-form .map-tracking .no-added table tr td.localidad{
	min-width: 60px;
}
.cont-form .map-tracking .no-added table thead .vol{
	min-width: 28px;
}
.cont-form .map-tracking .no-added table tr td.peso,
.cont-form .map-tracking .no-added table tr td.volumen{
    width: 8%;
    padding: 7px 0;
    text-align: right;
}
.cont-form .map-tracking .no-added table th.peso,
.cont-form .map-tracking .no-added table th.vol {
    width: 8%;
    padding: 7px 0;
    text-align: right;
}
/*Added*/
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking .added{
    display: table-cell;
    width: 60%;
    padding: 0 15px;
    padding-left: 28px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-top:0;
    margin-top: 0;
}
/*Only Added*/
.container #contain .cont-form .map-tracking.only-add .added{
    width:100% !important;
    padding: 0 15px !important;
    border-top: 0;
    margin-top: 0;
}
.container #contain .cont-form .map-tracking.only-add .no-added{
    display: none !important;
}
.container #contain .cont-form .map-tracking.only-add .added h4{
    padding-top: 0;
    padding-bottom: 20px;
}
.cont-form .map-tracking.only-add .box-form{
    height:initial !important;
}
.cont-form .map-tracking.only-add .body-scroll{
    height:initial !important;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.only-add.cont-collapsed.hide > .box-form{
    height: 0 !important;
}
/***/
/*Hide Map*/
.rootForm .cont-form fieldset.map-tracking.hide-map #map-container {
    height: 0;
    min-height: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.rootForm .cont-form fieldset.map-tracking.hide-map .filter-map{
    display:none;
}
.rootForm .cont-form fieldset.map-tracking .ico.map{
    opacity: 1;
    margin-right: 0;
    background-position: -285px -185px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.rootForm .cont-form fieldset.map-tracking.hide-map .ico.map{
    opacity: .4;
    background-position: -248px -185px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.rootForm .cont-form fieldset.map-tracking.hide-map .ico.map:hover{
    opacity: 1;
}
/**/
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking .added h4{
    padding-bottom: 36px;
    padding-top: 0;
}
.cont-form .map-tracking .added .body-scroll{
    max-height: 230px !important;
}
.cont-form .map-tracking .added table.head{
}
.cont-form .map-tracking .added table td input{
    width: 60px !important;
    background-color: #F0F8FF;
    border: 1px solid #e5ecf2;
    padding-left: 1px;
    padding-right: 3px;
}
.cont-form .map-tracking .added table{

}
.cont-form .map-tracking .added table td{
    padding: 5px 4px;
}
.cont-form .map-tracking .added table th.entrega{
    width: 11%;
}
.cont-form .map-tracking .added table td.entrega{
    width: 11%;
}
.cont-form .map-tracking .added table th.remito{
    width: 15%;
}
.cont-form .map-tracking .added table td.remito{
    width: 15%;
}
.cont-form .map-tracking .added table th.cot{
    width: 6%;
}
.cont-form .map-tracking .added table td.cot{
    width: 6%;
}
.cont-form .map-tracking .added table th.localidad{
    width: 14%;
}
.cont-form .map-tracking .added table td.localidad{
    width: 14%;
}
.cont-form .map-tracking .added table th:first-child{
    width: 50px;
}
.cont-form .map-tracking .added table td:first-child{
    width: 55px;
    padding: 5px 0 5px 5px;
}
.cont-form .map-tracking .added  table td .icon.remove{
    background-position: -21px -161px;
    float: left;
    margin-top: calc(50% - 22px);
}
.cont-form .map-tracking .added  table td .icon.warn{
    width: 18px;
    height: 18px;
    background-color: #666;
    border-radius: 18px;
    background-position: -104px -158px;
}
.cont-form .map-tracking .added table td .cont-order{
    display: block;
    float: left;
    width: 20px;
    margin-left: 8px;
}
.cont-form .map-tracking .added table td .cont-order a{
    margin: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: transparent;
    height: 16px;
}
.cont-form .map-tracking .added table td .cont-order a.up{
    background-position: -46px -160px;
}
.cont-form .map-tracking .added table td .cont-order a.down{
    background-position: -74px -160px;
}
.cont-form .map-tracking .added table td .cont-order a:hover{
    background-color: #d2d5e0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont-form .map-tracking .added table .pallets{
    border-left: 1px solid #000;
    box-sizing: border-box;
    width: 75px;
}
.cont-form .map-tracking .added table .vol{
    box-sizing: border-box;
    width: 75px;
}
.cont-form .map-tracking .added table .peso{
    box-sizing: border-box;
    width: 75px;
}
.cont-form .map-tracking .added .totales{
    height: 24px;
    background: #EBEBEB;
    margin-top: 6px;
    text-align: right;
}
.cont-form .map-tracking .added .totales ul{
    height: 100%;
    width: 298px;
    display: inline-block;
    vertical-align: middle;
}
.cont-form .map-tracking .added .totales ul li{
    width: 25%;
    float: left;
    line-height: 23px;
    font-weight: 500;
    font-size: 12px;
    box-sizing: border-box;
    padding-right: 7px;
}
.cont-form .map-tracking .added .totales ul li:first-child{
    border-right: 1px solid #000;
    text-transform: uppercase;
    font-size: 11px;
}
/*TRUCK*/
.rootForm .cont-form fieldset.map-tracking .data-truck{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    width: calc(100% - 15px);
    height: 32px;
}
.rootForm .cont-form fieldset.map-tracking .data-truck .icon.truck{
    background-position: -285px -157px;
    opacity: 1;
}
.rootForm .cont-form fieldset.map-tracking .filter-map .aim{
    line-height: 18px;
    font-size: 11px;
    color: #9B9B9B;
}
.rootForm .cont-form fieldset.map-tracking .filter-map .aim:hover{
    color:#6CC807;
}
.rootForm .cont-form fieldset.map-tracking .filter-map .aim i{
    display: inline-block;
    text-indent: -9999px;
    background: transparent url(images/sprite.png) no-repeat -176px -155px;
    width: 18px;
    height: 18px;
    margin-right: 7px;
}
.rootForm .cont-form fieldset.map-tracking .filter-map .aim.active i{
    background-position: -209px -155px;
}
.rootForm .cont-form fieldset.map-tracking .data-truck h4{
    display: none;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking .data-truck ul{
    width: initial;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.hide .data-truck ul{
    width: initial !important;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.collapsed-noadded .data-truck ul{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.rootForm .cont-form fieldset.map-tracking .data-truck ul{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    padding: 0 0 20px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.rootForm .cont-form fieldset.map-tracking .data-truck ul li:first-child{
}
.rootForm .cont-form fieldset.map-tracking .data-truck ul li{
    color: #9B9B9B;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    margin-right: 18px;
}
.rootForm .cont-form fieldset.map-tracking .data-truck ul li:last-child{
    margin-right: 0;
}
.rootForm .cont-form fieldset.map-tracking .data-truck ul li span{
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
}
.rootForm .cont-form fieldset.map-tracking .data-truck ul li span.separate{
    border-left: 1px solid #999;
}
.cont-form fieldset.cont-collapsed.hide > .data-truck{
    z-index: 1;
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    top: 21px;
    width: auto;
    right: 0;
    margin-right: 60px;
}
.cont-form fieldset.map-tracking.cont-collapsed.hide .data-truck h4{
    display: block;
    padding: 0;
    margin: 1px 30px 0 0;
}
.rootForm .cont-form fieldset.map-tracking.cont-collapsed.hide .data-truck ul{
    padding: 0;
    margin: 0;
    width: initial;
}
.rootForm .cont-form fieldset.map-tracking.cont-collapsed.hide .data-truck ul li:first-child,
.rootForm .cont-form fieldset.map-tracking.cont-collapsed.hide .data-truck ul li{
    width: initial;
    margin-right: 18px;
}
.rootForm .cont-form fieldset.map-tracking.cont-collapsed.hide .data-truck ul li:last-child{
    margin-right: 0;
}
.cont-form fieldset.map-tracking.cont-collapsed.hide > .title_list{
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.98);
    border-radius: 3px 2px 0 0;
    padding-bottom: 36px;
    z-index: 1;
    box-sizing: border-box;
}
/*Collapsed no-added*/
.rootForm .cont-form fieldset.map-tracking.collapsed-noadded{

}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.collapsed-noadded .no-added{
    width: 3.2%;
    display: inline-block;
    padding-right: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 100%;
    border-right: 1px solid #e2e2e2;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.collapsed-noadded .added{
    width: 100%;
    padding-left: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.collapsed-noadded .no-added > .icon{
    right: -5px;
    z-index: 100;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-position: -334px -126px;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.hide .no-added > .icon{
    display: none;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking .cont-no-added{
    opacity: 1;
    overflow: hidden;
}
.container.hide-menu.hide-actions #contain .cont .cont-form .map-tracking.collapsed-noadded .cont-no-added{
    opacity: 0;
}
/*mapa*/
fieldset.map-tracking #map-container iframe{
    border-radius: 0 0 5px 5px;
	vertical-align: bottom;
}
#map-container{
    background-color: #f2f2f2;
    width: 100% !important;
    min-height: 200px;
    height: 250px;
}
/*#map-container .ui-resizable-s{
    cursor: ns-resize;
    height: 1px;
    background-color: #f4f6fb;
    border-top: 1px solid #a1b8e8;
    border-bottom: 1px solid #a1b8e8
}*/
/*filter*/
.rootForm .cont-form fieldset.map-tracking .filter-map{
    position: absolute;
    bottom: 20px;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 10px 30px 10px 20px;
    left: 10px;
    z-index: 1;
}
.rootForm .cont-form fieldset.map-tracking .filter-map ul{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
}
.rootForm .cont-form fieldset.map-tracking .filter-map ul li{
    padding-right: 25px;
    line-height: 15px;
    font-size: 12px;
}
.rootForm .cont-form fieldset.map-tracking .filter-map ul li:last-child{
    padding-right: 0;
}
/*En caso de mostrar el menú o las acciones*/
.container #contain .cont-form .map-tracking .no-added,
.container #contain .cont-form .map-tracking .added{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding-right: 15px;
    height: initial;
    padding-left: 15px;
}
.container #contain .cont-form .map-tracking .added{
    border-top: 3px solid #2e60c5;
    margin-top: 30px;
}
.container #contain .cont-form .map-tracking .added h4{
    padding-bottom: 20px;
    padding-top: 30px;
}
.container #contain .cont-form .map-tracking .no-added > .icon{
    display: none;
}

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

/*COL GRID 6 columnas máximo" */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*COL-6*/
.col-6{
    width:100%;
    border-right:0;
}
.cont-cell .col-6{
    padding:0;
    width:100%;
    padding-top: 4px;
    padding-bottom: 4px;
}
.cont-form .col-6 input[type="text"], .cont-form .col-6 textarea, .cont-form .col-6 select{
    width:100%;
    display: inline-block;
}
.cont-form .col-6 .cont-datepicker{
    width:100%;
}
/*COL-1*/
.col-1{
    width: 16.66666667%;
}
/*1-5*/
.cont-cell > .col-1 {
    width: 16.4%;
}
.cont-cell > .col-1 + .col-5{
    width: 79%;
}
/*5-1*/
.cont-cell > .col-5 {
    width: 79%;
}
.cont-cell > .col-5 + .col-1{
    width: 16.4%;
}
/*COL-2*/
.col-2{
    width: 33.33333333%;
}
.c-col-6 .cont-item{
    width:100%;
}
/*COL-2 + COL-2 + COL-2**/

/*COL-3*/
fieldset div >.col-3, .col-3{
    width: 50%;
}
.cont-cell > .col-3{
    padding-left: 0;
    padding-right: 7.5px;
}
.cont-cell > .col-3 + .col-3{
    padding-right: 0;
    padding-left: 7.5px;
}
.cont-form .cont-item.col-3 input[type="text"], .cont-form .cont-item.col-3 input[type="number"], .cont-form .cont-item.col-3 .cont-datepicker{
    width:100%;
}
/*col-4*/
.col-4{
    width: 66.66666667%;
}
/*4-2*/
.cont-cell > .col-4 {
    width: 66.66666667%;
    padding-left: 0;
    padding-right: 7.5px;
}
.cont-cell > .col-4 + .col-2{
    width: 33.33333333%;
    padding-right: 0;
    padding-left: 7.5px;
}
/*2-4*/
.cont-cell > .col-2 {
    width: 33.33333333%;
    padding-left: 0;
    padding-right: 7.5px;
}
.cont-cell > .col-2 + .col-4{
    width: 66.66666667%;
    padding-right: 0;
    padding-left: 7.5px;
}
.cont-cell.col-6 > .cont-item.col-2 {

}
.cont-cell.col-6 > .col-2 + .col-4 {
    padding-left: 15px;
}
/*.cont-cell.col-6 > .col-2:first-child{
    padding-right: 21px;
    padding-left: 0;
    width: 32.8%;
}*/
.cont-cell.col-6 > .col-2:nth-child(3) {

}
.cont-cell.col-6 > .col-3:nth-child(2){
    padding-right: 0;
    padding-left: 15px;
}
.cont-cell > .cont-item.col-1, .cont-cell > .cont-item.col-2, .cont-cell > .cont-item.col-3, .cont-cell > .cont-item.col-4, .cont-cell >.cont-item.col-5, .cont-cell >.cont-item.col-6  {
    padding-left: 0px;
    padding-right:15px;
}
.cont-cell > .cont-item.col-6 {
    padding-right:0;
}
.cont-cell > .cont-item.col-3{
    padding-left: 0;
    padding-right: 7.5px;
}
.cont-cell > .cont-item.col-3 + .col-3{
    padding-left: 7.5px;
    padding-right: 0;
}
.cont-cell.col-3 > .col-3 + .col-3 + .col-3 {
    padding-left: 0;
    padding-right: 7.5px;
}
.cont-cell.col-3 > .col-3 + .col-3 + .col-3 + .col-3 {
    padding-left: 7.5px;
    padding-right: 0;
}
.cont-cell > .cont-item.col-2:first-child, .cont-cell > .cont-item.col-2{
    padding-left: 0;
    padding-right: 10px;
}
.cont-cell > .cont-item.col-1 + .col-2{
    padding-left: 0;
    padding-right: 7.5px;
}
.cont-cell > .cont-item.col-1 + .col-2 + .col-2{
    padding-left: 7.5px;
    padding-right: 0;
}
.cont-cell > .cont-item.col-2 + .col-2{
    padding-left: 5.5px;
    padding-right: 7.5px;
}
.cont-cell > .cont-item.col-2 + .col-2:last-child{
    padding-left: 7.5px;
    padding-right: 0;
}
.cont-cell > .cont-item.col-2 + .col-4:last-child{
    padding-left: 5.5px;
    padding-right: 0;
}
.cont-cell > .cont-item.col-4{
    padding-left: 0;
    padding-right: 7.5px;
}
.cont-cell > .cont-item.col-4 + .col-2{
    padding-left: 7.5px;
    padding-right: 0;
}
/*col-5*/
.col-5{
    width: 83.33333333%;
}
/* Inputs: tamaños fijos Por defecto width 120px*/
.cont-form input[type="text"], .cont-form textarea{
    width: 120px;
    margin-top: 3px;
}
.cont-item input.w36, .cont-item textarea.w36, .cont-item select.w36{
    width:36px !important;
}
.cont-item input.w60, .cont-item textarea.w60, .cont-item select.w60{
    width:60px !important;
}
.cont-item input.w100, .cont-item textarea.w100, .cont-item select.w100{
    width:100px !important;
}
.cont-item input.w160, .cont-item textarea.w160, .cont-item select.w160, .cont-datepicker.w160{
    width:160px !important;
}
.cont-item input.w230, .cont-item textarea.w230, .cont-item select.w230, .cont-datepicker.w230{
    width:230px !important;
}
.cont-datepicker.w160 .datepicker, .cont-datepicker.w230 .datepicker{
    width:100% !important;
}
/* Porcentaje: 50%, 80%, 100%*/
.wp50, .cont-item input.wp50, .cont-item textarea.wp50, .cont-datepicker.wp50, .cont-item select.wp50{
    width:50% !important;
}
.wp80,  .cont-item input.wp80, .cont-item textarea.wp80, .cont-datepicker.wp80, .cont-item select.wp80{
    width:80% !important;
}
.wp100, .cont-item input.wp100, .cont-item textarea.wp100, .cont-datepicker.wp100, .cont-item select.wp100{
    width:100% !important;
}


/* Alturas Fijas: 60px - 125px - 200px - hp50 - hp100 */

.cont-item select.multiple, select.multiple{
    height:60px;
    background:none;
}
.h60{
    height:60px !important;
}
.h80{
    height:80px!important;
}
.h125{
    height:125px!important;
}
.h185{
    height:185px!important;
}
.h200{
    height:200px!important;
}
.hp50{
    height:50%!important;
}
.hp100{
    height:100%!important;
}
select[disabled="disabled"].required, select[disabled="disabled"].multiple{
    background: ;
}
select.h60, select.h80, select.h125, select.h185, select.h200{
    background-image:none;
}
/*DATEPICKER*/
.cont-datepicker{
    position: relative;
    display: inline-block;
}
.cont-datepicker .dateBox{
    position: absolute;
    top: 8px;
    right: -3px;
}
.input-spinner{
    display: inline-block;
    width: 24px;
    height:24px;
    vertical-align: middle;
}

/*AUDITORIA LIST***********************************************************************************/
.box-form.cont-auditoria{
    padding:20px;
    font-family: 'Ubuntu', sans-serif !important;
}
.title-fix{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    border-bottom:2px solid #979797;
    background-color: #fff;
}
.title-fix li{
    padding:12px 20px 12px 0;
    font-size:12px;
    font-weight:bold;
    color:#666;
    box-sizing:border-box;
}
.w-50{
    width:50%;
}
.w-10{
    width:10%;
}
.w-40{
    width:40%;
}
.box-form .auditoria.list > .item{
    padding:0;
    margin:0;
    border: none;
}
.box-form .auditoria.list .item .level1{
    border:none;
}
.box-form .auditoria.list > .item > .cols-container{
    padding:0;
}
.t-father, .box-form .auditoria.list > .t-father{
    border-top: 1px solid #999;
    padding-top:30px;
    margin-top:30px;
    background: none
}
.t-father, .box-form .auditoria.list > .t-father + .child-1{
    border: none;
    margin-top: 0;
    padding-top:0;
    background-position: left top;
}
.box-form .auditoria.list > li:first-of-type{
    border:none;
    margin-top: 0;
}
.box-form .auditoria.list > .item .level2{
    font-size:12px;
    color:#000;
    padding: 5px 5px 5px 0;
    font-weight: bold;
    /*border-top: 1px dashed #C7C7C7;
    margin-top: 16px;
    padding-top: 10px;*/
}
.box-form .auditoria.list > .item.t-father .level2{
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    color:#76ACEE;
    padding-left:0;
    border: none;
}
.box-form .auditoria.list > .item.quest .cols-container{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding:6px 10px 10px 0;
}
.box-form .auditoria.list > .item.quest .cols-container .level1{
    font-size: 13px;
    font-weight: 100;
    margin: 0;
    padding: 0 12px 0 0;
    width: 50%;
    box-sizing: border-box;
    line-height: 130%;
}
.box-form .auditoria.list > .item.quest .cols-container .level2{
    margin:0;
    padding:0;
    box-sizing: border-box;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 50%;
    border: none;
}
.box-form .auditoria.list > .item.quest .cols-container .level2 select{
    margin: 0;
    height: 34px;
    margin-right: 4%;
}
.box-form .auditoria.list > .item.quest .cols-container .level2 textarea{
    margin: 0;
    line-height: 120%;
    padding: 2px 6px;
    height: 34px;
    min-height: 34px;
    width: 75%;
    overflow: hidden;
    -moz-transition: height 0.1s linear;
    -webkit-transition: height 0.1s linear;
    -o-transition: height 0.1s linear;
    transition: height 0.1s linear;
}
.box-form .auditoria.list .item .cols-container a.icon.chat{
    margin-left:1.6%;
    margin-top:3px;
    position: relative;
    text-indent: inherit;
}
.box-form .auditoria.list .item .cols-container a.icon.chat .alert-numb{
    position: absolute;
    right: -13px;
    top: -4px;
    background-color: #2C74C8;
    width: 19px;
    height: 19px;
    border-radius: 17px;
    color: #fff;
    line-height: 19px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box-form .auditoria.list .child-1{
    padding-left:12px;
    margin-top: 20px;
    border-top: 1px dashed #e1e1e1;
    padding-top: 20px;
}
.box-form .auditoria.list .child-2{
    padding-left:24px;
}
.box-form .auditoria.list .child-3{
    padding-left:36px;
}
.box-form .auditoria.list .child-4{
    padding-left:48px;
}
.box-form .auditoria.list .child-1{
    background: #fff url(/Content/images/arrow_tree.png) left 20px no-repeat;
}
.box-form .auditoria.list .child-2{
    background: #fff url(/Content/images/arrow_tree.png) 12px top no-repeat;
}
.box-form .auditoria.list .child-3{
    background: #fff url(/Content/images/arrow_tree.png) 24px top no-repeat;
}
.box-form .auditoria.list .child-4{
    background: #fff url(/Content/images/arrow_tree.png) 36px top no-repeat;
}
.box-form .auditoria.list .quest.child-1,
.box-form .auditoria.list .quest.child-2,
.box-form .auditoria.list .quest.child-3,
.box-form .auditoria.list .quest.child-4{
    background:none;
}
.box-form .auditoria.list > .item.quest.child-2 .cols-container .level1{
    width: calc(50% - 6px);
}
.box-form .auditoria.list > .item.quest.child-3 .cols-container .level1{
    width: calc(50% - 12px);
}
.box-form .auditoria.list > .item.quest.child-4 .cols-container .level1{
    width: calc(50% - 18px);
}
.box-form .auditoria.list .quest.child-1{
    margin:0;
    border:none;
    padding-top:0;
}
.box-form .auditoria.list .quest.child-1, .box-form .auditoria.list .quest.child-2, .box-form .auditoria.list .quest.child-3{
}
/************************************************************************************************/


/*TREE FILES*/
.cont-files-tree{
    font-family: 'Ubuntu', sans-serif !important;
    margin: 10px 0 20px 0;
    background: #fff;
    box-shadow: 0 1px 2px 1px #e0e3eb;
    -webkit-box-shadow: 0 1px 2px 1px #e0e3eb;
    -moz-box-shadow: 0 1px 2px 1px #e0e3eb;
    padding: 20px 10px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
}
.cont-files-tree .search-tree{
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    text-align: right;
}
.cont-files-tree .search-tree input{
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    background: #fff url(images/ico-search.png) no-repeat 99% 4px;
    padding: 0 10px;
	padding-right: 28px;
	margin: 0;
}
.cont-files-tree .search-tree input:focus{
	border-color:#2196F3;
	outline: 0;
}
.cont-files-tree ul ul > li{
    padding-left: 30px;
    margin-bottom: 0px;
}
.cont-files-tree ul li{
    padding-left: 0;
    margin-bottom: 20px;
}
.cont-files-tree li span.branch{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    border-bottom: 1px solid #fff;
}
.cont-files-tree li > span{
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 12px;
    color: #333;
    font-weight: 100;
    padding: 3px 4px;
    cursor: move;
    vertical-align: middle;
    min-height: 20px;
    position: relative;
    /*padding-left: 26px;*/
    line-height: 15px;
}
.cont-files-tree li span.data-left i {
    opacity: 0.5;
    margin:0;
}
.cont-files-tree li span i{
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    background: url(/Content/images/sprite.png) no-repeat -20px -57px;
    vertical-align: middle;
    margin-right: 10px;
    /*position: absolute;
    left: 0;
    top: 0;*/
}
.cont-files-tree li span i.file{
    opacity: 0.5;
}
.cont-files-tree li.cont-child > span{
    cursor: pointer;
    font-weight: 400;
}
.cont-files-tree li.cont-child > span i.file{
    background: url(/Content/images/sprite.png) no-repeat left -55px;
    opacity: 1;
}
.cont-files-tree li.cont-child.open > span i.file{
    background: url(/Content/images/sprite.png) no-repeat -305px -55px;
}
.cont-files-tree li span.data-left{
	display: inline-block;
    max-width: 50px;
    vertical-align: top;
}
.cont-files-tree li span.data-right{
    vertical-align: bottom;
    width: calc(100% - 70px);
    box-sizing: border-box;
    padding-left: 6px;
	min-height: 19px;
	line-height: 155%;

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.cont-files-tree ul ul > li > .branch {
	border-bottom: 1px solid #fff;
}
/*Estados*/
.cont-files-tree li span i.estado-inicial,
.cont-files-tree li span i.estado-intermedio,
.cont-files-tree li span i.estado-rechazo,
.cont-files-tree li span i.estado-final{
    width:8px;
    min-width: 8px;
    height:8px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    margin: 0;
    margin-top: 5px;
    margin-right: 6px;
    text-indent: -9999px;
}
.cont-files-tree .estado-inicial{
    background-color: #CCCCCC;
    background-image: none !important;
}
.cont-files-tree .estado-intermedio{
    background-color: #FFCC00;
    background-image: none !important;
}
.cont-files-tree .estado-rechazo{
    background-color: #CB0504;
    background-image: none !important;
}
.cont-files-tree .estado-final{
    background-color: #36D900;
    background-image: none !important;
}
/*SHOW/HIDE childs*/
.cont-files-tree ul .open > .branch {
    background: #fdfdfd;
}
.cont-files-tree li.cont-child.open > span > span.data-right{
	color:#3464c3;
}
.cont-files-tree ul li.cont-child.open > ul{
    display: block;
}
.cont-files-tree ul li.cont-child.open > span{
    color:#3464c3;
    font-weight: 500;
}
.cont-files-tree ul li.cont-child span a.edit,
.cont-files-tree ul li span a.edit,
.cont-files-tree ul li.cont-child span a.hide,
.cont-files-tree ul li span a.hide{
    display:none;
}
.cont-files-tree ul li span a.edit{
    background-position: -263px -57px;
}
.cont-files-tree ul li span a.add{
	background-position: 5px -184px;
}
.cont-files-tree ul li span:hover a.edit,
.cont-files-tree ul li.cont-child.open span:hover a.edit,
.cont-files-tree ul li span:hover a.hide,
.cont-files-tree ul li.cont-child.open span:hover a.hide{
    display: inline-block;
    height: 18px;
    margin-right: 0;
    padding-right: 2px;
    margin-left: 0;
    padding-left: 4px;
}
.cont-files-tree ul li.cont-child span:hover{
    vertical-align:top;
}
.cont-files-tree li.cont-child.open span.active{
    color:#2196f3;
}
.cont-files-tree li.cont-child span.active i{
    background-position: -135px -55px;
}
.cont-files-tree ul li.cont-child.close > ul{
    display: none;
}
.cont-files-tree li.close > span i{
    opacity: 0.3 !important;
    -moz-opacity: 0.3 !important;
    -webkit-opacity: 0.3 !important;
}
.cont-files-tree li.open > span i{
}
.cont-files-tree li.close > span{
    color: #999;
}
.cont-files-tree li span a{
    color:#999;
}
.cont-files-tree li.open > span{
    color: #333;
}

/*HOVER*/

.cont-files-tree li:not(.cont-child):hover > span{
}

/**/
/* AUDITORIA ------------------------------------------------------------------------------------- */
#auditing-log{
    margin-top: 20px;
    position:relative;
    padding-bottom: 20px;
}
#auditing-log .ico{
    margin: 0;
    position: absolute;
    right: 3px;
    top: -6px;
    width: 22px;
    background-position: -72px -127px;
}
#auditing-log p{
    font-family: verdana;
    color: #AAA;
    margin-bottom: 4px;
    display: inline-block;
    margin-right: 15px;
    font-weight: 100;
    font-size: 11px;
}
#auditing-log p span{
}
#auditing-log span.user{
    float: none;
    margin: 0;
}
#auditing-log span.date{
}
/*ERROR PAGE-------------------------------------------------------------------------------- */
.error-page{
    margin: 0 auto;
    margin-top: 10%;
    text-align: center;
}
.error-page .titleGralCont{
    font-size: 90px;
    color: rgba(52, 78, 129, 0.16);
}
.error-page p{
    font-size: 24px;
    color: #3f5f9d;
    font-weight:500;
}
.error-page span{
    font-size: 18px;
    color: #344e81;
    display: block;
    margin-top: 25px;
    letter-spacing: 0.2px;
}
.error-page span a{
    color: #4b71bc;
}
/**/
/* NOTIFICACIONES -------------------------------------------------------------------------------- */
#notificationTemplate{
    text-align: center;
    z-index: 56007;
    position: absolute;
    top: 0px;
    left: -40%;
    width: 160%;
    padding: 18px 0 10px 0;
    font-size: 12px;
    font-weight: 100;
    color: #fff;
    height: 18px;
    background: rgba(133, 178, 0, 0.91);
}
/*Tipos de notifiaciones*/
.Message{
    background: rgba(133, 178, 0, 0.91);
}
.Warning{
    background: rgba(224, 207, 6, 0.91);
}
.Error{
    background: rgba(178, 33, 0, 0.91);
}
.errorLevel{
    clear: both;
    padding-top: 10px;
}
.errorLevel ul{
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 10px;
}
.errorLevel ul li{
    color: rgb(255, 17, 17);
    margin-bottom: 5px;
    font-size: 11px;
}
.errorLevel ul li:last-child{
    margin-bottom: 0;
}
/* BOTÓN REPORTAR BUG -------------------------------------------------------------------------- */
.atlwdg-trigger{
    border:none!important;
    font-weight: lighter!important;
    padding: 4px 10px 10px!important;
}

/*Tablero de control*/
.estadisticaShadow {
    padding: 20px !important;
    width: initial;
    display: block;
}
.estadisticaShadow .form_row span + span{
    width:26px!important;
    height:26px!important;
}
.estadisticaShadow .level1 b{
    color:#ff8800;
    font-size: 18px;
    font-weight: normal;
}
/**/
/* BITACORA -------------------------------------------------------------------------------- */
.cont .cont-scroll .padd.bitacora{
    padding:0;
    height: 100%;
}
.cont-bitacora{
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
fieldset .cont-bitacora{
    padding: 0 15px;
    margin-bottom: 12px;
    display:block;
}
.cont-bitacora .pane-chat{

}
.cont-bitacora .cont-chat{
	padding: 4%;
}
.cont-bitacora .ico.load{
    background: transparent url("/Content/images/iconos-bitacora.png") no-repeat left top;
    background-position: -3px -110px;
    height: 25px;
    width: 26px;
    line-height: 25px;
    margin-right: 7px;
}
.pane-chat-body .cont-bitacora .ico.load{
}
/*Bitacora view*/
.rootForm{
    height: 100%;
}
.bitacora-view .box-form {

}
.bitacora-view, .rootForm form.bitacora-view{
    height: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.rootForm .bitacora-view.cont-form fieldset{
    flex: 1 12%;
    flex-grow: 4;
    display: block;
    padding-top: 15px;
    padding-bottom: 12px;
}
.rootForm form.bitacora-view .cont-bitacora{
    height: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    display: flex;
}
.rootForm .bitacora-view.cont-form fieldset:nth-of-type(1){
    flex-grow: 1;
}
.rootForm .bitacora-view.cont-form fieldset .cont-bitacora .pane-chat-body{
    max-height: inherit;
    box-sizing: border-box;
}
/**/
/*chat-body*/
.cont-bitacora .pane-chat-body{
	height: calc(100% - 55px);
    -webkit-order: 0;
    order: 0;
    overflow-y: scroll;
}
fieldset .cont-bitacora .pane-chat-body{
    border-top: 6px solid #f8f5f5;
    max-height: 350px;
    background-color: #f4f6fb;
}
fieldset .cont-bitacora .pane-chat-body .mensajesAnteriores{
    display: flex;
    justify-content: center;
}
fieldset .cont-bitacora .pane-chat-body .mensajesAnteriores a{
    margin-top: 10px;
}
fieldset .cont-bitacora .pane-chat-body .mensajesAnteriores a:hover .ico{
    opacity:1;
}
fieldset .cont-bitacora .cont-chat{
    padding-top: 2%;
    box-sizing: border-box;
    min-height: 160px;
}
.cont-bitacora .cont-chat .msg{
    margin-bottom: 10px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.cont-bitacora .cont-chat .msg .message{
    max-width: 90%;
    min-width: 55%;
    border-radius: 10px;
    background: #fff;
    float: right;
    box-sizing: border-box;
    padding: 10px 13px 15px;
    position: relative;
    min-height: 50px;
    box-shadow: 0 1px 0.5px rgba(0,0,0,0.13);
}
.cont-bitacora .cont-chat .msg.in .message{
	float: left;
    background-color: #E1E5EE;
    padding-left: 18px;
    padding-bottom: 16px;
}
.cont-bitacora .cont-chat .msg .message:after, .cont-bitacora .cont-chat .msg .message:before {
    top: 100%;
    right: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 9px;
}
.cont-bitacora .cont-chat .msg.in .message:after{
    right: initial;
    left: 20px;
    border-top-color: #E1E5EE;
}
.cont-bitacora .cont-chat .msg .message:before {
    right: 19px;
    border-top-color: #cfcfcf;
    border-width: 10px;
}
.cont-bitacora .cont-chat .msg.in .message:before {
    left: 19px;
}
.cont-bitacora .cont-chat .msg .message .chat-date{
    position: absolute;
    bottom: 3px;
    right: 13px;
    color: #999;
    font-weight: 100;
    font-size: 10px;
}
.cont-bitacora .cont-chat .msg.in .message .chat-date{

}
.message .left-side{
	float: left;
}
.message .left-side > span, .message .right-side > span{
	display: block;
	color:#333;
	padding-bottom: 2px;
	text-align: left;
	font-size:14px;
    line-height: 122%;
    word-break: break-word;
}
.message .left-side .actions{
    display: block;
    padding: 2px 0 0;
}
.message .left-side .actions .ico{
    width: 25px;
    height: 25px;
    opacity: 1;
    border-radius: 25px;
    background: #476392 url("/Content/images/iconos-bitacora.png") no-repeat left top;
    cursor: pointer;
    margin-right: 2px;
}
.message .left-side .actions .ico:hover{
	background-color: #4d72b0;
}
.message .left-side .actions .ico.view{
    background-position: 3px 6px;
}
.message .left-side .actions .ico.download{
    background-position: -27px 7px;
}
.message .right-side{
	float: right;
}
.message .right-side .ico{
    width: 30px;
    height: 30px;
    margin: 0 0 0 20px;
    background: url("/Content/images/iconos-bitacora.png") no-repeat left top;
    opacity: 0.6;
}
.message .right-side .ico.picture{
	background-position: left -30px;
}
.message .right-side img{
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    max-width: 90%;
    max-height: 100%;
}
.message .right-side .ico.video{
	background-position: -46px -30px;
}
.message .right-side .ico.doc{
	background-position: -89px -30px;
}
.message .right-side .ico.audio{
	background-position: -139px -30px;
}
.msg.in .message .right-side .ico{
	opacity: 0.8;
}
/**/
/*chat-footer*/
.cont-bitacora .pane-chat-footer{
   -webkit-order: 1;
   order: 1;
    position: relative;
    height:55px;
}
.cont-bitacora .pane-chat-footer > div{
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: flex-end;
     align-items: center;
     padding: 10px 19px;
     max-width: 100%;
     height: 100%;
     box-sizing: border-box;
     background: #f8f5f5;
     border-top: 1px solid #DDDDDD;
     position: relative;
     z-index: 2;
}
.cont-bitacora .pane-chat-footer > div button{
    height:27px;
    width:28px;
    background: url("/Content/images/iconos-bitacora.png") no-repeat left top;
    cursor:pointer;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    margin-bottom: 5px;
    margin-bottom: 5px;
    border-radius:4px
}
/*CANVAS VIDEO*/
.canvas{
    position: fixed;
    background: #fff;
    width: 80%;
    height: 80%;
    left: 15%;
    z-index: 10000000;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    top: 10%;
    box-sizing: border-box;
    box-shadow: 2px 2px 13px #898989;
    max-width: 1024px;
    max-height: 800px
}
.canvas .close{
    background-position: -190px -1px !important;
    position: absolute;
    right: 0%;
    top: 2.2%;
}
.canvas .controler{
    text-align: center;
    padding: 12px 0 10px;
    background-color: #f8f8f8;
        border-radius: 0 0 10px 10px;
}
.canvas .controler .ico.photo{
    background: url("/Content/images/iconos-bitacora.png") no-repeat left top;
    opacity: 1;
    width: 45px;
    height: 45px;
    background-color: #FF5722;
    border-radius: 45px;
    cursor: pointer;
    background-position: -36px -101px !important;
}
.canvas .controler .ico.photo:active{
    background-color: #b8401a;
}
.canvas .cont-video{
    padding: 4% 4% 0;
    box-sizing: border-box;
    height: calc(100% - 67px);
}
.canvas .cont-video #videoCanvas{
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.canvas .cont-video canvas{
    max-width: 100%;
    max-height: 100%;
}
/**/
.cont-bitacora .pane-chat-footer > div button:focus{
    outline: none;
}
.cont-bitacora .pane-chat-footer .input-container{
    width: calc(100% - 100px);
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    display: flex;
    align-items: center;
}
.cont-bitacora .pane-chat-footer .input-container > textarea{
    background-color: #fff;
    width: calc(100% - 35px);
    height: 100%;
    box-sizing: border-box;
    min-height: initial;
    line-height: normal;
    margin: 0;
    border: 1px solid #D9D9D9;
    padding: 5px 10px;
    font-size: 13px;
}
.cont-bitacora .pane-chat-footer .input-container > textarea:focus{
    outline:none;
    border-color:#999;
}
/*iconos*/
.upload{
    background-position: 0px -70px !important;
}
.photo{
    background-position: -45px -71px !important;
}
.micro{
    background-position: -90px -70px !important;
}
.cont-bitacora .pane-chat-footer > div button.send{
    margin: 0;
    margin-left:5px;
    float:right;
    background-position: -137px -71px !important;
}
/* INBOX PENDIENTES ---------------------------------------------------------------------- */
.cont-inbox{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

  flex-direction:row;
  flex-wrap:nowrap;
}
.cont-inbox .menu-pendientes .icon.close{
    display:none;
}
.list-pendientes{
    width:60%;
    height:auto;
}
.menu-pendientes{
    height: auto;
    width: 35%;
    margin-left: 4%;
    position: relative;
}
.menu-pendientes .collpsable{
    position: fixed;
    width: 27%;
    top: 105px;
    height: calc(100% - 125px);
}
.menu-pendientes h1{
    background: #4A90E2;
    font-size: 28px;
    color: #fff;
    font-weight: 300;
    padding: 10px 12px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    line-height: 130%;
}
.menu-pendientes h1 .txt{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:60%;
    margin-left: 8px;
    display:inline-block;
}
.menu-pendientes h1 .total{
    font-size:35px;
    font-weight:400;
    float:right;
    margin-right:20px;
}
.menu-pendientes .details{
    height:calc(100% - 60px);
}
.menu-pendientes .details > li{
    font-weight: 100;
    font-size: 16px;
    color: #fff;
    padding: 10px 12px;
    text-align: left;
    line-height: 250%;
    box-sizing: border-box;
    background: #3B77BC;
    height:60px;
    -moz-transition: height 300ms ease;
    -webkit-transition: height 300ms ease;
    -o-transition: height 300ms ease;
    transition: height 300ms ease;
}
.menu-pendientes .details > li .head{
    cursor:pointer;
    color: rgba(255, 255, 255, 0.54);
}
.menu-pendientes .details li .sub-total{
    font-size:26px;
    font-weight:300;
    float:right;
    margin-right:20px;
}
.menu-pendientes .details li .head .ico{
    margin-top: 5px;
    float: left;
    margin-left: 8px;
}
.menu-pendientes .details li .head .ico:hover{
	opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    filter: alpha(opacity=50);
}
.ico.autorizations{
    background-position: -307px -88px;
    width: 22px;
    height: 27px;
}
.ico.homeworks{
    background-position: -333px -88px;
    width: 22px;
    height: 27px;
}
.menu-pendientes .details > li:first-child{
    border-bottom:1px dotted rgba(255, 255, 255, 0.24);
}
.menu-pendientes .details > li > div.con-detail{
    background-color: #fff;
    position:relative;
    height:0;
}
.menu-pendientes .details > li.close > .cont-btn.right{
    height:0;
    overflow: hidden;
    background: transparent;
}
.menu-pendientes .details > li > div.con-detail .scroll{
    overflow-y:scroll;
    height:100%;
}
/*open*/
.menu-pendientes .details li.open{
    -moz-transition: height 300ms ease;
    -webkit-transition: height 300ms ease;
    -o-transition: height 300ms ease;
    transition: height 300ms ease;
    height:calc(100% - 60px);
}
.menu-pendientes .details > li.open .head{
	color:#fff;
}
.menu-pendientes .details > li.open .head .ico{
	opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}
.menu-pendientes .details > li.open > div.con-detail{
    margin-top: 8px;
    height: calc(100% - 110px);
}
.menu-pendientes .details > li > div.con-detail:after{
    pointer-events: none;
    position: absolute;
    z-index: 4;
    content: '';
    border-style: solid;
    left: 6%;
    top: 0;
    border-color: rgba(59, 119, 188, 0);
    border-top-color: #3b77bc;
    border-width: 10px;
    margin-left: -10px;
}
.menu-pendientes .details > li > div.con-detail .box{
    padding: 10px;
}
.menu-pendientes .details > li > div.con-detail .box.scroll{
    height: initial;
    overflow-y: scroll;
}
.menu-pendientes .details > li > div.con-detail .box.scroll.horizontal{
    height: 42px;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    overflow: hidden;
}
.menu-pendientes .details > li > div.con-detail h2{
    color: #4A90E2;
    font-size: 10.5px;
    text-transform:uppercase;
    font-weight: 500;
    padding:0 12px;
    clear: both;
}
/*PRIORITY*/
.menu-pendientes .details > li > div.con-detail .priority{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    height: 135px;
}
.menu-pendientes .details > li > div.con-detail .priority ul, .menu-pendientes .details > li > div.con-detail .priority .graph{
    width:100%;
    float:left;
    box-sizing: border-box;
}
.menu-pendientes .details > li > div.con-detail .priority ul{
    padding: 0 12px;
}
.menu-pendientes .details > li > div.con-detail .priority .graph{
    padding: 4px;
    height: 100%;
    display:none;
}
.menu-pendientes .details > li > div.con-detail .priority .graph div{
    background: #CCC;
    width: 76%;
    height: 100%;
    border-radius: 160%;
    text-align: center;
    margin: 0 auto;
}
.menu-pendientes .details > li > div.con-detail .priority li{
    display:block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    position:relative;
    padding-right: 2px;
    margin-bottom: 1px;
}
.menu-pendientes .details > li > div.con-detail .priority li > a{
    display: inline-block;
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.menu-pendientes .details > li > div.con-detail .priority .ico{
    position: absolute;
    right: -3px;
    margin: 0;
    bottom: 8px;
    background-position: left -123px;
    opacity: 0.3 !important;
    -moz-opacity: 0.3 !important;
    -webkit-opacity: 0.3 !important;
}
.menu-pendientes .details > li > div.con-detail .priority li > a:hover strong{
    color: #000;
    font-size: 15px;
}
.menu-pendientes .details > li > div.con-detail .priority li > a:hover .ico{
    opacity: 0.7 !important;
    -moz-opacity: 0.7 !important;
    -webkit-opacity: 0.7 !important;
}
.menu-pendientes .details > li > div.con-detail .priority li strong{
    width: 78%;
    color: #999;
    float:left;
    box-sizing: border-box;
    font-size:13px;
    border-bottom: 1px dotted #dadada;
    letter-spacing: 1px;
    padding-left:4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.menu-pendientes .details > li > div.con-detail .priority li span{
    width: 17%;
    margin-left: 0;
    color: #999;
    display: block;
    float: left;
    box-sizing: border-box;
    font-size: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    text-align: right;
}
.menu-pendientes .details > li > div.con-detail .priority li span.h{
    color: #E80001;
}
.menu-pendientes .details > li > div.con-detail .priority li span.m{
    color: #F9B647;
}
/*PRIORITY Selected*/
.menu-pendientes .details > li > div.con-detail .priority li.selected{
}
.menu-pendientes .details > li > div.con-detail .priority li.selected a{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
     background-color: #4A90E2;
}
.menu-pendientes .details > li > div.con-detail .priority li.selected:first-child a{
    /*background-color: #ea452f;*/
}
.menu-pendientes .details > li > div.con-detail .priority li.selected:last-child a{
     /*background-color: #aaaaaa;*/
}
.menu-pendientes .details > li > div.con-detail .priority li.selected strong,
.menu-pendientes .details > li > div.con-detail .priority li.selected > a:hover strong{
    color:#fff;
    font-size: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border:0;
}
.menu-pendientes .details > li > div.con-detail .priority li.selected .ico,
.menu-pendientes .details > li > div.con-detail .priority li.selected > a:hover .ico{
    background-position: -240px -123px;
    opacity: 1 !important;
    -moz-opacity:1 !important;
    -webkit-opacity: 1 !important;
}
.menu-pendientes .details > li > div.con-detail .priority li.selected span{
    color: #fff;;
}
/**/
/*DATES*/
.menu-pendientes .details > li > div.con-detail .dates{
    width: 100%;
    box-sizing: border-box;
    padding: 0 12px;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    margin-bottom: 20px;
}
.menu-pendientes .details > li > div.con-detail .dates li{
    width: 33%;
    float: left;
    text-align: center;
    margin-top: 11px;
    position:relative;
    border-left: 1px solid #f2f2f2;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.menu-pendientes .details > li > div.con-detail .dates li:first-child{
    border-left:0;
}
.menu-pendientes .details > li > div.con-detail .dates li a{
    display: block;
    box-sizing: border-box;
    padding: 10px 2px;
    height:100%;
}
.menu-pendientes .details > li > div.con-detail .dates li a > *{
    color: #B8B8B8;
    font-size:14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.menu-pendientes .details > li > div.con-detail .dates li a > h3{
    line-height: 100%;
    padding-bottom: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.menu-pendientes .details > li > div.con-detail .dates li a > span{
    font-size:35px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-top: 8px;
}
.menu-pendientes .details > li > div.con-detail .dates li a > .ico{
    position: absolute;
    right: 5px;
    margin: 0;
    bottom: 6px;
    background-position: -21px -123px;
    opacity: 0.3 !important;
    -moz-opacity: 0.3 !important;
    -webkit-opacity: 0.3 !important;
}
.menu-pendientes .details > li > div.con-detail .dates li a:hover > *{
    color:#000;
}
.menu-pendientes .details > li > div.con-detail .dates li a:hover > span{
    font-size:42px;
}
.menu-pendientes .details > li > div.con-detail .dates li a:hover > .ico{
    opacity: 1 !important;
    -moz-opacity:1 !important;
    -webkit-opacity: 1 !important;
}
/*Por sistema*/
.menu-pendientes .details > li > div.con-detail .list-system{
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    vertical-align: middle
}
.menu-pendientes .details > li > div.con-detail .ico-system{
    line-height: 100%;
    font-size: 12px;
    margin: 0 5px 0 0;
    display: inline-block;
    white-space: normal;
    text-align: center;
    width: initial;
    padding: 0;
    vertical-align: top;
}
.menu-pendientes .details > li > div.con-detail .ico-system a{
    display: block;
    padding: 5px 10px;
    color: #fff;
}
.menu-pendientes .details > li > div.con-detail .ico-system a:hover{
    background-color: #344E81;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
/*DATES Selected*/
.menu-pendientes .details > li > div.con-detail .dates li.selected{
    background-color: #4A90E2;
    margin-top: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.menu-pendientes .details > li > div.con-detail .dates li.selected a > *{
    color:#00325a !important;
}
.menu-pendientes .details > li > div.con-detail .dates li.selected a > .ico{
    opacity: 1 !important;
    -moz-opacity:1 !important;
    -webkit-opacity: 1 !important;
}
.menu-pendientes .details > li > div.con-detail .dates li.selected a > h3{
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
    	-webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
}
.menu-pendientes .details > li > div.con-detail .dates li.selected a > span{
    font-size: 40px;
    	-webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
}
/**/
.menu-pendientes .details > li > div.con-detail .cont-option{
    width: 100%;
    display: inline-block;
    padding-bottom: 20px;
    vertical-align: top;
}
.menu-pendientes .details > li > div.con-detail .cont-option:last-child{
    padding-bottom:0;
}
.menu-pendientes .details > li > div.con-detail .search{
    padding: 0 11px;
    height: 30px;
}
.menu-pendientes .details > li > div.con-detail .search input{
    width: 100%;
    background: #f2f2f2;
    margin: 0;
    line-height: normal;
    vertical-align: top;
    border: none;
}
.menu-pendientes .details > li > div.con-detail .search input:focus{
    outline: none;
}
.menu-pendientes .details > li > div.con-detail .cont-option input[type=checkbox] + label{
    color: #666;
    font-weight:500;
    vertical-align: top;
    font-size: 12px;
    float: left;
    padding: 0;
    padding-left: 12px;
    width: calc(100% - 20px);
    box-sizing: border-box;
    line-height: 70%;
    cursor: pointer;
}
.menu-pendientes .details > li > div.con-detail .cont-option input[type=checkbox] + label .sistema{
    color: #999;
    font-weight:100;
    display:block;
    margin-bottom:5px;
}
.menu-pendientes .details > li > div.con-detail .cont-option input[type=checkbox] + label .number{
    padding-left:5px;
}
/*checkbox*/
.menu-pendientes .details > li > div.con-detail input[type=checkbox]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #CCC;
    box-shadow: 0px 0px 0px 3px #fff inset;
    background: #fff;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -moz-transition: background 300ms ease;
    -webkit-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}
.menu-pendientes .details > li > div.con-detail input[type=checkbox]:checked{
    background: #3B77BC;
    border: 1px solid #3B77BC;
    box-shadow: 0px 0px 0px 2px #fff inset;
}
.menu-pendientes .details > li > div.con-detail input[type=checkbox]:focus{
    outline: none;
}
/*Lista Inbox*/
.item.item-inbox > .cols-container{
    padding-top: 0;
    padding-left: 60px;
    width: calc(98% - 18%);
}
.item.item-inbox .data-top{
    color: #333;
    font-size: 13px;
    font-weight: 400;
}
.item.item-inbox .item-data{
    color: #888;
    font-size: 12px;
    font-weight: 300;
}
.item.item-inbox .item-bottom{
    padding-top: 6px;
    font-size: 11px;
    display: block;
    color: #888;
    font-weight: 100;
}
.item-row .ico{
    opacity:1;
}
.item-row.estado-actual .item-data {
    font-size: 13px;
    color: #666;
}
.item.item-inbox > .cols-container > div{
    border: none;
    margin-bottom: 0;
}
.item-inbox .level1 > .item-row:first-child{
    width: 60px;
    top: -2px;
}
.item-inbox .level1 > .item-row .ico{
    margin-right: 0;
}
.item-inbox .level1 > .item-row .ico.auto{
    background-position: -310px -30px;
    width: 18px;
}
.item-inbox .level1 > .item-row .ico.ta{
    background-position: -334px -30px;
    width: 18px;
}
.item-inbox .level1 > .item-row .ico.ta:hover{
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    filter: alpha(opacity=50);
}
.item.item-inbox .ico-system, .ico-system{
    display: inline-block;
    background: #82A1D6;
    color: #fff;
    padding: 5px 2px;
    border-radius: 5px;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 22px;
    line-height: 11px;
}
/*Por fecha de vencimiento*/
.menu-pendientes .date{

}
/*Botones INBOX*/
.menu-pendientes .cont-btn.right{
    display: block;
    float: none;
    background: #f2f5f8;
    padding: 3px 10px 6px 10px;
    box-sizing: border-box;
    vertical-align: top;
}
.menu-pendientes .cont-btn.right .btn, .menu-pendientes .cont-btn.right .btn-second{
    display:initial;
}
.menu-pendientes .cont-btn.right .btn-second{

}
/* JQUERY -------------------------------------------------------------------------------- */
.ui-widget-overlay{
    background:#3A5CA6 !important;
    opacity: 0.8 !important;
    -moz-opacity: 0.8 !important;
    -webkit-opacity: 0.8 !important;
    z-index: 10020005!important;
}
.ui-widget-content{
    z-index: 10020006!important;
    background: none;
}
.ui-autocomplete.ui-widget-content{
    background: #ffffff!important;
    box-shadow: 1px 2px 7px #9ba6ba;
}
.ui-menu .ui-menu-item a{
    font-family: 'Ubuntu', sans-serif !important;
}
.ui-menu .ui-menu-item a:first-letter{
    text-transform:uppercase;
}
.ui-menu .ui-menu-item a.ui-state-hover{
    background: #d1e2fa !important;
    border: none;
    margin: 0;
}
.facebox_overlayBG {
    z-index: 59999 !important;
}
/*dateppicker*/
.ui-datepicker .ui-widget-header{
    background: #7c9fd1;
}
.ui-datepicker table{
    background:#fff;
}
.ui-datepicker td .ui-state-default.ui-state-hover {
    background: #7c9fd1 !important;
    color: #FFF;
    text-shadow: none;
}
.ui-datepicker td .ui-state-default.ui-state-active{
    background: #203050 !important;
    color: #fff;
}
.ui-tooltip-red .ui-tooltip-content{
    background-color: #9e9e9e !important;
    opacity: 0.9;
    -webkit-opacity: 0.9;
    filter: alpha(opacity=100);
    border: none;
    color: #FFF !important;
    z-index: 55001;
    padding: 10px 8px;
}
/*Alert*/
#facebox .content{
    padding:0!important;
    box-shadow:none!important;
    min-width:400px;
}
#facebox .content .box-form{
    padding:2%;
    width:96%;
    padding-bottom:0;
}
#facebox .cont-form{
    padding-bottom: 10px;
    width:600px;
}
#facebox .close{
    display:none;
}
#facebox .titles {
    position: relative;
}
#facebox .titles h2{
    padding-left: 20px;
}
#facebox .cont-validation-summary-errors {
    margin: 0;
    width: inherit;
}
#popup_container{
    min-width: 400px !important; /*FIX problems: width*/
    box-shadow: 0px 0px 18px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 18px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 18px rgba(0,0,0,0.4);
}
#popup_container, #facebox .popup{
    border: 1px solid #364f82 !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}
#popup_title, .popup-title{
    border: 0 !important;
    background: #364f82 !important;
    color: #fff !important;
    font-weight: 100 !important;
    font-size: 18px !important;
    font-family: 'Ubuntu', sans-serif !important;
    padding: 3px!important;
}
.popup-title{
    padding: 10px 15px !important;
}
#popup_content.prompt{
    background: url("/Content/images/noti-alert.png") no-repeat 16px 16px !important;
    padding-top: 1.5em !important;
}
#popup_message{
    font-family: 'Ubuntu', sans-serif !important;
}
#popup_overlay{
    background: #000 !important;
    opacity: 0.2 !important;
    -moz-opacity: 0.2 !important;
    -webkit-opacity: 0.2 !important;
}
/*Confirmation*/
#popup_content.alert{
    background: url("/Content/images/noti-alert.png") no-repeat 16px 16px !important;
    padding-top: 1.5em !important;
}
#popup_content.confirm{
    background: url("/Content/images/noti-alert.png") no-repeat 16px 16px !important;
    padding-top: 1.5em !important;
}
#popup_panel input{
    padding: 10px 40px !important;
}
/*SCROLL MENU*/
.mCustomScrollbar{
    height: 100%;
}

/*CSS RESPONSIVE ONLY DESKTOP*/

@media screen and (max-width: 1112px) {
    .right-site{
        width: 79%;
    }
 }
@media screen and (max-width: 990px) {
    #menu{
        min-width: 168px;
    }
}
@media screen and (max-width: 600px){
        #menu{
            background: transparent;
            border:none;
            width: 0;
            left: -1px;
            min-width: inherit;
            -webkit-transition: width .3s;
            -moz-transition: width .3s;
            -o-transition: width .3s;
            transition: width .3s;
            z-index: 60001;
        }
        .container #menu #navigationWrapper{
            display:block;
            background: #344E81;
            position:absolute;
            width: 100%;
            min-width: inherit;
            left: -100%;
            -webkit-transition: left .3s;
            -moz-transition: left .3s;
            -o-transition: left .3s;
            transition: left .3s;
            border-right: 1px solid rgba(242, 242, 242, 0.2);
        }
}

/*ONLY FOR PRINT*/
@media print {
    html, body{
        overflow:initial;
    }
    .header-navbar,
    #mainSearch,
    .cont-titles,
    .left-site .arrow,
    #subheader .left-site .systems,
    #menu,
    .fake-menu,
    .fake-actions,
    #contain-top-actions,
    .titles .cont-filter,
    .cont-searching
    {
        display:none;
    }
    .cont-logo-letter img{
        display:none;
    }
    .cont-logo-letter img.logo-print{
        display:block;
        width:75px;
    }
    #subheader .letter-system{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        border:1px solid #82A1D6;
        color: #82A1D6;
    }
    #subheader .box-logo{
        margin:0;
    }
    #subheader .box-logo p{
        margin-top:5px;
        color: #666;
    }
    .right-site {
        display:block;
        width:50%;
    }
    .user li{
        display:none;
    }
    .user li.one-fly {
        display:block;
            margin-right: 0;
    }
    .one-fly a.fl, .one-fly span{
        color: #000;
    }
    .user > li{
        opacity:1;
    }
    .left-site{
        border:none;
    }
    #header{
        position: relative;
    }
    #subheader .box-logo{
        background:#CCC;
    }
    .navigation-parent .cont-titles{
        display: none;
    }
    .titles.navigation-parent{
    }
    .titles{
        position: relative;
        padding-left: 15px;
        height: initial;
        overflow: hidden;
        background: none;
        box-shadow: none;
        z-index: initial;
    }
    .titles .left, .titles .right{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        width: 100%;
        float: none;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
         vertical-align: top;

    }
    .titles .left h2{
        padding:0;
        display: block;
        float: none;
        color:#000 !important;
        font-size:22px;
        font-weight:bold;
        max-width: 100%;
        white-space: initial;
        overflow: initial;
        text-overflow: initial;
    }
    .titles.navigation-parent{
        padding: 0;
        position: relative;
        height: auto;
            margin-bottom: 10px;
    }
    .titles .navigation-parent{
        border:none;
        line-height: normal !important;
        display: block;
    }
    .titles.navigation-parent .icon.back{
            background-color: #999;
    width: 2px;
    margin-right: 2px;
    }
    .dropdown-list > li > a{
        display: none;
    }
    #contextNavigations:before, ul.entity_list div.second_list:before, .dropdown-list div.second_list:before,
    #contextNavigations:after, ul.entity_list div.second_list:after, .dropdown-list div.second_list:after{
        display: none;
    }
    .cont-breadcrumbs .breadcrumb{
        float: none;
        display: inline-block;
            line-height: initial;
    }
    .titles .left h2{
        color: #2d60c5 !important;
        font-size: 14px;
        display: inline-block;
        margin: 0;
            line-height: normal !important;
    }
    .cont .cont-scroll .padd{
        padding-top: 0;
    }
    .dropdown-list{
        display: block;
        float: none !important;
        margin: 0;
        padding:0;
        max-width: 100%;
        clear: both;
    }
    .dropdown-list.estados-list{
        position: relative;
        border: 1px dotted #CCC;
        padding: 10px 8px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .titles .dropdown-list.estados-list > li{
        height:initial;
    }
    ul.dropdown-list.estados-list div.second_list{
        display:block;
        width: 100%;
        position: relative;
        top: initial;
        right: 0;
        border: none;
        background: none;
        box-shadow: none;
        padding-left: 0;
        padding-top: 2px;
        padding-bottom: 0;
    }
    .estados-list .second_list i, .version-list .second_list i{
        text-indent: initial;
        line-height: 11px;
        color: #666;
    }
    .version-list.dropdown-list > li > a{
        padding:0;
        background:none;
        color:#000;
    }
    .estados-list.dropdown-list > li > a{
        display:none;
    }
    ul.dropdown-list.estados-list div.second_list ul{
        max-height: initial;
        overflow: initial;
    }
    .estados-list .second_list > ul > li{
        padding-bottom: 5px;
    }
    .estados-list .second_list > ul > li:last-child{
        border:none;
        margin-bottom:0;
    }
    .estados-list .second_list li a{
        font-size:10px;
    }
    .estado-final, .estado-rechazo, .estado-intermedio, .estado-inicial{
        border:1px solid #999;
    }
    .container{
        height: auto !important;
    }
    #contain, .cont{
        width:100%;
        float:none;
    }
    .cont .cont-scroll{
        overflow-y: initial;
    }
    .cont-item label{
        font-size:11px;
    }
    .rootForm form{
        display:block;
    }
    .rootForm .cont-form fieldset{
        box-shadow: none;
        border-radius: 0;
        border:1px solid #CCC;
        margin-bottom: 15px;
    }
    .cont .cont-scroll .padd{
        padding-bottom:0;
    }
    .list > .item{

    }
    .cont-form .cont-filter{
        display: none;
    }
    .box-form.cont-auditoria{
        padding-top: 0;
    }

    #ui-datepicker-div {
    background: #f0f0f0 url("/Content/smoothness/images/calendar_bg.png") 50% top repeat-x !important;
    color: #222222 !important;
    }
    
    /* FIX CHROME UPDATE 5/09/2019 */
#contain-general{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.cont-titles{
    width: 100%;
}
#contain-top-actions{
    top: 35px;
}
.container.hide-actions #contain .fake-actions {
    text-indent: -99999px;
}

}