/* BEGIN Light */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto/Light/Roboto-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/Roboto/Light/Roboto-Light.woff?v=1.1.0") format("woff"), url("../fonts/Roboto/Light/Roboto-Light.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Regular */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/Roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/Roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* END Regular */

/*Cabecera*/

#left {
  display: inline-block;
  float: left;
  border-right: 1px solid rgba(0,0,0, 0.1);
  cursor:pointer;
}
#filler span{
    color:#fff;
}
#filler{
  display: block;
  float: none;
  height:60px;
}
.cab-1 {
height:60px;
color:#fff;
}
#CmbEmpresasAutorizadas{margin: 11px 15px;max-width:350px;width:100%;}

#right {
  display: inline-block;
  float: right;
}
#contain {
  width: 100%;
  height: 45px;
  padding: 0;
  margin: 0;
  display: inline;
}
.listview{padding-left:0px !important;list-style-type: circle;margin-bottom: 0px;margin-top: 0px;}
.listview li{margin-left: 15px;margin-top: 5px;margin-bottom: 6px;}
.home{font-size: 12px;
color: #fff;
position: relative;
top: -3px;
font-weight: 400;
}

/*General*/
html{
    display:none;
}
html, body{
    height:100%;
    width:100%;
    z-index:-100;
    min-width:270px;
    /*position:relative;*/
}
body {
    padding: 0;
    background-color: #f0f0f0;
    font-family: Roboto;
    font-size:16px;
    font-weight: 300;
    color:#333;
}
.Img-Body{
    
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.modal{background-color: rgba(255, 255, 255, 0.8);}/*rgba(255,255,255,0.5)*/
.bootstrap-datetimepicker-widget{width:230px !important;}
.bootstrap-datetimepicker-widget .datepicker {
    width: 100% !important;
    font-size:13px;
}
.bootstrap-datetimepicker-widget .datepicker tr td {
    padding: 3px 5px !important;
}
@media (min-width:481px){
    .Img-Body {
        background-image: url("/Imgs/Presentacion.png");
    }
}
@media (min-width:481px){
.Trabajadores{
    background-image: url("/Imgs/FondoTrabajadores.png") !important;
}
.Colaboradores{
    background-image: url("/Imgs/FondoColaboradores.png") !important;
}
.Empresas{
    background-image: url("/Imgs/FondoEmpresas.png") !important;
}
.Subcontratas{
    background-image: url("/Imgs/FondoSubcontratas.png") !important;
}
}
.tcap{
    text-transform:capitalize;
}
.bdr3{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.pddr11{
    padding-right:11px;
}
.bdrdright{
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
}
.bdrdtop{
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}
.bdrdbottom{
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}
/*#MemoIncWrite_I{padding-right:70px;box-sizing: border-box;}*/
.dxWeb_edtCheckBoxChecked::after, .dxWeb_edtCheckBoxCheckedDisabled::after {content: "\e013";}
.dxWeb_edtCheckBoxGrayed::after{content:"\e074";}
.dxWeb_edtCheckBoxChecked::after, .dxWeb_edtCheckBoxCheckedDisabled::after, .dxWeb_edtCheckBoxGrayed::after {
    font-family: "Glyphicons Halflings";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    text-align: center;     
    background-color:rgba(64, 151, 200, 0.8);
    width: 22px;
    position: absolute;
    border-radius: 3px;
    height: 22px;
    left: 0px;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
}

.dxflItemSys.dxflCheckBoxItemSys .dxichCellSys > .dxichSys {
    margin-left: 0px;
}
.dxWeb_edtCheckBoxChecked, .dxWeb_edtCheckBoxUnchecked, .dxWeb_edtCheckBoxCheckedDisabled, .dxWeb_edtCheckBoxUncheckedDisabled, .dxWeb_edtCheckBoxGrayed{
    background-image:none;
    content: "";
    font-size: 13px;
    line-height: 22px !important;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    position: relative;
    left:1px;
    background-color: #D4D4D4;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*float:left;*/
}
input[type=checkbox]:checked + label:before {
    font-family: "Glyphicons Halflings";
    content: "\e013";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    text-align: center;     
    background-color:rgba(64, 151, 200, 0.8);
}
.dxeDisabled, .dxeDisabled td.dxe {
    color: inherit;
}
input[type=checkbox] {
    display: none;
}
a {text-decoration: none !important;}
ul{padding-left: 17px;margin-top:10px;}
.ptb{
    padding-top:15px;
    padding-bottom:15px;
}
.mb-15 {margin-bottom:15px;}
.ml-10 {margin-left:10px;}
.pl38{padding-left:38px;}
.plr{
    padding-left:15px;
    padding-right:15px;
}
.mt10{
    margin-top:10px;
}
.mt20{
    margin-top:20px;
}
.mt15{
    margin-top:15px;
}
.mb15{
    margin-bottom:15px;
}
.fw-400{
    font-weight:400;
}
.fw-500{
    font-weight:500;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d6d6d6;
}
.dxlpLoadingPanel.dxlpControl{height:auto !important; left: 50% !important;transform: translateX(-50%);}
#PanelLoad{
    left: 50% !important;
    transform: translateX(-50%);

}

input[type=checkbox] + label::before {
    content: "";
    font-size: 13px;
    line-height: 22px;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    position: relative;
    left:1px;
    background-color: #D4D4D4;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float:left;
}
.Filters label {
    margin-bottom: 0px;
}
.dxeListBox .dxeHD {
    background-color: rgba(218, 218, 218, 0.50);
    border-bottom: none;
}
.form-group-up {
    margin-top: 8px;
}
.form-control:focus {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 10px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 10px rgba(102, 175, 233, 0.6);
}

a:active, a:active, input, * { outline: 0px !important; -moz-outline-style: none !important; }
a:focus, a:focus, input, * { outline: 0px !important; -moz-outline-style: none !important; }
a:hover, a{color:#7d7d7d}
.FwUc{font-weight: 400 !important;text-transform: uppercase;}
.Uc{text-transform: uppercase;}
.Mr5{margin-right: 5px;}
.Mr10{margin-right: 10px;}
b, strong {font-weight: 400;}
.ShadowboxR{box-shadow: 0 0px 10px rgba(51, 51, 51, 0.30);}
.ShadowboxT{box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);}
.Shadowbox{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);}
.v-align-c{vertical-align:middle;display:table-cell !important;}
.dark{background: rgba(0, 0, 20, 0.1);}

.TriUp{position: absolute;border-width:100px 114px 0px 114px;border-color:rgba(255, 255, 255, 0.20) transparent transparent transparent;border-style:solid;}
.TriLeft{position: absolute;border-width:100px 114px 100px 114px;border-color: transparent transparent transparent rgba(255, 255, 255, 0.10);border-style:solid;}
.TriRight{position: absolute;border-width:100px 114px 100px 114px;border-color: transparent rgba(255, 255, 255, 0.10) transparent transparent;border-style:solid;}
.TriDown{position: absolute;border-width:0px 114px 100px 114px;border-color: transparent transparent rgba(255, 255, 255, 0.01) transparent;border-style:solid;top: 50%;}

.btn:active, .btn:focus{color:#FFF;}
.btn-integra01 {color: #fff;background-color: rgba(101, 101, 101, 0.85);border: 1px solid rgba(101, 101, 101, 0.55);}
.btn-integra01:hover {color: #fff;background-color: rgba(101, 101, 101, 0.95);border: 1px solid rgba(101, 101, 101, 0.65);}
.btn-integra02 {color: #fff;background-color: rgba(64, 151, 200, 0.85);border: 1px solid rgba(64, 151, 200, 0.55);}
.btn-integra02:hover {color: #fff;background-color: rgba(64, 151, 200, 0.95);border: 1px solid rgba(64, 151, 200, 0.65);}
.btn-integra03 {color: #fff;background-color: rgba(209, 89, 89, 0.85);border: 1px solid rgba(209, 89, 89, 0.55);}
.btn-integra03:hover {color: #fff;background-color: rgba(209, 89, 89, 0.95);border: 1px solid rgba(209, 89, 89, 0.65);}
.btn-integra04{color: #fff;background-color: rgba(92, 170, 131, 0.85);border: 1px solid rgba(92, 170, 131, 0.55);}
.btn-integra04:hover{color: #fff;background-color: rgba(92, 170, 131, 0.95);border: 1px solid rgba(92, 170, 131, 0.65);}
.btn-integra05{color: #fff;background-color: rgba(224, 142, 50, 0.85);border: 1px solid rgba(224, 142, 50, 0.55);}
.btn-integra05:hover{color: #fff;background-color: rgba(230, 159, 79, 0.95);border: 1px solid rgba(230, 159, 79, 0.65);}
.btn-integra06 {color: #fff;background-color: rgba(209, 89, 89, 0.85);border: 1px solid rgba(209, 89, 89, 0.55);}
.btn-integra06:hover {color: #fff;background-color: rgba(209, 89, 89, 0.95);border: 1px solid rgba(209, 89, 89, 0.65);}
.btn-integra07{color: #fff;background-color: rgba(224, 142, 50, 0.85);border: 1px solid rgba(224, 142, 50, 0.55);}
.btn-integra07:hover{color: #fff;background-color: rgba(230, 159, 79, 0.95);border: 1px solid rgba(230, 159, 79, 0.65);}

.cl-integra01{/*color:rgb(89, 164, 207);*/color: RGB(72, 102, 138);}
.ClBlueSea{color:RGB(0, 151, 170) !important;}
.btnaddtitle .Clyellow{color: RGB(251, 251, 251) !important;}

.Clyellow{color: #f2a731 !important;}

.Bgred{/*background-color:#BE213E;*/background-color: RGBA(190, 33, 62, 0.8);}
.Bgbluesea{/*background-color:#0097AA;*/background-color:RGBA(0, 151, 170, 0.8);}
.BgIntegra01{/*background-color:rgba(64, 151, 200, 0.9);*/background-color: RGBA(72, 102, 138, 0.9);/*#4097c8;*/}
.BgIntegra02{background-color:#7e7c7c}
.Bgorange{/*background-color:#C33817;*/background-color: RGBA(195, 56, 23, 0.8);}
.Bgyellow{/*background-color:#F39501*/background-color: RGBA(209, 148, 51, 0.8);}
.Bggreen{/*background-color:#96C84D;*/background-color: RGBA(150, 200, 77, 0.8);}
.Bgdarkgreen{/*background-color:#70A016;*/background-color: RGBA(112, 160, 22, 0.8);}
.Bgdarkbluesea{/*background-color:#3D7880;*/background-color:RGBA(0, 124, 140, 0.8);}
.Bgpurple{/*background-color:#91009B;*/background-color: RGBA(145, 0, 155, 0.7);}
.BgWhite{background-color: rgba(255,255,255,0.8);}
.Bggrey{background-color: RGBA(126, 126, 126, 0.8);}
/*background-color: #ef6262; *//*Rojo*/
/*background-color:#546e7a;*//*darkgrey*/
/*background-color:#26a69a;*//*Green*/
/*Fin general*/

[class^="dxflCaption"] {
    font-weight: 300;
}

#Container{
    position:absolute;
    padding-left:0px; 
    height:100%;
    width:100%; 
    z-index:1000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#Container #Menutop{
    height:60px;
    position: fixed;
    right: 0px;
    left: 0px;
    min-width: 330px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:3;
}

.Mn-top{
    width:100%;
    position:relative;
    display:table;
    height:60px;
    //top:25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*#Container.ExpandI {
    padding-left:250px !important;
    position:fixed;
}*/
#Container.ExpandI #Pie {
    left:250px !important;
    position:fixed;
}
/*#Container.ExpandI #Menu-top {
    left:250px;
}*/
/*#Container.ExpandI #Content {
    left:250px;
}*/
/*#Container.ExpandI .Panel-nombre-user {
    display:none;
}*/
option[value=""][disabled] {
  display: none;
}
select option{
    padding: 8px 12px;
}
select select{
    border:none;
}

.form-control{
    font-size:inherit;
}
.btn{
    font-size:inherit;
    font-weight:inherit;
    min-width:110px;
}
.UlMenu{
    padding-left:0px;
    margin: 0px;
}
.UlMenu span{
    font-size: 20px;
}
.UlMenu li{
    list-style-type:none;
    padding:10px 15px;
    cursor:pointer;
    /*border-bottom:1px solid #d4d4d4;
    background-color: #fff;*/
}
.UlMenu li:hover span{
    color:#383838;
}
.UlMenu li:hover{
    background-color: #fff;
}
/*.UlMenu li:first-child {
    border-top:1px solid #d4d4d4;
}*/
label{
    font-weight:inherit;
}
input[type="radio"], input[type="checkbox"] {
    margin: 0px 5px 0px 0px;
    margin-top: 0px;
    top: 1px;
    position: relative;
}
#Container.ExpandI #left-sidebar {
    left:0px;
    /*width:250px !important;*/
}
#Container #Menutop .icons {
    cursor:pointer;
    color:#FFF;
    font-size:21px;
    padding: 0px 21px;
    height:34px;
}

#return-to-top {
    z-index:2000;
    position: fixed;
    bottom: 55px;
    right:25px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.1);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.3);
}
#return-to-top:hover i {
    color: #fff;
    top: 8px;
}

#left-sidebar {
    z-index:2;
    /*background-color: #38403d;*//*Green*/
    background-color: rgba(56, 61, 64, 0.80);/*#383d40;*/ /*Blue*/
    width: 250px;
    height: 100%;
    left: -250px;
    top:60px;
    position: fixed;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#right-sidebar{
    z-index:1;
    position:fixed;
    width:280px;
    right:-300px;
    top:60px;
    /*bottom:40px;*/
    bottom:0px;
    background-color:#FFF;   
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ExpandD{
    right:0px !important;
}
#Content{
    z-index:-1;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:60px;
    /*padding-bottom:40px;*/
    min-width: 270px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow:auto;
}
#Pie{
    position:fixed;
    bottom:0px;
    right:0px;
    left:0px;
    height:40px;
    background-color: #5f6874;
    padding:0px 20px;
    min-width:330px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display:none; /*Quitar comentario para mostrar el pie*/
}
#Content .Box{
    padding: 10px;
    display: table;
    width: 100%;
    height:100%;
}
#Content .pdd-box{
    padding: 10px;
}
.col-md-12.pdd-box.fadeIn.animated{
    display:table;
    width:100%;
}
.Panel-foto-user{
    padding:0px 20px;
    height:60px;
    min-width:105px;
}
.Panel-nombre-user{
    float:right;
    //display:table-cell;
    white-space: nowrap;
    height:43px;
    padding-right:80px;
    color:#FFF;
    line-height: 21px;
    text-align:right;
}
.Panel-angle-down{
    float:right;
    display:table;
    height:43px;
    padding-left:10px;
    color:#FFF;
    font-size: 18px;
    position: relative;
    top: 1px;
}
.Foto-user{
    width:43px;
    height:43px;
    border: 2px solid RGBA(255, 255, 255, 0.5);
    float:right;
    border-radius:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden;
}
.Img-user{
    width:100%;
    height:100%;
}

.iconatr {min-width:0px !important;padding:4px 8px !important;}
.Dropdownbtn{
    display:table-cell;
}
.Dropdownbtn:focus, .Dropdownbtn:active {
    background:rgba(0, 0, 0, 0.1);
}
.Dropdownbtn:hover{
    background-color:transparent;
}
.dropdown-menu{
    padding:0px;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
    //background-color: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:none;
    font-size:inherit;
}
.dropdown-menu .icn{
    margin-right:7px;
    width:15px;
    text-align:center;
    top: 2px;
    position: relative;
}
.dropdown-menu > li > a {
    color: #555;
    padding: 12px 15px;
    font-weight:inherit;
    border-bottom: 1px solid #E9E9E9;
}
.dropdown-menu > li:first-child a{
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.dropdown-menu > li:last-child a{
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    border-bottom-color: transparent;
}
.dropdown-menu > li > a:hover {
    color: #555;
    background-color:#F5F5F5;
}
.dropdown-menu .divider {
    margin: 4px 0;
}
.dropdown-menu.dropdown-menu-right.pnluser{
    right:37px;
}
.dropdown-menu.dropdown-menu-right:before {
  position: absolute;
  top: -7px;
  right: 19px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  
  content: '';
}

.dropdown-menu.dropdown-menu-right:after {
  position: absolute;
  top: -6px;
  right: 20px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.progress.profile {
    height: 10px;
    width: 220px;
    margin: 10px 0px 0px 0px;
}
.barprofile{
    padding:15px;
    border-bottom: 1px solid #E9E9E9;
    cursor:default
}
#LblPhoto{
    opacity:0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#DvBlind:hover #LblPhoto{opacity:1;}
#DvBlind:hover{cursor:pointer;background-color: rgba(0, 0, 0, 0.3);opacity:1;}
#DvBlind{
    position: absolute;
    top: 0px;
    left: 0px;
    opacity:0.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: rgba(0, 0, 0, 0.1);
    height: 165.5px;
    width: 170px;
    position: absolute;
    padding: 3px 13px;
}
#CameraPhoto{
    color: rgb(255, 255, 255);
    float: left;
    width: 36px;
    top: 12px;
    position: relative;
    font-size: 23px;
}
.LoadingBar{
    height:30px !important;
}
.LoadingBar .dxeProgressBarIndicator_Metropolis{
    height:30px !important;
    background-color: rgba(64, 151, 200, 0.8);
}
.Panel-board-box{
    height:60px;
    border-radius:3px;
    color:#FFF;
    cursor:pointer;
    border: 5px solid #0000001a;
}
.Panel-board-box:hover .img-box{
    font-size:30px;
}
.Panel-board-box .img-box{
    top:15px;
    position:relative;
    display:table;
    height:60px;
    width:60px;
    font-size:25px;
    text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px 0px 0px 3px;
}
.boxtitle{
    background-color: rgba(153, 153, 153, 0.4);
    //border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.Panel-board-box .txt-box{
    position:relative;
    left:0px;
    bottom:8px;
    height:60px;
    padding:0px 0px 0px 60px;
    display:table;
    /*background-color:transparent;*/
    font-weight:300;
    width:100%;
}
.Panel-board-box .txt-box span{
    width: 100%;
    background-color: white;
    padding: 0px 15px;
    color: #333;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
}
.icnboard{
    color: #fff;
    font-size: 22px !important;   
    //float:left;
    //color:#4097c8;
    //font-size:13px;
}
.col-md-12.pdd-box{
    height:75px;
}
.img-box-title{
    display: table;
    height: 60px;
    width: 60px;
    font-size: 25px;
    text-align: center;
    float:left;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
}
.PanelSetting{
    float: left;
    padding-bottom: 15px;
    width: 100%;
    display: table;
}
.PanelSetting .md{
    display:table;
}
.PanelSetting .md > div{
    height:60px;  
    padding:0px 15px;  
}
.PanelSetting .md label{
    margin:0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:inherit;
    cursor:pointer;
}

.addplus {
    position: absolute;
    bottom: 14px;
    font-size: 30px !important;
    cursor:pointer;
}
.icon-excel {
    background: url("/imgs/excel.png");
}
.icon-pdf {
    background: url("/imgs/pdf.png");
}
.icon-csv {
    background: url("/imgs/csv.png");
    width: 24px !important;
    background-size: 24px 30px !important;
}
.b-right {
    border-right:1px solid #E2E2E2;
    min-height: 225px;
}
.icon-box{  
    background-size: 30px;
    width: 30px;
    height: 30px;
    border: none;
    margin-left:10px;
    padding: 0px;
}
.txt-box-title{
    position: relative;
    height: 60px;
    padding: 0px 0px 0px 60px;
    display: table;
    background-color: transparent;
    font-weight: 400;
    width: 100%;
    top: -60px;
}
.Panel-board-box-title{
    height: 60px;
    border-radius: 3px;
    color: #FFF;
    cursor: default;
    margin-bottom: 20px;
}
.Panel-board-box-title .txt-box-title .Panel-title-content{
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0px 15px;
    color: #333;
    height:60px;
    font-weight:300;
}
.img-box-panel{
    height: 55px;
    width: 60px;
    display: table;
    position: relative;
    float: left;
    left: -15px;
    top: -15px;
    text-align:center;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
}
.Panel-title-board .icnboard[class^="ti-"], .Panel-title-board .icnboard[class*=" ti-"] {
    line-height:1.25 !important;
}
#LblTitleboard{
    font-size:inherit;
}
.Panel-title-board{
    width:100%;
    padding:15px 15px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height:55px;
}
#addnew, .btn-opc{
    float:left;font-size: 30px !important;cursor:pointer;line-height: 2 !important;position:relative;
}
.label-btn-opc {float:left;line-height: 3.6 !important;}
.btnaddtitle{border-radius: 3px;
padding: 6px 9px;
background-color: #57a760;
margin-right: 10px;display: inline-flex;}
.btnaddtitle span{font-size: 16px;
line-height: 1.74;
font-family: Roboto;
color: #fff;
font-weight: 500;}
#addnew #AddI{width:35px;}
#addnew:not(.HideGrid) + #LblTitleForm {line-height: 3.6;}
.titleicn{
    font-size:24px;  
}
.PanelAtras{
    cursor:pointer;
    display: table;
    height:60px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    padding:0px 15px;
    color:#333;
    font-weight:300;
    
}
/* Chrome only: */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  .PanelAtras{
    position:relative;
    left:-0.1px;
  }
}
.LblReturn{
    display:none;
    padding-left:8px;
}
#Container-dashboard{
    vertical-align:top;
    display:table-cell;
    position:relative;
}
/*.Panel-nombre-user {
    display:none ;
}*/
/*#LblServicio{
    display:table-cell !important;
    vertical-align:middle;
}*/
#LblNombreServicio{
    display:inline !important;
    vertical-align:middle;
    text-transform:uppercase;
}
.Panel.Top{
    border-left:none;
}
.Panel-top:hover {
    cursor:pointer;
    background:rgba(0, 0, 0, 0.1);
}
#icnloginback.show{
    display:inline-block;
    cursor:pointer;
}
#icnloginback{
    display:none;
}
/*#PieLogin:hover #icnlogininfo{
    display:inherit;
}*/
#PieLogin:hover{
    cursor:help;
}
#PieLogin{
    color: #727272;
    text-align:center;
    margin:auto;
    width: 100%;
    padding: 10px 30px;
    border-radius: 0px 0px 3px 3px;
    font-size:14px;
    background-color:rgba(249, 249, 249, 0.8);
    border-top: 1px solid #F1F1F1;
    position:relative;
}
#LblTitleLogin.hide{
    display:none;
}
#LblTitleLogin2.hide{
    display:none;
}
#LblPass{
    cursor:pointer;
}
#icnlogininfo{
    cursor:default;
    display:none;
}
.panel-login{padding:15px;}
@media (max-width: 500px) {
    .dropdown-menu {
        width:80%;
    }
}
@media (max-width: 600px) {
    /*#return-to-top {
        right: 41%;
    }*/
    
    .home{display:none;}
}

@media (max-width: 992px){
    .b-right:nth-child(1n +2) {
        margin-top: 15px;
    }
    .col-md-6-left{
        margin-top:20px;
        padding-left:0px;
        padding-right:0px;
    }
    .col-md-6-right{
        margin-top:20px;
        padding-left:0px;
        padding-right:0px;
    }
    .b-right {
        border-right: 0px;
        min-height: 0px;
    }
    .PanelSetting .md:first-child{
        margin-top:0px;
    }
    .LGIF .dxflGroupCell{
        padding:0px !important;
    }
    .Panel-board-box {
        background-color: transparent !important;
        position:relative;
        border:0px;
    }
    .Panel-board-box .img-box {
        top: 0px;
    }
    .Panel-board-box .txt-box {
        position: absolute;
        bottom:0px;
    }
    
}
.BoxInfoR{padding:0px;}
.BoxInfoL{padding:0px 0px 20px 0px}
.BoxInfo{padding:0px}
.dxeMemo_DevEx {
    background-color: white;
    font: inherit;
    border: 1px solid #dbdbdb;
}
.PanelSetting .md:first-child{
        padding-left:0px;
    }
    .PanelSetting .md{
        padding-left:15px;
        padding-right:0px;
        /*padding-right:7.5px;*/
    }
@media (min-width: 992px) {
    
    #TextEditor #TextEditor_MainCell > table{
        width:800px !important;
    }
    .adjusttxtrich{max-width:inherit !important;}

    .ChkFormC{
        width:auto !important;
        margin:auto;
    }
    .W50{width:50% !important;}
    .BoxInfoL{
        padding:0px 10px 0px 0px;
    }
    .BoxInfoR{
        padding:0px 0px 0px 10px;
    }
    .TamUpload{
        text-align:right;
    }
    .col-md-2.form, .col-md-4.form, .col-md-3.form {
        float: right;
    }

    .Panel-board-box {
        height:200px;
    }
    .Panel-board-box .img-box {
        height:138px;/*180*/
        width:100%;
        font-size:55px;
        background-color: transparent !important;
    }

    /*Cambio de tamaño en cuadros*/
    .Panel-board-box .img-box.box2 {
        height: 78px;
        font-size:36px;
        top:10px;
    }
    .Panel-board-box.box2{
        height: 140px;
    }
    .Panel-board-box:hover .img-box.box2{
        font-size:45px;
    }
    /*Fin cambio de tamaño*/

    .Panel-board-box .txt-box {
        left:0px;
        font-weight:400;
        /*background-color:rgba(0, 0, 0, 0.1);*/
        width:100%;
        padding:0px 10px;
    }
    .Panel-board-box:hover .img-box{
        font-size:65px;
    }
    .Panel-title-board .icnboard[class^="ti-"], .Panel-title-board .icnboard[class*=" ti-"] {
        line-height:1 !important;
    }
    #LblTitleboard{
        font-size:18px;
    }
    .titleicn{
        font-size:24px;
    }
    
    .Panel-board-box .txt-box span{
        width: auto;
        background-color: transparent;
        color: inherit;
        padding:0px;
        border:none;
    }
    #Container-dashboard{
        vertical-align:middle;
    }
    
    /*Devexpress*/
    .dxgvTable {
        border-spacing: 0px !important;
        margin-top: 0px !important;
    }
    .dxgvDetailRow td.dxgv, .dxgvPreviewRow td.dxgv {
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }
    .dxgvEmptyDataRow td.dxgv {
        -moz-border-radius: 0px 0px 3px 3px !important;
        -webkit-border-radius: 0px 0px 3px 3px !important;
        border-radius: 0px 0px 3px 3px !important;
    }
    .dxgvPagerTopPanel, .dxgvPagerBottomPanel {
        -moz-border-radius: 0px 0px 3px 3px !important;
        -webkit-border-radius: 0px 0px 3px 3px !important;
        border-radius: 0px 0px 3px 3px !important;
        box-shadow: none !important;
    }
    .dxgvControl, .dxgvDisabled {
        /*border: 1px solid #DADDE0;*/
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
    }
    /*fin devexpress*/
    .col-md-6-left{
        padding-left:0px;
    }
    .col-md-6-right{
        padding-right:0px;
    }
}
 .contenticonnavbar{
     position:inherit;
 }
@media(min-width:992px) and (max-width:1400px) {
    #TablaDocumentos button{
        min-width:0px !important;
        width: 50px !important;
    }
    #TablaDocumentos button .tac:first-child{
        display:none !important;
    }
    #TablaDocumentos .dxgvHeader:last-child{
        width:100px !important;
    }
}
@media(max-width:768px){
    .PanelSetting .md{
        margin-top:15px;
        width: 100%;
        padding:0px;        
    }
    .PanelSetting .md > div{
        text-align:left !important;
    }
}
.RichTxt .dxheViewArea {
    /*height:285px !important;*/
}
.NoData{
    background-color: RGBA(255, 255, 255, 0.7);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    padding:15px;
    margin: 15px;
    text-align: center;
}
.RichTxt .dxtbControl .dxmLite .dxm-main {
    width: 100%;
    padding: 5px 10px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.dxtbSpacing{height:0px;}
/*.dxm-main ul.dx .dxm-item, .dxmLite .dxmtb.dxm-horizontal .dxm-separator{
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.dxm-ltr .dxm-horizontal ul.dx{
    display:table;
    height:37px;
}*/
.RichTxt td.dxheDesignViewArea{
    border: 1px solid #ccc;
}
.RichTxt .dxtbControl {
    border:none;
}
.RichTxt{
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    border: none;
    height:520px !important;
}
@media(min-width:768px) {
    
    .RichTxt{min-width:450px}
    
    .carousel-caption {
        right: 0px;
        left: 0px;
        padding-bottom: 55px;
        padding-top:0px;
        bottom: 0px;
        background-color:RGBA(0,0,0,0.3);
    }
    /*#Container {
        padding-left:60px !important;
    }*/
    /*#Content{
        left:60px;
    }*/
    /*#left-sidebar {
        width: 60px;
    }*/
    /*#Container #Menu-top{
        left: 60px;
    }*/
    
    .modal-container-popup{
        width:auto !important;
        padding:20px !important;
    }
    .Panel-nombre-user{
        display:table;
    }
    #Pie{
        left:60px;
    }
    .LblReturn {
        display:table-cell;
        vertical-align:middle;
    }
    /*#Container.ExpandI  {
        display:table;
    }*/
    
}
.tddownload{width:150px;}
.tddelete{width:120px;}
.pddadjust{padding:5px !important;background-color: #f0f0f0 !important;}
.pddNadjust{padding:0px !important;}
.ifrm_pop{
    width:100%;
    height: 390px;
    border: none;
}
@media(min-width:1300px) and (max-width:5000px) {
    .modal-dialog.adjust {
        min-width: 1200px ;
    }
    .modal-dialog.adjusttxt {
        min-width: 700px ;
    }
}
@media(min-width:1100px) and (max-width:1300px) {
    .modal-dialog.adjust {
        min-width: 1040px ;
    }
    .modal-dialog.adjusttxt {
        min-width: 700px ;
    }
}
@media(min-width:700px) and (max-width:1100px) {
    .modal-dialog.adjust, .modal-dialog.adjusttxt {
        min-width: 700px ;
    }
}
@media(min-width:500px) and (max-width:700px) {
    .modal-dialog.adjust, .modal-dialog.adjusttxt {
        min-width: 500px ;
    }
}
@media (max-width:500px) {
    /*.SizeAuto .modal-content {
        display:table;
        height:100%;
        width:100%;
    }
    .SizeAuto .modal-body{
    max-width:5000px;
    max-height:5000px !important;
}
.SizeAuto .modal-dialog{
    margin:0px !important;
    padding:0px !important;
    display:inherit;
    width:100% !important;
    height:100%;
}
    .SizeAuto{
        position:fixed;
        padding: 0px !important;
        display:block;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        width:100%;
        height:100%;
    }*/
    .modal-dialog.adjust, .modal-dialog.adjusttxt {
        min-width: 320px !important;
    }
}

.dxgvBatchEditCell{
    background-color: #fff9f0 !important;
    box-shadow:none !important;
}

@media (max-width:600px){
    .ifrm_pop{
        //height: 310px;
        border: none;
    }
    .dxgvBatchEditModifiedCell {
        background: #d7f9c7 !important;
        box-shadow:none !important;
    }
    .dxgvBatchEditCell{
    background-color:transparent !important;
    box-shadow:none !important;
}
    #left{background-color: rgba(0,0,0, 0.2);height:60px;}
    #ExpandII{
        text-align: center;
        /*font-size: 18px !important;*/
        
    }
    #CmbEmpresasAutorizadas {max-width:100% !important}
    .contenticonnavbar {
        position: absolute;
        left: 61px;
        right: 0px;
        top: 0px;
        background-color: rgba(0,0,0, 0.2);
        text-align:center;
        height:60px;
    }
    .tddownload{
        width:73px;
    }
    .tddelete{
        width:57px;
    }
    .srvtop{
        position: absolute;
        left: 0px;
        top: -40px;
        width: 100%;
        height: 60px;
        /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    }
    #Container #Menutop {
        /*top: 35px;*/
        height:120px;
    }
    #Content{
        top:120px;
    }
    #ExpandI{
        width:60px !important;
    }
    #Container #Menutop .icons {
        height: 60px;
        top: 0px;
    }
    .cab-2 {
        overflow:inherit !important;
    }
    .Mn-top{
        /*top:40px;*/
    }
    #LblNombreServicio {
        text-align: center;
        /*Cambio*/
        /*width: 100%;
        display: table-cell !important;*/
        width: 100%;
        //display: inline !important;
        top: 0px;/*8.5*/
        position: relative;
    }
    .Dropdownbtn{
        width:100%;
    }
    .Panel-foto-user{
        width: 600px;
        position:relative;
    }
}
#ExpandI{
       text-align:center;
    }
@media(min-width:600px) {
    /*#LblServicio{
    display:none !important;
    }*/
    #ExpandII {
        position: relative;
        top: 3px;
    }
    #left{height:60px;}
    #left:hover{
    background-color: rgba(0,0,0, 0.1);
}
    #ExpandI{
        float:left;
    }
    .contenticonnavbar{
        //float:left;
    }
    .contenticonnavbar #LblNombreServicio {
        height: 60px;
        line-height: 3.75 !important;
    }
    .contentnavbar{
        //display:table-cell;
    }
    .Panel-top{
        display:inline-block;
        float:right;
        border-left:1px solid rgba(0, 0, 0, 0.1);
    }   
    .TxtDownload {
        display:inherit !important;
        margin-right: 5px;
    } 
}
@media(max-width:440px) {
    .panel-login {
        padding: 0px;
        
    }
    #PanelLogin {
        vertical-align:middle ;
        display:table-cell;
    }
    #FormLogin {
        max-width: 100% !important;
        height: 100%;
        display: table;
    }
    .panel-login-content {
        display:table-row;
        height:100%;
    }
    #CabeceraLogin {
        border-radius: 0px !important;
    }
    #PieLogin{
        border-radius:0px;
    }
}
#PanelLogin{
    padding: 20px 30px;
}
#PanelPass {
    vertical-align:top;
    display:table-cell;
    padding: 20px 30px;
    display:none;
}
.panel-login-content{
    margin:auto;
    width:100%;
    background: rgba(255, 255, 255, 0.8);
}
#CabeceraLogin{
    margin:auto;
    width: 100%;
    padding: 10px 30px;
    border-radius: 3px 3px 0px 0px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #F1F1F1;
}
#FormLogin{
    max-width:355px;
    margin:auto;
    width:100%
}
/*Devexpress*/

.dxgvHeader {
    padding: 0px 15px;
    border: 1px solid RGBA(243, 243, 244, 0.9);
    height:60px;
    /*background-color: RGBA(243, 243, 244, 0.9);*/
}
.dxgvControl, .dxgvDisabled {
    font: inherit;
    color: inherit;
    border: none;/*1px solid #DADDE0;*/
    border-radius:2px;
    background-color:transparent;
    box-shadow: none;
}
.dxgvDetailRow.dxgvADR .dxgvADCC {
    color: #676A6C;
    /*font-weight: 400;*/
    /*white-space: normal;*/
    overflow: hidden;
    text-overflow: ellipsis;
    //white-space: nowrap;
}
.dxgvDetailCell table td div{
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dxgvTable .dropdown{
    display: inherit;
}
.dxgvDetailRow td.dxgvDetailCell {
    padding: 15px 9px 15px 0px !important;
}
.dxeListBox table {
    table-layout:fixed;
    width:100%;
}
.dxeListBox table td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dxeListBoxItem {
    padding: 5px 10px 5px 10px;
}
.dxflRequired {
    color: #da2545;
}
.word-break {
  -ms-word-break: break-all;
  word-break: break-all;
}
.modewrap{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modewraps{
    overflow: hidden;
    text-overflow: ellipsis;
}
.tablewrap{
    table-layout:fixed;
    width:100%;
}
.dxtcLite {
    color: inherit;
    font: inherit;
}
.dxtcLite.dxtc-top > .dxtc-stripContainer {
    padding-top: 5px;
}
.dxtcLite > .dxtc-stripContainer .dxtc-activeTab .dxtc-link{
    color:#333 !important;
}
.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    background-color: #FFF;
    border:none;
    padding-bottom: 0px !important;
    /*position:relative;
    top:1px;*/
    border: 1px solid rgb(226, 226, 226);
}
.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite > .dxtc-stripContainer .dxtc-spacer, .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbSpacer {
    border-bottom: none !important;
}
.dxtcLite > .dxtc-stripContainer .dxtc-link {
    padding: 8px 15px;
    display: block;
    color: #fff;
}
.dxtcLite > .dxtc-stripContainer .dxtc-sbIndent {
    width: 5px;
}
.ButtonsForm{
    display:table;width:100%;padding: 7.5px 7.5px 0px 7.5px;
}
.dxtcLite > .dxtc-stripContainer .dxtc-sb {
    border: 1px solid #E2E2E2;
    padding: 14px 7px;
    border-radius: 3px;
}
.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite > .dxtc-stripContainer .dxtc-spacer, .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbSpacer {
    border-top: none;
    border-bottom: none;
    top: 0px;
    position: relative;
}
.dxtc-flex.dxtc-top > .dxtc-stripContainer .dxtc-psi, .dxtc-flex.dxtc-left > .dxtc-stripContainer .dxtc-psi {
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.dxtcLite > .dxtc-stripContainer .dxtc-tab {
    background-color: RGBA(72, 102, 138, 0.8);
    position: relative;
    top: 1px;
    padding: 0px 0px 1px 0px;
}
.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite > .dxtc-stripContainer .dxtc-spacer, .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbSpacer {
    border-bottom: 1px solid #E2E2E2;
}
.dxtcLite > .dxtc-stripContainer .dxtc-tab, .dxtcLite {
    border: none;
}
.dxtcLite > .dxtc-content {
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    overflow: hidden;
    padding: 10px 15px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
}
.LGIF .dxflGroup{
    padding:0px;
}
.LGIF{
    padding: 7.5px 15px 0px !important;
}
.LGIF .dxflFirstChildSys .dxflGroupCell, .LGIF .dxflNotFloatedElSys .dxflGroupCell{
    padding:0px 0px 0px 0px;
}
.LGIF .dxflGroupCell{
    padding:0px 0px 0px 15px;
}
.dxflGroupBox {
    border-width: 2px 0 0 !important;
    border-color:#E2E2E2;
    border-style: dotted;
    padding:10px 0px 0px;
    margin:5px;
}
.dxflGroupBoxCaption {
    background-color: transparent;
    left: 0px;
    margin-right:0px;
    padding: 15px 0px;
    top: 0px;
    font-weight: 400;
}
.dxflHeadingLineGroupBoxSys > .dxflGroupBoxCaption {
    top: 0px;
}
.dxflGroupBox.dxflHeadingLineGroupBoxSys.dxflWithCaptionSys {
    margin-top: 15px !important;
}
.tal{text-align:left;}
.tac {text-align:center;}
.dropdown-menu{
    background-color: rgba(255, 255, 255, 1);
}
.dxgvADT{
    table-layout:fixed;
    width:100%;
}
.dxgvDetailRow .dxflGroup {
    padding: 0px;
}
.dxflFormLayout {
    font: inherit;
}
.dxeBase {
    font: inherit;
}
.dxichCellSys {
    padding: 0px;
    width:25px;
}
/*TreeView*/
#Cuestionario{min-width:100% !important;}
.dxtvControl {
    font: inherit;
}
.dxtvControl .dxtv-nd {
    padding: 4px 5px !important;
    border: none !important;
    background: transparent !important;
}
.dxtvControl .dxtv-ndTxt {
    white-space: normal !important;
    line-height: 1.3 !important;
    //float: right !important;   
    display: table-cell !important; 
}
.dxtvControl .dxtv-nd {
    float: none;
    display: table-cell;
    top: -4px;
    position: relative;
}
.dxmLite .dxm-popup .dxm-content {
    padding: 8px 15px !important;
}
.dxmLite.dxm-ltr .dxm-popup .dxm-gutter.dxm-noImages .dxm-item, .dxmLite.dxm-ltr .dxm-popup .dxm-noImage {
    padding-left: inherit;
}
.dxmLite .dxm-popup .dxm-gutter {
    background-image: none;
}
/*.dxtvDisabled, .dxtvControl .dxtvDisabled, .dxtvDisabled a, .dxtvDisabled .dxtv-btn, .dxtvDisabled .dxtv-nd {*/
.node_disabled{
    opacity: 0.4;
}
.dxtvControl .dxtv-ndChk {
    float: left;
}
/*Gridview*/
.dxgvSelectedRow {
    background-color: #F0F0F0 !important;
    color: inherit;
}
.HideGrid{
    display:none !important;
}
.dxpcLite .dxpc-content, .dxdpLite .dxpc-content {
    min-width: 300px !important;
}
.dxeListBox {
    color: inherit;
    font: inherit;
}
.dxpcLite, .dxdpLite {
    color: inherit;
    font: inherit;
    min-width:300px !important;
}
.dxpcLite .dxpc-mainDiv, .dxpcLite.dxpc-mainDiv, .dxdpLite .dxpc-mainDiv, .dxdpLite.dxpc-mainDiv {
    border: 1px solid #E7EAEC;
}
.dxeListBoxItemSelected {
    color: inherit;
    background-color: #f2f2f2;
}
.dxeListBoxItemHover {
    background-color: #f2f2f2;
    color: inherit;
}
.dxGridView_gvHeaderSortDown {
    background-position: -188px -155px;
    width: 15px;
    height: 18px;
}
.dxGridView_gvHeaderSortUp {
    background-position: -154px -121px;
    width: 15px;
    height: 18px;
}
.dxGridView_gvHeaderFilter, .dxGridView_gvHeaderFilterActive{   
    height: 13px;
    width: 13px;
    background-size: 13px 13px !important;
}
.dxGridView_gvHeaderFilter {
    background: transparent url("/Imgs/Filter.png") repeat scroll 0% 0%;
}
.dxGridView_gvHeaderFilterActive {
    background: transparent url("/Imgs/FilterActive.png") repeat scroll 0% 0%;
}
.dxgvFilterRow td.dxgv {
    border-bottom: 1px solid #DADDE0;
    border-right: 1px solid #DADDE0;
    border-top-width: 0;
    border-left-width: 0;
    padding: 10px;
    overflow: hidden;
}
.dxgvEmptyDataRow {
    color: #333;
}
.dxeButtonEditButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton {
    background: transparent;
}
.dxeButtonEdit, .dxeTextBox {
    border: 1px solid #dbdbdb;
    font: inherit;
    border-radius:3px;
}
.dxeTextBoxSys td.dxic {
    padding: 6px 6px 5px 6px;
}
.dxFirefox .dxeTextBoxSys td.dxic {
    padding-left: 6px;
    padding-right: 6px;
}
.dxFirefox .dxeButtonEditSys td.dxic {
    padding-left: 5px;
    padding-right: 5px;
}
.dxeButtonEditSys td.dxic {
    padding: 5px 5px 4px 5px;
}
body input.dxeEditArea {
    color: inherit;
}
.dxeButtonEditButton {
    padding: 0px 4px 1px 5px;
}
.dxGridView_gvFilterRowButton {
    position: relative;
    top: -2px;
    margin:0px 0px 0px 5px;
}
.dxeButtonEditButton, .dxeCalendarButton, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton, .dxeColorEditButton {
    border: none;
    border-left: 1px solid #dadada;
}
.dxgvFilterRow {
    background-color: rgba(249, 249, 249, 0.9);
    /*background-color: rgba(64, 151, 200, 0.6);*/
}
.dx-nowrap, span.dx-nowrap {
    white-space: normal !important;
    text-overflow:ellipsis;
}
.dx-wrap, span.dx-wrap {
    text-overflow: ellipsis;
}
.dxpLite .dxp-button.dxp-bi {
    top: 1px;
    position: relative;
}
.dxgvTable {
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    border-spacing: 0px;
    background-color:transparent;
    table-layout:fixed;
    border-spacing: 0px 15px;
    margin-top: -15px;
}
.dxgvADR .dxgvADT .dxgvADCC, .dxgvADR .dxgvADT .dxgvADDC {
    vertical-align: middle;
}
.dxgvDetailRow.dxgvADR .dxgvADT > tbody > tr > td {
    padding: 6px 6px 5px 15px;
}
.dxgvHeader, .dxgvHeader table {
    color: #FFFFFF;
    font-weight: 300;
}
.dxgvInlineEditRow, .dxgvDataRow {
    background-color:RGBA(255, 255, 255, 0.9);
}
.dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC {
    border-bottom: 1px solid #DADDE0;
    border-right: 1px solid #DADDE0;
    padding: 5px 15px;
    
    height:55px;
}

.dxgvDetailRow td.dxgv, .dxgvPreviewRow td.dxgv, .dxgvEmptyDataRow td.dxgv {
    /*border-top: 1px solid #E7EAEC;
    border-bottom: 1px solid #E7EAEC;*/
    background-color:RGBA(255, 255, 255, 0.7);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.dxgvAdaptiveHeaderPanel {
    background-color: #F3F3F4;
    border-bottom: none;
    display:none;
}
.row-rj{
    padding:0px;
}
.dxgvEmptyDataRow td.dxgv {
    padding-left:15px;
    padding-right:15px;
    //border:none;
}
.dxpLite {
    font: inherit;
    color: inherit;
    padding: 0px 10px;
}
.dxpLite .dxp-summary, .dxpLite .dxp-sep, .dxpLite .dxp-button, .dxpLite .dxp-pageSizeItem, .dxpLite .dxp-num, .dxpLite .dxp-current, .dxpLite .dxp-ellip {
    font-weight: inherit;
}
.dxpLite .dxp-num {
    color: inherit;
    text-decoration: inherit;
}
.dxp-current{
    color: #2E7EAB !important;
}
.dxgvPagerTopPanel, .dxgvPagerBottomPanel {
    background-color:rgba(249, 249, 249, 0.8);
    display:table;
    width:100%;
}
.dxpLite .dxp-button img {
    display: table-cell;
    vertical-align: middle;
}
.dxeButtonEditSys td.dxic {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.dxeNullText .dxh0 {
    color:  #999 !important;
}
.dxeButtonEdit .dxeEditArea {
    color: #555;
}
.dxpLite .dxp-comboBox {
    /*margin-left: 10px !important;*/
    border: 1px solid #E7EAEC;
    padding: 1px;
    margin:0px 0px 0px 10px !important;
}
.dxpLite .dxp-pageSizeItem .dx{
    margin:0px;
}
.dxp-pageSizeItem label{
    line-height:inherit;
    vertical-align:middle;
    display:table-cell;
    height:22px;
}
.dxgvControl .dxpLite, .dxgvDisabled .dxpLite {
    display: table-cell !important;
    vertical-align: middle !important;
    padding:10px 15px;
}
/*.dxpLite .dxp-comboBox input {
    margin: 2px 2px 0px;
}
@-moz-document url-prefix() { 
  .dxpLite .dxp-comboBox input {
    margin: 3px 3px 0px;
}*/

.dxpLite .dxp-comboBox input {
margin: 1.5px 0px 0px 5px;
}
span.dxp-comboBox input {
    color: inherit;
}
.dxpLite .dxp-dropDownButton {
    border: 1px solid #E7EAEC;
    padding: 2px 4px;
}
.dxgvPagerTopPanel, .dxgvPagerBottomPanel {
    padding-top:0px;
    padding-bottom: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.dxmLite, .dxmLite .dxm-item a.dx {
    color: inherit;
    font:inherit;
}
.dxmLite .dxm-popup {
    border: 1px solid #E7EAEC;
    padding: 0px;
}
.dxmLite .dxm-popup .dxm-content {
    padding: 5px 25px 5px 5px;
}
.dxmLite .dxm-popup .dxm-selected {
    background-color: #F3F3F4;
}
.dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-selected, .dxmLite .dxm-hovered, .dxmLite .dxm-main .dxm-dropDownMode.dxm-checked .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-selected .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-hovered .dxm-popOut {
    border-color: #E7EAEC;
}
.dxpLite .dxp-pageSizeItem {
    padding: 0px;
}
/*.BtnRejilla{
    display: inline-block;
    vertical-align:middle;
    padding: 6px 12px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    text-align: center;
    cursor:pointer;
    //min-width: 120px;
}*/
.alerthelp{
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    position:absolute;
    z-index:99999999;
}
.TableFiles .btn{
    min-width:inherit;
}
.TxtDownload{
    display:none;
}
.color-no{color: #bb7270;}
.color-yes{color: rgb(96, 170, 149);}
.icn-rej-ok{
    color: rgb(96, 170, 149);
    font-size: 20px !important;
}
.icn-rej-notok{
    color: #bb7270;
    font-size: 20px !important;
}
.dxgvFocusedCell {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.TableFiles input[type="checkbox"] + label::before{
    top: 5px;
}
.SearchTable{
    margin: 0px !important;
    -moz-border-radius: 3px 3px 0px 0px !important;
    -webkit-border-radius: 3px 3px 0px 0px !important;
    border-radius: 3px 3px 0px 0px !important;
}
.TableFiles{
    width:100%;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
    background-color: rgba(255,255,255, 0.8);
    /*margin: 0px 0px 15px 0px;*/
    /*border-spacing: 0px 10px;*/
    /*border-collapse: separate;*/
    margin: 0px 0px 15px 0px;
}
.TableFiles td:nth-child(2):hover, .TableFiles td label:hover{
    cursor:pointer;
}
.btn.mtd{
    margin:3.5px;
    float:left;
    width: 33px;
}
.btn.mtd.mtd2{
    width:73px;
}
.btn.mtd table{
    margin: auto;
}
.RequiredForm, .RequiredForm input{
    background-color: #fff9f0 !important;
    /*color: #a67c41 !important;*/

}
.TableFiles tr td{
    height: 55px;
    padding: 10px 15px; 
}
.TableFiles tr{
    border-top: 1px solid #F0F0F0;  
}
.TableFiles tr:first-child{
    border-top:none;
}
.dxgvADR .dxgvADDC{
    min-width:130px;
}
.dxlpLoadingPanel .dxlp-loadingImage, .dxlpLoadingPanelWithContent .dxlp-loadingImage {
    background: transparent url("/Imgs/Loading.gif") repeat scroll 0% 0%;
    height: 45px;
    width: 45px;
    background-size: 45px 45px !important;
    margin-right:20px;
}
.dxlpLoadingPanel, .dxlpLoadingPanelWithContent {
    font: inherit;
    color: inherit;
    background-color:rgba(255,255,255,0.9);
    border:inherit;
    border-radius:3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    table-layout: inherit !important;
}
.dxlpLoadingPanel td.dx, .dxlpLoadingPanelWithContent td.dx {
    padding: 15px;
}
.dxlpControl.dxlpLoadingDiv{
    width:100% !important;
    height:100% !important;
    top: inherit !important;
    bottom:0px !important;
    opacity: 0.2 !important;
    position:fixed !important;

}
.modal-backdrop {
    background-color: #FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{  
    .dxlpLoadingPanel, .dxlpLoadingPanelWithContent
    {
        position:fixed !important;
        top:43% !important;
    }
}
/*div.dx-ac{
    position:fixed !important;
    top:43% !important;
    
}*/
.dxpnlControl {
    font: inherit;
    border: none;
}
.dxheControl .dxheHtmlViewArea, dxheDesignViewArea, dxhePreviewArea {
    font-size: inherit !important;
    font: inherit !important;
}

/*Fin devexpress*/
/*PopUps*/

.modal-header {
    padding: 15px;
    border-bottom: none;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    color:#FFF;
}
.modal-content {
    background-color: transparent;    
}
.modal-body {
    background-color:rgba(255,255,255,0.9);
    max-height: 235px;/*400px;*/
    overflow-y: auto;
    display:block;
    width:100%;
}
.modal-footer {
    background-color:rgba(255,255,255,0.9);
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    padding:10px 15px;
}
.modal-header .close {
    margin-top: 0px;
    font-size: 23px;
}
.modal-container-popup{
    display:table;
    height:100%;
    margin:auto;
    /*width:100%;*/
    padding:10px;
}
.modal-open .modal {
    /*display: table;
    height: 100%;
    margin: auto;
    width: 100%;
    max-width:800px;*/
    padding:0px !important;
    z-index:4000;
}
.modal-title{
    font-weight: 400;
}
.modal-dialog{
    display: table-cell;
    vertical-align: middle;
    max-width:600px;
    width:auto !important;
    //min-width: 300px;
}
.modal-backdrop.in {
    filter: alpha(opacity=30);
    opacity: .3;
    //z-index:3000;
    display:none;
}
.content-div{
    display:table;
    width:100%;
    padding:15px 0px;
}
/*Fin PopUps*/
/*Form layout*/
.dxflGroup {
    padding: 0px;
}
.dxflGroupCell {
    padding: 0px 7.5px;
}
.dxflCaptionCell {
    line-height: 30px;
}
.dxflViewFormLayoutSys .dxflEditFormItemSys.dxflItem {
    padding: 5px 0;
}
.dxflItem {
    padding: 0px 0;
}
.dxflCaptionCell label{
    margin-bottom:0px !important;
}
.dxflCLLSys .dxflCaptionCell, .dxflFormLayout[dir="rtl"] .dxflCLRSys .dxflCaptionCell {
    padding-right: 10px;
}
.dxeTextBoxSys td.dxic {
    padding: 8px 12px;
}
.dxFirefox .dxeTextBoxSys td.dxic {
    padding-left: 8px;
    padding-right: 8px;
}
.dxpcDropDown, .dxeDropDownWindow {
    font: inherit;
}
.dxeListBox {
    border: 1px solid #E4E4E4;
}
.dxFirefox .dxeButtonEditSys td.dxic {
    padding-left: 8px;
    padding-right: 8px;
}
.dxeButtonEditSys td.dxic {
    padding: 7px 7px;
}
.BtnFrm{
    margin-bottom:5px;
}
/*Fin Form layout*/
.dropdown-menu{
    right: 0px;
    left: inherit;
    border: 1px solid #e8e8e8;
}
.dxgvTable {
    overflow: auto;
}
.dropdown-table{
    overflow:inherit !important;
}
.dropdown .btn{
    min-width:inherit;
}
.dxeSpinDecButton{height:10px !important;}

.dxflTextEditItemSys .dxflVATSys.dxflCaptionCell {
    min-width: 125px !important;
}
.BgWhite.bdr3.Shadowbox:not(.v-align-c):not(.ptb)
{
    padding: 7.5px 0px 15px !important;
    display: table;
    width: 100%;
}
.ButtonsForm input{
    margin-bottom:0px;
}
.dxpc-win-wrapper{
    width:100% !important;
    height:100% !important;
    left: 0px !important;
    top: 25px !important;
}
.dxpc-win-wrapper-scroll{
    position:relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
}
#TextEditor_DPP_PW-1{
position: relative !important;
left: auto !important;
top: auto !important;
opacity: 1;
margin: auto !important;
}
.dxpnlControl.dxhe-dialogWrapperPanel{
    overflow:auto;
}

.dropdown-backdrop {
    position: initial !important;
}
.dxgvCSD {overflow-y:auto !important}
.dxgvTable.dxgvRBB{overflow:auto !important;}

.dxheViewArea {
    border: Solid 0px #a8a8a8 !important;
}
.sub-text{
    font-size: 14px;
    color: #959595;
    padding: 4px 0px 0px;
    display: block;
}


.box-head{
    list-style:none !important;
    margin-bottom:0px;
    padding:0px;
    display:table;
    width:100%;
    height:55px;
    background-color: #fbfbfc;
    padding: 10px 15px;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}
.box-head > li {
    display:table-cell;
    vertical-align: middle;
}

.panel-box-content{
    background-color:#fff;
}
.panel-box{
    padding:15px;   
}
.img-user-msg{
    width: 43px;
    height: 43px;
    float:left;
}

.sub-text{
    font-size: 14px;
    color: #959595;
    padding: 5px 0px;
    display: block;
}
.sub-text-msg{
    font-size: 14px;
    color: #909090;
    display: block;
    padding-right: 10px;
}
.sub-text-usr{
    font-size: 14px;
    display: block;
}
#SendFilesCom_UploadInputs{display:none;}
#SendFilesCom_FileList{margin: 0px;}
.dxucControl, .dxucEditArea, input[type="text"].dxucEditArea {
    font: inherit !important;
}
#SendFilesCom .dxucButton, .dxucButton a {
    color: #B70D0D;
    white-space: nowrap;
}
.dxucNameCell span{max-width:100% !important;}
.dxucNameCell{max-width:80% !important;}
#PanelSubidas{max-height: 100px !important;
overflow-y: auto;
overflow-x:hidden;
float: left;
width:100%;
margin: 10px 0px 0px;}
#SendFilesCom{width: 100%;}
.dxucFileList li {
    padding-right: 5px;
}