@font-face{
  src: url(../fonts/DINPro-Regular.ttf);
  font-family: 'DINPro-Regular';
}
@font-face{
  src: url(../fonts/DINEngschriftStd.otf);
  font-family: 'DINEngschriftStd';
}



html,
body{
  font-family: 'DINPro-Regular', sans-serif;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'DINEngschriftStd', sans-serif;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*login styles
================================*/

.news img{
    display: block;
    width: 100%;
}
*:focus {
    outline: 0 !important;
}
.news {
    position: relative;
    margin: auto;
    overflow: hidden;
    max-width: 1024px;
    box-shadow: 0px 5px 25px rgba(0,0,0,0.5);
}
.news .logotipo,
.news .my_slider{
    float: left;
}
.news .my_slider{
    width: 71%;
    margin-left: 30%;
}
.news .logotipo{
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: #f05423;
    background-image: url(/img/logo.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 50% 50%;
}
.login .content .login-form, .login .content .forget-form {
    max-width: 360px;
    margin: auto;
}
.login .content {
  max-width: initial;
  width: 100%;
  margin: 0 auto;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  background-color: transparent;
  background: none;
}
.login .content .form-control {
    background-color: #f7f7f7/*transparent*/;
    border: none;
    border-bottom: 1px solid #b7b7b7;
}
.login-logo {
    display: block;
    position: relative;
    width: 363px;
    height: 212px;
    margin: auto;
    background-image: url(../img/logotipo_efvfintech.png); /*logoLogin.svg*/
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -99999px;
    margin-bottom: 0px;
    background-position: center;
}

.login-off {
    display: block;
    position: relative;
    width: 503px;
    height: 500px;
    margin: auto;
    background-image: url(../img/salesmanager03.jpg); /*logoLogin.svg*/
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -99999px;
    margin-bottom: 0px;
    background-position: center;
}

.login-maintenance {
    display: block;
    position: relative;
    width: 503px;
    height: 500px;
    margin: auto;
    background-image: url(../img/salesmanager02.jpg); /*logoLogin.svg*/
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -99999px;
    margin-bottom: 0px;
    background-position: center;
}

.login-signup {
    display: block;
    position: relative;
    width: 363px;
    /* height: auto;
    margin: auto;
    margin-bottom: 3rem; */
    text-align: center;
    /* height: 100px; */
    margin: auto;
    background-image: url(../img/logo_sales-manager.jpg); /*logoLogin.svg*/
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -99999px;
    margin-bottom: 0px;
    background-position: center;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #868686 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #868686 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #868686 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #868686 !important;
}
.login .content .form-title {
    font-weight: 300;
    margin-bottom: 14px;
    color: #815548;
    font-size: 18px;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    display: none;
}
.login-textRoman {
    font-size: 14px !important;
    color: #000;
}
.login .content p, .login .content label {
    color: #737373;
    display: inline;
    font-weight: 700;
    font-size: 14px !important;
}
.login .copyright {
   display: none;
}

.login {
    background-color: #ffffff !important;
}
.login .fa-lock {
    text-indent: -99999px;
    background-image: url(../img/pass.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-left: 3px;
}
.login .fa-user {
    text-indent: -99999px;
    background-image: url(../img/envelope.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-top: 7px;
    margin-left: 3px;
}
#loginForm input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'DINPro-Regular', sans-serif;
  color: #000;
  font-weight: 100;
  letter-spacing: .5px;
}
#loginForm input::-moz-placeholder { /* Firefox 19+ */
  font-family: 'DINPro-Regular', sans-serif;
  color: #000;
  font-weight: 100;
  letter-spacing: .5px;
}
#loginForm input:-ms-input-placeholder { /* IE 10+ */
  font-family: 'DINPro-Regular', sans-serif;
  color: #000;
  font-weight: 100;
  letter-spacing: .5px;
}
#loginForm input:-moz-placeholder { /* Firefox 18- */
  font-family: 'DINPro-Regular', sans-serif;
  color: #000;
  font-weight: 100;
  letter-spacing: .5px;
}
.login .content .forget-password {
    margin-top: 5px;
    text-align: center;
    color: #444;
    font-size: 11px;
    letter-spacing: .5px;
}
.login .content .forget-password a {
    opacity: .5;
    font-size: 10px !important;
    color: #000;
    display: block;
    text-decoration: none;
    cursor: pointer;
}
/*Navigation
================*/
.page-content{
    position: relative;
    overflow: hidden;
}
/*
.page-content::before {
    content: "";
    width: 100%;
    height: 120px;
    background-color: #f8bf00;
    position: absolute;
    left: 0;
    top: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #262d61 !important;
}
.modal .modal-header {
    border-bottom: none;
}
.modal-footer {
    border-top: none;
    padding-top: 35px;
}
body {
    background-color: #ffffff;
}
.opaque{
    opacity: 0;
}
.move {
    -ms-transform: translate(10%, 0);
    -webkit-transform: translate(10%, 0);
    transform: translate(14%, 25%);
}
.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before {
    background: #000000;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
    background: #363637;
    color: #fefefe;
}
.navTitle {
    background: #ffffff;
}
.page-header.navbar .top-menu {
    width: calc(100% - 235px);
}
.img-circle {
    width: 45px;
    margin-top: 7px;
    float: left;
}
#modalURL .col-md-12 {
    padding: 0 15px 15px!important;
}
.modal-content {
    padding: 20px;
}
.page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i {
    color: #515151/*fff*/;
}
.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    margin: 0;
}
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    border-top: 1px solid rgba(255,255,255,0.05);
    color: #515151;
    font-family: 'DINPro-Regular', sans-serif;
    font-weight: 600;
    font-size: 12px !important;
    letter-spacing: .5px;
    background: #ffffff;
}
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    border-top: 1px solid rgba(255,255,255,0.05);
    color: #515151;
    font-family: 'DINPro-Regular', sans-serif;
    font-weight: 600;
    font-size: 12px !important;
    letter-spacing: .5px;
    background: #ffffff;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse, .page-sidebar.navbar-collapse {
    margin-top: 10px;
}
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #444546;
}
.page-header.navbar {
    height: 60px;
}
.page-sidebar .page-sidebar-menu li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow:before {
    content: "\f0da";
}
.page-sidebar .page-sidebar-menu li>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow.open:before {
    content: "\f0d7";
}
.page-sidebar .page-sidebar-menu li:hover>a>.arrow.open:before, .page-sidebar .page-sidebar-menu li:hover>a>.arrow:before, .page-sidebar .page-sidebar-menu li>a>.arrow.open:before, .page-sidebar .page-sidebar-menu li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow:before {
    color: #515151/*ffffff*/;
}
.page-sidebar .page-sidebar-menu>li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>.arrow:before {
    top: 14px;
    font-size: 10px;
}
.navTitle .title {
    font-weight: 600;
    color: #515151;
    font-size: 12px;
    font-family: 'DINPro-Regular', sans-serif;
    letter-spacing: .3px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -o-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.page-sidebar .page-sidebar-menu>.navTitle.open>a,
.page-sidebar .page-sidebar-menu>.navTitle:hover>a,
.page-sidebar-closed.page-sidebar-fixed
.page-sidebar:hover .page-sidebar-menu>.navTitle.open>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>.navTitle:hover>a {
    background: transparent;
    cursor: initial;
    color: #b4bcc8;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
    background: #ffffff/*78a23d*/;
    color: #262d61/*ffffff*/;
}
.page-sidebar .page-sidebar-menu>li.open>a>.arrow.open:before, .page-sidebar .page-sidebar-menu>li.open>a>.arrow:before, .page-sidebar .page-sidebar-menu>li.open>a>i, .page-sidebar .page-sidebar-menu>li:hover>a>.arrow.open:before, .page-sidebar .page-sidebar-menu>li:hover>a>.arrow:before, .page-sidebar .page-sidebar-menu>li:hover>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>i {
    color: #262d61/*fff*/;
}
.page-sidebar .page-sidebar-menu .sub-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a {
    color: #515151;
    font-size: 10px !important;
    font-weight: 600;
    letter-spacing: .5px;
    border-bottom: 1px solid #f1f1f1 !important;
}
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
    background: #ffffff!important;
}
.page-header.navbar .page-logo {
    background: #ffffff;
    height: 60px;
    border-bottom: 1px solid #e1e1e1;
    border-right: /*1*/0px solid #e1e1e1;
}
.page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
    background: #ffffff;
    margin-top: 0 !important;
}

.page-sidebar .page-sidebar-menu>li:last-child>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:last-child>a {
    border-bottom: 1px solid #f1f1f1 !important;
}
.page-sidebar .page-sidebar-menu>li.active.open+li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open+li>a {
    border-top-color: #f1f1f1 !important;
}
.page-header.navbar .page-logo .logo-default {
    /*margin-top: -15px;*/
    width: 136px;
    display: block;
    margin-left: 0;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
    margin: 24px 0 0;
}
.page-header.navbar .top-menu .navbar-nav {
    padding: 0;
    margin-right: 0;
    display: block;
    width: 97%;
    margin: auto;
    float: none;
}
.navbar-nav li:first-child {
    width: 100%;
}
.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
}
.nav>li>a svg,
.caNavAct a svg{
    opacity: .6;
}
.nav>li>a:focus svg,
.nav>li>a:hover svg,
.caNavAct a:focus svg,
.caNavAct a:hover svg{
    opacity: 1;
}
.caNavAct li:first-child{
  width: initial;
}
/*
.caNavAct {
    float: right;
    margin-top: 20px;
}
.caNavAct li {
    display: inline-block;
    margin-right: 13px;
}
#out svg {
    width: 30px;
    fill: #bbbbbb;
    display: block;
}
#out {
    float: right;
    padding: 0;
    position: relative;
    margin-top: 15px;
}
#out::after {
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: black;
    opacity: .3;
}*/
.usernameSection{
    float: left;
    margin-top: 17px;
    margin-left: 10px;
    /*cursor: pointer;*/
}
.usernameTitle {
    font-size: 10px;
    /*text-transform: uppercase;*/
    color: #515151;
    font-weight: 800;
    float: left;
    font-family: 'DINPro-Regular', sans-serif;
    letter-spacing: .5px;
}
#name-user {
    color: #c0c0c0;
    font-size: 10px;
    float: left;
    clear: both;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: 'DINPro-Regular', sans-serif;
}
/*
.caNavAct svg {
    width: 22px;
    fill: #937b7b;
}
.caNavAct b{
  display: none;
}
#caProf{
    stroke-width: 3;
    stroke: #937b7b;
}
*/
.label {
    text-shadow: none!important;
    font-size: 11px !important;
    font-weight: 300;
    padding: 5px 8px 3px 8px;
    letter-spacing: .5px;
    line-height: 1;
    background: transparent !important;
    border-radius: 30px;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-left: none;
    border: none;
    border-right: none;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fafbfb;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 0px 10px;
    padding-bottom: 5px;
    padding-top: 15px;
    font-size: 12px !important;
}
.table-hover>tbody>tr:hover, .table-hover>tbody>tr:hover>td {
    background: #f1f3f3!important;
}
.table.dataTable.no-footer {
    border: none !important;
    margin-top: 10px !important;
}
.table.dataTable.no-footer thead {
    background-color: #c10e2f;
}
.table.dataTable.no-footer thead tr:first-child th:first-child {
    border-radius: 10px 0px 0px 10px !important;
}
.table.dataTable.no-footer thead tr:first-child th:last-child {
    border-radius: 00px 10px 10px 0px !important;
}
table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 {
    background: #fff !important;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 30px;
    font-size: 12px !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
    border-bottom: 0px solid #eeeff3;
}
.portlet.light {
    padding: 0 !important;
    background-color: #fff;
}
.dropdown-menu {
    text-shadow: none;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    font-family: 'DINPro-Regular', sans-serif;
}
.page-content-white .page-title {
    margin: 0;
    float: left;
    margin-top: 5px;
    font-size: 20px;
    letter-spacing: 0.5px/*initial*/;
    color: #009cb0/*000000*/;
    text-transform: uppercase;
    font-weight: 100;
    position: relative;
}/*
.page-content-white .page-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 20px;
    height: 3px;
    background-color: black;
}*/
.pictureContainer,
.personalInfo{
    position: relative;
    /*max-width: 255px;*/
}
.pictureContainer::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
    height: 7px;
    background-color: #f7a800;
}
.pictureContainer img{
    display: block;
    margin: auto;
    width: 50%;
}
.caTopInfo span {
    font-size: 11px;
    letter-spacing: .5px;
    font-weight: bold;
    color: #888888;
    clear: both;
    display: block;
}
.caTopInfo h4{
    margin-bottom: 0;
}
.peps{
    margin-left: 7%;
}
.caTopInfo ul, .caBottomInfo ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    margin-top: 12px;
}
.caTopInfo li, .caBottomInfo li {
    list-style: none;
    color: #434343/*grey*/;
    font-size: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
}
.caTopInfo li b, .caBottomInfo li b {
    color: #6c6966;
    font-weight: bold;
    /*width: 110px;*/
    display: block/*inline-block*/;
    opacity: 1/*.8*/;
    margin-left: -10px;
}
.caTopInfo h6, .caBottomInfo h6 {
    /*color: #616161;
    position: relative;
    font-size: 13px;
    float: left;
    margin-top: 15px;
    width: 100%;*/
    color: white;
    position: relative;
    font-size: 20px;
    float: left;
    margin-top: 15px;
    background-color: rgba(0, 131, 137, 1);
    padding-left: 20px;
    height: 40px;
    line-height: 5px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    padding-top: 6px;
    width: 100%;
}
.caTopInfo h6::after,
.caBottomInfo h6::after {
    position: absolute;
    /*
    content: "";
    display: block;
    bottom: -3px;
    left: 0;
    width: 17px;
    height: 1px;
    background-color: red;
    */
}
.caTopInfo h6::before, .caBottomInfo h6::before {
    content: "";
    display: inline-block/*block*/;
    position: relative/*absolute*/;
    top: 4px/*-3px*/;
    /*right: -30px;*/
    width: 20px;
    height: 20px;
    opacity: 1/*.7*/;
}
.caTopInfo h6::before{
    background-image: url("../img/id.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.caBottomInfo .lps::before{
    background-image: url("../img/workers.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.caBottomInfo .tps::before{
    background-image: url("../img/user.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.caSpecialSpace {
    margin-top: 25px/*95px*/;
    overflow: hidden;
    float: left;
    padding-top: 5px !important;
    width: 100%;
}
.caTopInfo .caCol, .caBottomInfo .caCol {
    float: left;
}
.caBottomInfo .caCol {
    width: 30%/*50%*/;
}
.profileInfo {
    float: left;
    width: 60%;
}
.pictureContainer {
    float: left;
    width: 30%;
    margin-top: 150px;
}
.profileInfo {
    margin-left: 7%;
    position: relative;
}
.profileInfo::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    position: absolute;
    left: 0;
    bottom: 0;
}
.caRows {
    /*width: 700px;*/
    overflow: hidden;
    margin-left: 50px;
    margin-top: 40px;
}
.caBottomInfo{
    margin-top: 35px;
    float: left;
    width: 100%;
    overflow: hidden;
}
.usermgmtSearchForm .searchSubmit .searchBtn .submit input, #searchButtonId {
    height: 34px !important;
    width: 35px;
    display: block;
    text-indent: -99999px;
    border-radius: 0 !important;
    background-color: #fff;
    border: 1px solid #999b9c;
    background-image: url(../img/erase.svg);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: 50% 50%;
}
#searchSubmitId {
    /* background-image: url(../img/search.svg); */
    /* background-repeat: no-repeat; */
    /* background-size: 55%; */
    /* background-position: 50% 50%; */
    text-indent: 1px;
    width: auto/*105px*/;
    background-image: none;
    background: #c10e2f;
    margin-right: 9px;
    border: none;
    border-radius: 6px !important;
}#searchSubmitId:hover {
    background: #fd3636;
}
.portlet.light.bordered {
    border: 1px solid transparent !important;
}
.searchTagline{
  display: none;
}
.searchLabel,.searchField{
  /*clear: both;*/
}
/*
.usermgmtSearchForm .searchField .input.text .form-control {
    display: inline-block;
    padding: 0 5px !important;
    height: 20px !important;
    margin-top: 2px !important;
    border: none;
    border-bottom: 1px solid lightgrey;
    background-color: transparent;
    position: relative;
}
*/
.usermgmtSearchForm .text{
    position: relative;
}
.usermgmtSearchForm .text::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    background-image: url(../img/search.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 50% 50%;
    opacity: .5;
    top: 0;
    bottom: 0;
    margin: auto;
}
.btn-actions {
    border: none;
    color: #fff !important;
    background: #c10e2f;
    border-radius: 6px !important;
    margin-top: -8px !important;
    padding-bottom: 2px;
    margin-bottom: 3px !important;
    font-size: 11px !important;
    font-weight: 600;
    font-family: 'DINPro-Regular', sans-serif;
    transition:.3s ease all;
}
.btn-actions:hover{
   background-color: #fc4949 !important;
}

.btn-actions .caret{
  margin-left: 5px;
}
.btn-actions:hover {
    background-color: #ebb803;
}
.portlet.light .portlet-body {
    padding-top: 0;
}
.usermgmtSearchForm {
    border: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid transparent !important;
    margin-top: -7px;
    margin-bottom: 0px;
    z-index: 10;
    position: relative;
}
.w-color666{
	color: #666;
}


.w-backgroudC49F47{
	display: inherit !important;
	background-color: #C49F47 !important;
	color: white !important;
	width: 65px !important;
	font-size: 12px;
}

.w-backgroud578EBE{
  color: #FFFFFF !important;
  background-color: #99be00 !important;
}

.w-btnBorder578EBE{

    border-color: #578EBE !important;
    color: #666 !important;
    background: 0 0 !important;

}

.w-title{
  font-size: 20px;
}

.w-AvenirLight{
  font-size: 12px;
}

.w-bordeVerde{
	border-color: #1fc34d;
}

.w-btnNewUsers{
    position: absolute;
    right: 250px;
    margin-top:30px;
    z-index: 100;
    background: #67809F;
    color: white;
}

.w-btnNewUsers:hover, .w-btnNewUsers:active, .w-btnNewUsers:focus{
    background: #67809F !important;
    color: white !important;
}

.w-btnAddUsers{

    background: #67809F !important;
    color: white !important;
}
.w-btnLogin {
    color: white !important;
    margin: auto;
    background: #bf0e2f;
    border: none;
    transition: .3s ease;
    font-family: 'DINEngschriftStd', sans-serif;
    font-size: 11px !important;
    font-weight: 900;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: .7rem 3rem;
    letter-spacing: 1px;
    padding-top: 1rem;
    margin-bottom: 2rem;
}
.w-btnLogin:hover {
    background: #fc4949 !important;
}
.w-labelLogin{
	text-align: center;
}

.dataTables_length{
	/*display: none !important;*/
}

.sorting{
	font-weight: bold !important;
}

/************  FIN Estilos Webpoint */


.btn-span{
	background-color: #78ad5e;
	color: #fff;
}
.btn-span-in{
	background-color: #e6aa60;
}

.sub-menu .nav-item{
    font-size: 13px;
    color: #787878;
}

.dropdown-toggle .username{
	color: #CCCCCC !important;
	font-size: 12px;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i {
    color: #CCCCCC !important;
}

.dropdown>.dropdown-toggle>i {
	font-size: 50px;
}
.fecha{
	text-transform: uppercase;
	font-size: 12px;
  	margin-top: 4px;
    text-align: right;
}
.w-breadcrumb a{
	text-decoration: none !important;
	font-size: 12px !important;
  	color: #666 !important;
}
.ca-add {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 0 !important;
    background-image: url(../img/plusIcon.svg);
    background-color: #505152;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50%;
    text-indent: -9999px;
    float: right;
    margin-top: 5px;
    transition: .3s ease all;
    margin-bottom: 7px;
    z-index: 10;
}
.ca-add:hover{
    background-color: #000;
}
.ca-back {
    background-image: url(../img/back.svg);
    background-size: 50%;
    margin-top: 7px;
}
.ca-form .form-control {
    border: 0px solid #f1d8d8;
}
.form-horizontal .control-label {
    text-align: right;
    padding-left: 15px !important;
    margin: 0;
    float: left;
    margin-top: 11px;
    letter-spacing: initial;
    color: #4b6365/*806060*/;
    margin-bottom: 5px;
    font-family: 'DINPro-Regular', sans-serif;
    font-weight: 600;
    font-size: 13px !important;
}
.btn.default:not(.btn-outline) {
    color: #828282;
    background-color: #dedede;
    border-color: #dedede;
}
.btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open>.btn.default:not(.btn-outline).dropdown-toggle {
    color: #735858;
    background-color: #c07d69;
    border-color: #f1d8d8;
}
.panel-title {
    margin: 0;
    float: left;
    margin-top: 11px;
    font-size: 18px;
    letter-spacing: initial;
    color: #c07c68;
    font-family: 'Arapey', serif;
    text-transform: uppercase;
    font-weight: 600;
}
.panel-heading {
    background: #fff;
    float: left;
    width: 100%;
    padding: 0;
    padding-bottom: 50px;
    border-bottom: 1px solid #eef1f5;
}
.page-user {
    display: block;
    width: 40px;
    float: right;
    border-radius: 50px;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0;
    border-bottom: 2px solid #d4d4d4 !important;
}
.select2-container--default .select2-selection--multiple {
    background-color: #f8f8f8;
    border-radius: 0;
    cursor: text;
    border: 0px;
    border-bottom: 2px solid #d4d4d4
}
.ca-form .control-label {
    text-align: left !important;
    padding-left: 0;
    clear: both;
    display: block;
    width: 100%;
}
.ca-cls{
  clear: left;
}
.split-btn .submit,
.split-btn .btn-back{
  float: right;
}
.split-btn-up .submit,
.split-btn-up .btn-back{
  float: right;
}
.btn-submit {
    background-color: #c20e2f;
    color: #fff;
    font-weight: bold;
    font-size: 13px !important;
    border-radius: 4px !important;
}
.btn-back {
    background-color: #55585a;
    color: #fff;
    margin-right: 10px;
}
.btn-submit,
.btn-back {
  color: #fff !important;
}
.btn-submit:hover {
    background-color: #fc4949;
}

.btn-submit-white {
    background-color: white;
    border: 1px solid #6e5b5b;
    color: #6e5b5b;
    font-weight: bold;
    font-size: 11px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #262d61 !important;
}

.btn-back:hover{
  background-color: #3a3c3e;
}
.btn-chnange{
    background-color: #f5f5f5;
}
.btn-chnange:hover{
    background-color: #de4200;
}
.split-btn{
  margin-top: 30px;
}
.ca-bi .input{
  float: left;
  width: 50%;
}
.page-user img{
  display: block;
  width: 100%;
}
.nav-link .arrow{
color: #515151/*fff*/;
}
.active-menu a{
	color: #FFFFFF !important;
}
.dropdown-menu>li>a {
    font-size: 11px !important;
    padding: 6px 16px;
    font-weight: 600;
    color: #525659;
}
.dropdown-menu>li>a::first-letter {
  text-decoration: underline;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #525659;
    background-color: #ffffff;
}
.btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {
    border-bottom: 8px solid #544d4d;
}
.btn-group>.dropdown-menu:after, .dropdown-toggle>.dropdown-menu:after, .dropdown>.dropdown-menu:after {
    border-bottom: 7px solid #f1f1f1;
}
.login-text {
    font-size: 12px !important;
    color: #4a4a4a;
}
.error .form-control {
    padding-left: 33px;
}
.login-textRoman{
	font-size: 14px !important;
  	color: white;
}

.login{
    /*background-image: url(/img/background-pozas.jpg) !important;*/
    background-size: 2000px 1200px, cover;
}

.login .alert {
    color: white;
    padding: 0px;
}

.login .alert-success {
  background: none !important;
  border: none !important;
}

.login .error-message {
    color: #515151;
    letter-spacing: 1px;
    margin-top: 3px;
}
.login .form-group {
    margin-bottom: 25px;
}
label, input, select, a, th, td, button, .dataTables_info, textarea{
	font-size: 12px !important;
  border-radius: 0px !important;
}
input[type=checkbox], input[type=radio]{
	margin: 0px;
}
.error-message{
	font-size: 10px !important;
    position: absolute;
    bottom: -15px;

}
.caZep {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    overflow: hidden;
}
.caZep > div{
    overflow-x: scroll;
    width: 100%;
}

.relative-absolute .input{
  position: relative;
}
.relative-absolute .error-message {
    color: #9E2424;
    position: absolute;
    margin-top: 34px;
}
/*NE-412*/
.relative-absolute-date .input{
    position: relative;
}
.relative-absolute-date .error-message {
    color: #9E2424;
    position: initial;
    margin-top: 0px;
}
.relative-absolute-date .input-group-btn {
    vertical-align: top;
}
.page-sidebar .page-sidebar-menu>li>a{
 /* border-top: none;*/
}
.tab-content{
  font-size: 12px !important;
}
.nav-tabs a{
  font-size: 12px !important;
  color: #666666 !important;
}

form .required:after {
    color: #EE3322;
    content: "*";
    /* display: block; */
    position: absolute;
    right: 0px;
    top: 12px;
    left: -5px;
    width: 5px;

}

.button-right{
  text-align: right !important;
}

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.7 !important;
}


  .dataTables_info{
    display:none;
  }
  ul.pagination{
    font-size: 12px;
  }

.select-simple{
    box-shadow: none !important;
    border-radius: 0px !important;
    -webkit-appearance: none !important;
    padding: 6px 25px 5px 10px !important;
    background: #fff url(/img/arrow.png) no-repeat 95% center !important;
    background-size: 8px !important;
    height: 35px !important;
    min-width: 150px;
}
.select-filtro {
    box-shadow: none !important;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    padding: 8px 25px 7px 10px !important;
    background: #fff url(/img/arrow.png) no-repeat 82% center !important;
    background-size: 8px !important;
    height: 34px !important;
    width: 67px;
    border: 1px solid #9d9fa0;
    margin-top: 10px !important;
    /* padding-top: 8px; */
}
.usermgmtSearchForm .searchSubmit {
    padding: 0 !important;
    margin-top: 10px !important;
    /* display: none; */
}

.onoffswitch {
    position: relative; width: 45px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 26px; padding: 0; line-height: 26px;
    border: 2px solid #E3E3E3;
    border-radius: 26px !important;
    background-color: #E0E0E0;
    transition: background-color 0.3s ease-in;
}
.usermgmtSearchForm .searchSubmit .searchBtn {
    margin-left: -1px !important;
}
.sorting-link a, th {
    color: white !important;
    font-size: 12.5px !important;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'DINPro-Regular', sans-serif;
    cursor: pointer;
    letter-spacing: .9px;
}
table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    background-color: #505152;
    font-weight: 300;
}
table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: #292929;
}
table.dataTable {
    margin-top: 0px !important;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 26px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 22px;
    border: 2px solid #E3E3E3;
    border-radius: 26px !important;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #68C466;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #68C466;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}

  .parsley-errors-list
  {
    padding-left: 0;
  }
  .parsley-errors-list li.parsley-custom-error-message,
  .parsley-errors-list li.parsley-required,
  .parsley-errors-list li.parsley-custom,
  .parsley-errors-list li.parsley-type,
  .parsley-errors-list li.parsley-min,
  .parsley-errors-list li.parsley-max
  {
    color: #ad0101;
    list-style: none;
    text-align: left;
  }


.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    color: #333;
}



.product-pic{
    background-image: url('/img/placeholder.svg');
    background-position: 50% 50%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-desc .data{
    font-weight: bold;
}


.image-view{
    width: 200px;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
}

.image-view{
    background-color: #fdfdfd;
}

.image-view-container{
    margin-top: 15px;
}

.delete-cart-product,
.delete-product,
.delete-part
{
    cursor: pointer;
    font-size: 20px;
    color: #ed6b75;
}

.delete-cart-product-loading,
.delete-product-loading,
.delete-part-loading
{
    font-size: 20px;
}


.control-label .required, .form-group .required{
    color: #333;
    position: relative;
}



  .picker__header select{
    padding: 4px 2px;
    text-transform: capitalize;
  }
  .picker__table{
    text-transform: capitalize;
  }
  .picker__frame{
    max-width: 434px !important;
  }
  .picker__holder
  {
    overflow: hidden !important;
  }
  .picker__button--clear, .picker__button--close, .picker__button--today{
    text-transform: capitalize;
  }

.picker--time .picker__holder{
    overflow-y: scroll !important;
}

.form-horizontal .control-label.no-margin {
    margin-top: 0px;
}

.modal-dialog{
    width: 600px;
}

.cart-button{
    color: white;
    background-color: #2b3643;
    border: 1px solid #545454;
    min-height: 50px;
    font-size: 17px !important;
}

.cart-button:hover,
.cart-button:focus
{
    color: #c3c3c3;
}

.ca-button{
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #b9babb;
    border-radius: 50px !important;
    color: #a9abac;
    text-align: center;
    padding-top: 12px;
}
.ca-button i{
    font-size: 22px;
}

.ca-button:visited,
.ca-button:hover,
.ca-button:active
{
    color: #a9abac;
}

.mini-product-pic{
    background-image: url('/img/placeholder.svg');
    background-position: 50% 50%;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    border-radius: 100%;
}

.cart-mini-pic{
    background-position: 50% 50%;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    border-radius: 100%;
}
.webui-popover-content{
    overflow: hidden !important;
}
.general-item-list>.item{
    border-top: 1px solid #F1F4F7;
}

.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top{ z-index: 10001; }

.usermgmtSearchForm .searchBlock{
    vertical-align: top;
}

.usermgmtSearchForm .searchField .input.select .form-control, .usermgmtSearchForm .searchField .input.text .form-control, .portlet .usermgmtSearchForm .searchField .input.text .form-control {
    margin-top: 0px !important;
    max-height: 30px;
    padding-left: 25px !important;
    background-color: #f8f8f8;
    border: none;
    border-bottom: 1.5px solid #d4d4d4;
}

.usermgmtSearchForm .searchLabel,
.usermgmtSearchForm .searchField{
    clear: both;
}

.usermgmtSearchForm .searchLabel{
    margin-top: -34px !important;
}

.page-content-wrapper .portlet{
    margin-bottom: 0px;
}

.item-label.sup{
    font-size: 10px;
    vertical-align: top;
    color: #adadad;
    padding-left: 10px;
}
.page-header.navbar {
    background-color: #f8fafb/*fff*/;
    border-bottom: 1px solid #e1e1e1;}
.page-container-bg-solid .page-bar, .page-content-white .page-bar {
    background-color: #e6ebee;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #c10e2f;
    border-color: #fc4949;
    cursor: default;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #99be00;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    /* background: #262d61; */
    background: #c10e2f;
    border-top-color: transparent;
    color: #fff;
}
.page-sidebar .page-sidebar-menu>li.active.open>a:hover, .page-sidebar .page-sidebar-menu>li.active>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover {
    background: #fc4040;
}
.border-none{
  border: none !important;
  border-bottom: 1px solid #e8edf1 !important;
}

.border-none>button{
  border: none !important;
  line-height: 1.9 !important;
  border-bottom: 1px solid #e8edf1 !important;
}


.btn-wp-gray {
    background-color: silver !important;
    margin-left: -1px !important;
    border-radius: 50px !important;
    color: white !important;
    padding: 2px;
    padding-top: 5px;
    width: 115px;
    border: 1px solid #818181;
}

.btn-wp-white {
    background-color: white !important;
    margin-left: -1px !important;
    border-radius: 50px !important;
    color: #818181 !important;
    padding: 2px;
    padding-top: 5px;
    width: 115px;
    border: 1px solid #818181;
}

.btn-meetings button {
    min-width: 100%;
    background-color: #c5d77e !important;
    line-height: 2 !important;
    height: 100% !important;
    color: black !important;
    margin-left: -1px !important;
    border-radius: 50px !important;
    color: white !important;
    padding-top: 10px;
    text-transform: uppercase;
}
.btn-meetings .caret {
    margin-top: -5px!important;
}
.btn-meetings div{
  width: 130px !important;
}
.bootstrap-select .caret:before {
    margin-top: -1px;
}

.entregable-title{
    font-weight: 400;
    font-size: 24px;
}
.entregable-subtitle{
    color: silver;
    font-weight: 100;
    font-size: 12px;
}


.nav-tabs-wp{
    background: #f5f5f5;
}
.tabbable-line>.nav-tabs-wp>li.active {
    background: 0 0;
    border-bottom: 4px solid silver;
    position: relative;
}
.tabbable-line>.nav-tabs-wp>li.open, .tabbable-line>.nav-tabs-wp>li:hover {
    background: 0 0;
    border-bottom: 4px solid #e6e3e3;
}

.modal-lg {
    width: 900px !important;
}

.icon-edit-detail {
    color: silver;
    font-size: 15px !important;
    margin-top: 0px !important;
    margin-left: 10px !important;
}
.page-header.navbar .menu-toggler.responsive-toggler {
    margin: 0;
    margin-top: 34px;
    margin-left: 11px;
    float: left;
}

.page-sidebar-menu{
    float: left;
    width: 100%;
}
.npm{
    overflow: hidden;
}

.page-sidebar .page-sidebar-menu>li>a.bsb>.arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a.bsb>.arrow:before {
    top: 30px;
}
.page-sidebar-menu-closed .npm .img-circle {
    width: 19px;
}
.page-sidebar-menu-closed .npm .usernameSection{
    display: none;
}
.page-sidebar-menu-closed .navTitle{
    display: none !important;
}
.plank svg{
    display: block;
    width: 100%;
}
.plank {
    width: 505px;
    position: absolute;
    right: 0;
}
/*table tr:last-child .dropdown-menu {
    top: -180px;
}
table tr:last-child .btn-group>.dropdown-menu.pull-right:before,
table tr:last-child .dropdown-toggle>.dropdown-menu.pull-right:before,
table tr:last-child .dropdown>.dropdown-menu.pull-right:before {
    left: auto;
    right: 9px;
    bottom: -8px;
    top: initial;
}
table tr:last-child .btn-group>.dropdown-menu.pull-right:after,
table tr:last-child .dropdown-toggle>.dropdown-menu.pull-right:after,
table tr:last-child .dropdown>.dropdown-menu.pull-right:after {
    display: none !important;
}

table tr:last-child .btn-group>.dropdown-menu:before,
table tr:last-child .dropdown-toggle>.dropdown-menu:before,
table tr:last-child .dropdown>.dropdown-menu:before {
    border-top: 8px solid #e0e0e0;
    border-bottom: none !important;
}

table tr:last-child .btn-group>.dropdown-menu:before,
table tr:last-child .dropdown-toggle>.dropdown-menu:before,
table tr:last-child .dropdown>.dropdown-menu:before {
    border-top: 8px solid #282424;
    border-bottom: none !important;
}*/
table, .table, table.dataTable{
    margin-bottom: 30px !important;
}
.alert-success {
    background-color: #505050;
    border-color: #505050;
    color: #fff;
}
.alert-success .close {
    background-image: url(../img/portlet-remove-icon-white.png) !important;
    background-size: contain;
    opacity: .6;
}

.login .alert .close {
    background-image: url(../img/portlet-remove-icon-white.png) !important;
    background-size: contain;
    opacity: .6;
}
#ProductsTable_wrapper table tr:last-child .dropdown-menu {
    top: -85px;
}
#updateQuotesIndex,
#updateUsersIndex{
    margin-bottom: 100px;
}

@media screen and (max-width: 1200px){
  .caPanel{
    width: 31.3%;
  }
}
@media screen and (max-width: 1100px){
.caPanel {
    width: 47%;
}
}
@media screen and (max-width: 991px){
.page-header.navbar {
}
.page-sidebar, .page-sidebar.navbar-collapse.in {
    margin-top: 0;
    transition: .3s ease all;
}
.caNavAct svg {
    width: 17px;
    fill: #4f5c73;
}
.caNavAct li {
    margin-right: 13px;
}
.caNavAct {
    margin-top: 21px;
    padding: 0;
}
.page-header.navbar .top-menu .navbar-nav {
    width: 100%;
}
.page-header.navbar .menu-toggler.responsive-toggler {
    margin-top: 25px;
}
#out::after {
    left: -7px;
}
.page-header.navbar .top-menu {
    width: calc(100% - 200px);
}
.page-sidebar .page-sidebar-menu .sidebar-search input, .page-sidebar .page-sidebar-menu>li .sub-menu {
    background-color: #393a3a;
}
.page-content-white .page-title {
    margin-top: 0px;
}
/*
.page-content::before {
    height: 85px;
}*/
.ca-add {
    width: 25px;
    height: 25px;
    margin-top: 0px;
    margin-bottom: 5px;
    z-index: 10;
}
}
@media screen and (max-width: 700px){
  .topPanels .caPanel {
    width: 98% !important;
  }
  .splitCols .caCol {
    float: left;
    width: 75%;
}
  .splitCols .graphicSide {
    width: 25%;
}
.projectDescription {
    width: 50%;
}
.pmSection {
    width: 45%;
}
.caRows {
    width: 600px;
    overflow: hidden;
    margin-left: initial;
    margin-top: initial;
}
.page-header.navbar .page-logo {
    background: #ebb803;
    height: 60px;
    display: none;
}
}
@media screen and (max-width: 600px){
.caBottomInfo .caCol,
.pictureContainer,
.profileInfo{
    width: 100%;
    margin: 0;
    text-align: center;
}
.caRows {
    width: 100%;
}
.caTopInfo h6, .caBottomInfo h6{
    float: none;
    margin: auto;
    display: inline-block;
    margin-top: 10px;
}
.caTopInfo li b, .caBottomInfo li b {
    width: initial;
    display: inline-block;
    margin-right: 5px;
}
.personalInfo {
    max-width: initial;
}
.pictureContainer {
    margin: auto;
    float: none;
    margin-bottom: 20px;
}
}
@media screen and (max-width: 580px){
.page-header.navbar .top-menu .navbar-nav {
    width: 100%;
}

.page-header.navbar .top-menu {
    width: calc(100% - 150px) !important;
    float: right !important;
    clear: initial !important;
}
.page-header.navbar .top-menu {
    width: calc(100% - 180px) !important;
    float: right !important;
    clear: initial !important;
}
.caPanel {
    width: 48%;
}
.bottomPanels {
    width: 100%;
}
.projectDocuments {
    width: 100%;
    padding-left: initial;
    float: right;
    box-sizing: border-box;
    padding-left: 4%;
}
.projectDescription {
    width: 100%;
}
.pmSection {
    width: 90%;
    float: left;
}
.caPm{
  margin-left: 0;
}
.page-header.navbar .page-logo {
    margin-right: 0;
}
.plank {
    margin-right: 0;
    width: 355px;
}
.page-header.navbar {
    height: 42px;
    min-height: 42px;
}
}
@media screen and (max-width: 500px){
  .caPanel {
      width: 98%;
  }
  .img-circle {
    width: 35px;
    margin-top: 12px;
  }
  .caNavAct li {
    margin-right: 13px;
  }
  .topPanels .caPanel {
    width: 98% !important;
    max-height: initial;
}
.splitCols .caCol {
    float: left;
    width: 100%;
}
.splitCols .graphicSide {
    width: 100%;
    clear: left;
}
.knob-entregable-div {
    position: relative;
    height: 130px !important;
    float: left;
    margin-top: -30px;
    margin-right: 0;
    clear: both;
    margin-left: -30px;
}
.splitCols .graphicSide h4 {
    color: #2db12a;
    font-weight: 900;
    width: 190px;
    text-align: left;
    float: left;
    padding-right: initial;
    margin-left: 15px;
}

.page-header.navbar .menu-toggler.responsive-toggler {
    margin-top: 15px;
}
}
@media screen and (max-width: 480px){
.login .content {
    width: inherit;
}
.page-header.navbar .top-menu {
    background-color: #fa5625;
}
#out svg {
    width: 25px;
}
}
@media screen and (max-width: 400px){
  .knob-entregable-div {
    -ms-transform: scale(.45);
    -webkit-transform: scale(.45);
    transform: scale(.45);
    margin-right: -50px;
  }
  .splitCols .graphicSide h4 {
    padding-right: 0;
  }
  .page-header.navbar .page-logo .logo-default {
    width: 115px;
    margin-top: 13px;
    margin-right: 9px;
}
  .page-header.navbar .menu-toggler.responsive-toggler {
    margin-left: 0px;
  }
  .bottomPanels {
    width: 100%;
  }

.plank {
    width: 300px;
}
.page-header.navbar {
    height: 36px;
    min-height: 36px;
}
.page-header.navbar .menu-toggler.responsive-toggler {
    margin-top: 13px;
}

}

.share-project-h5{
    padding-right: 10px;
    font-size: 18px;
    font-weight: 200;
    color: rgba(0, 0, 0, 0.52);
}

.share-project-title{
    text-align: center;
    font-size: 20px;
    width: 100%;
    font-weight: 200;
    color: rgba(0, 0, 0, 0.52);
    padding-top: 10px;
}

.div-tools{
    text-align:right; padding: 0px 18px;
}

.div-tools a{
    text-decoration:none; color:#28565d;
}

.btn-custom-share{
    width:100%;
}

.select2-selection--single{
    font-family: 'DINPro-Regular', sans-serif !important;
}

.select2-selection--single .select2-selection__rendered{

    font-family: 'DINPro-Regular', sans-serif !important;
}
.select2-container .select2-selection--single {
    height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 4px;
}
.datepicker table tr td, .datepicker table tr th {
    color: white;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #67809f !important;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #67809f;
    cursor: pointer;
}
.datepicker table tr td span:hover {
    background: #67809f;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #67809f;
}
label{
    color: #4b6365/*806060*/;
}
.index-status {
    font-weight: bold;
    border-bottom: 1px solid;
    display: inline-block;
    /* display: block; */
    text-align: center;
}

.page-content .alert {
    border-width: 1px;
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 300px;
    top: 0px;
    bottom: 0;
    height: 100px;
    z-index: 1;
}

.login .alert {
    background: rgba(0,0,0,0.2);
    border: none;
    padding: 10px 15px;
}

.searchField .select2{
    width: 150px !important;
}

.searchField .select2-selection--single {
    border-radius: 0 !important;
}
.usermgmtSearchForm .searchField {
    overflow: hidden;
}
.usermgmtSearchForm .searchBlock {
    display: inline-block;
    margin-top: 25px !important;
    margin-bottom: 0px !important;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    border-color: transparent !important;
}
.searchField .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 15px !important;
}
/*
.searchField .select2-selection__rendered{
    border: none !important;
    padding: 0px 5px 5px 5px !important;
    height: 25px !important;
    margin-top: -5px !important;
    border-bottom: 1px solid lightgrey !important;
    background-color: transparent !important;
    position: relative !important;
}
*/
.nav-tabs li a {
    color: #a3a3a3 !important;
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'DINPro-Regular', sans-serif;
    cursor: pointer;
    letter-spacing: .5px;
}

.modal-body .select2-selection__rendered{
    padding-left: 8px !important;
    line-height: 28px !important;
    padding-right: 20px !important;
}

.modal-body .select2-selection--single{
    box-shadow: none !important;
    padding: 0px !important;
}

.ca-action {
    display: block;
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 0 !important;
    background-color: #505152;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50%;
    float: right;
    transition: .3s ease all;
    z-index: 10;
    color: white;
    text-align: center;
    font-size: 10px !important;
}

.select2{
    width: 100% !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eef1f5;
    cursor: default;
    height: 100%;
}


.required-input:after {
    color: #EE3322;
    content: "*";
    display: inline;
    position: absolute;
    right: 0px;
    top: 12px;
}

.easy-autocomplete{
    width: 100% !important;
}



.instructions {
    font-size: 14px;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: dimgrey;
    letter-spacing: .5px;
    margin-top: 5px;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
.select2-selection--single {
    border: 0px solid #f1d8d8 !important;
    border-radius: 0 !important;
    background-color: #f8f8f8 !important;
    border-bottom: 1.5px solid #d4d4d4 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0px;
}
.tab-pane h5{
    margin-bottom: 0;
    /* font-size: 15px; */
}
.tab-pane {
    padding-top: 10px;
}

.tab-pane hr {
    display: block;
    width: 100%;
}
.cbg {
    text-indent: initial;
    width: initial;
    color: #FFF !important;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 11px !important;
    height: initial;
    padding: 10px 40px 10px 20px;
    text-decoration: none !important;
    background-position: 89% 50%;
    background-size: 15px;
    float: none;
    margin: auto;
    width: 150px;
}
.btn-agregar {
    text-indent: 1px;
    /* width: 105px; */
    background-image: none;
    background: #262d61;
    /* margin-right: 9px; */
    border: none;
    color: white;
    border-radius: 6px !important;
    font-weight: 600;
    font-size: 11px !important;
    margin-bottom: 15px;
}
.btn-eliminar {
    text-indent: 1px;
    /* width: 105px; */
    background-image: none;
    background: #262d61;
    /* margin-right: 9px; */
    border: none;
    color: white;
    border-radius: 6px !important;
    font-weight: 600;
    font-size: 11px !important;
    margin-bottom: 0px;
}
.btn-agregar:hover {
    background: #67809f ;
}
.portlet>.portlet-body {
    background-color: white;
    min-height: 500px;
    padding: 25px 15px 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
    -moz-box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
    box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #ffffff;
}
.table.dataTable.no-footer tbody td:nth-of-type(odd) {
    border-bottom: 1px solid #f6f6f6 !important;
}
.table.dataTable.no-footer tbody td:nth-of-type(even) {
    border-bottom: 1px solid #f6f6f6 !important;
}
.page-sidebar .page-sidebar-menu>li.active>a>.selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.selected {
    border-right: 12px solid #f8fafb;
}
.panel {
    background-color: transparent;
}
.panel .panel-body {
    background-color: white;
    min-height: 500px;
    padding: 15px 15px 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
    -moz-box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
    box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
    margin-top: 50px;
}
.form-control {
    background-color: #f8f8f8;
    border-bottom: 1.5px solid #d4d4d4 !important;
}
.btn-cancelar {
    background-color: #02b3bc;
    color: #fff;
    font-weight: bold;
    font-size: 13px !important;
    border-radius: 4px !important;
    width:200px;
    float: right;
    margin-right: 15px;
}
.btn-cancelar:hover {
    background-color: #098d94;
    color: #fff;
}
.datepicker.dropdown-menu {
    padding: 5px;
    box-shadow: 5px 5px rgba(102,102,102,.1);
    border: 1px solid #efefef;
    background-color: #c10e2f;
}
.caTopInfo li .lblstatus {
    color: #6c6966;
    font-weight: bold;
    width: 100px;
    opacity: 1/*.8*/;
    font-size: 15px;
    position: absolute;
    right: -2px;
    text-align: right;
}
.caTopInfo li .status {
    color: #434343;
    font-weight: normal;
    width: 100px;
    opacity: 1/*.8*/;
    font-size: 15px;
    position: absolute;
    right: -2px;
    text-align: right;
    border-top: 1.5px solid #f5f5f5;
    padding-right: 5px;
    padding-top: 1px;
}








.caPotitle {
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden;
    margin-bottom: 20px;
}

.caSteps {
    padding: 0;
    width: 100%;
    clear: both;
    margin: 5px 0;
    float: left;
    margin-bottom: 18px;
    box-sizing: border-box;
    padding: .5rem 0;
    max-width: 1280px !important;
}
.caSteps li {
    float: left;
    list-style: none;
}
.caSteps li > div{
    border-radius: 200px;
}
.caSteps > li {
    margin-left: -40px;
    position: relative;
}
.caSteps > li .caSolicitud,
.caSteps > li.caZ10 .caFinanzas{
    padding: 5px 25px 5px 25px;
}
.caSteps > li:nth-child(1) {
    z-index: 20;
}
.caSteps > li:nth-child(2) {
    z-index: 10;
}
.caSteps > li:nth-child(3) {
    z-index: 9;
}
.caSteps > li:nth-child(3) .caOperaciones{
    position: relative;
    z-index: 9;
}
.caSteps > li:nth-child(4) {
    z-index: 8;
}
.caSteps > li:nth-child(5) {
    z-index: 7;
}
.caSteps > li:nth-child(6) {
    z-index: 6;
}
.caZ10{
    z-index: 10 !important;
}



.caSteps > li:first-child{
    margin-left: 0;
}
.caSteps > li > div {
    padding: 5px 18px 5px 45px;
    box-shadow: 10px 0 10px rgba(0,0,0,0.2);
    position: relative;
    height: 40px;
    background-color: #fff;
}
.caSteps li div span,
.caSteps li div small{
    color: #fff;
}
.caSteps li div span{
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding-left: 10px;
}
.caSteps li div span::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 2px;
    background-color: #fff;
    margin: auto;
}
.caSteps li > div div {
    position: relative;
    padding-left: 20px;
    margin-top: 12px;
    margin-bottom: -5px;
}
.caSteps li.caActive > div div,
.caSteps li.caDone > div div {
    margin-top: 0px;
}
.caSteps li > div div::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    background-size: contain;
    background-position: 50% 50%;
    width: 16px;
    height: 16px;
    top: -10px;
}
.caSteps li.caActive > div div::after,
.caSteps li.caDone > div div::after,
.caSteps ol li.caDone > div div::after
{
    top: 0;
}
.caSteps li h6 {
    color: #000;
    opacity: .3;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: .5px;
    margin: 0;
    font-size: 11px;
    line-height: 0;
    margin-bottom: 0;
    margin-top: 17px;
}
.caSteps li small {
    font-size: 8px;
    letter-spacing: .5px;
    font-weight: 600;
    opacity: .8;
    margin-top: -3px;
    display: inline-block;
}
.caSteps li div span {
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding-left: 5px;
    font-size: 8px;
    letter-spacing: .5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70px;
    display: inline-block;
}

.caSteps > li.caActive > div{
    background-color: #4f609e;
}
.caSteps > li.caDone > div{
    background-color: #6b7eb2;
}

.caSteps > li.caActive h6,
.caSteps > li.caDone h6 {
    color: #fff;
    opacity: 1;
    letter-spacing: .4px;
    margin-top: 5px !important;
}
.caInPro .caOperaciones div{
    margin-top: 12px !important;
}


.caSolicitud div::after{
    background-image: url(../img/gicon-solicitud.svg);
}
.caPreventa div::after{
    background-image: url(../img/gicon-preventa.svg);
}
.caOperaciones div::after{
    background-image: url(../img/gicon-operaciones.svg);
}
.caFinanzas div::after{
    background-image: url(../img/gicon-finanzas.svg);
}
.caComercial div::after{
    background-image: url(../img/gicon-comercial.svg);
}
.caRentable div::after{
    background-image: url(../img/gicon-rentable.svg);
}

.caInst div::after{
    background-image: url(../img/gicon-instruccion.svg);
}
.caCd div::after{
    background-image: url(../img/gicon-cd.svg);
}
.caTest div::after{
    background-image: url(../img/gicon-testing.svg);
}
.caSupp div::after{
    background-image: url(../img/gicon-soporte.svg);
}
.caInfor div::after{
    background-image: url(../img/gicon-informatica.svg);
}




.caSteps li.caActive .caSolicitud div::after,
.caSteps li.caDone .caSolicitud div::after{
    background-image: url(../img/icon-solicitud.svg);
}
.caSteps li.caActive .caPreventa div::after,
.caSteps li.caDone .caPreventa div::after{
    background-image: url(../img/icon-preventa.svg);
}
.caSteps li.caActive .caOperaciones div::after,
.caSteps li.caDone .caOperaciones div::after{
    background-image: url(../img/icon-operaciones.svg);
}
.caSteps li.caActive .caFinanzas div::after,
.caSteps li.caDone .caFinanzas div::after{
    background-image: url(../img/icon-finanzas.svg);
}
.caSteps li.caActive .caComercial div::after,
.caSteps li.caDone .caComercial div::after{
    background-image: url(../img/icon-comercial.svg);
}
.caSteps li.caActive .caRentable div::after,
.caSteps li.caDone .caRentable div::after{
    background-image: url(../img/icon-rentable.svg);
}

.caSteps ol > li.caDone .caInst div::after{
    background-image: url(../img/icon-instruccion.svg);
}
.caSteps ol > li.caDone .caCd div::after{
    background-image: url(../img/icon-cd.svg);
}
.caSteps ol > li.caDone .caTest div::after{
    background-image: url(../img/icon-testing.svg);
}
.caSteps ol > li.caDone .caSupp div::after{
    background-image: url(../img/icon-soporte.svg);
}
.caSteps ol > li.caDone .caInfor div::after{
    background-image: url(../img/icon-informatica.svg);
}





.caOperaciones,
.caRentable{
    float: left;
}
.caInPro .caRentable{
    z-index: 1;
}

.caSteps ol{
    padding: 0;
    float: left;
    background-color: #caefe9;
    margin-top: 1px;
    position: relative;
    z-index: 0;
    -webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.caSteps ol div{
    border-radius: 0
}
.caSteps ol > li > div{
    position: relative;
}
.caSteps ol > li > div::after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    background-color: #000;
    display: block;
    width: 2px;
    opacity: .15;
}

.caSteps ol > li > div {
    background-color: #caefe9;
    padding: 3px 10px 3px 10px;
    height: 38px;
}
.caSteps ol > li > div h6 {
    color: #000 !important;
    opacity: .3 !important;
}
.caSteps ol > li.caDone > div h6 {
    color: #fff !important;
    opacity: 1 !important;
}
.caSteps ol > li.caDone > div {
    background-color: #4f84d3;
}
.caSteps ol li .caInst{
    padding-left: 50px;
}
.caSteps ol li:first-child{
    margin-left: -40px;
    position: relative;
    z-index: 8;
}
.caSteps ol li .caSupp{
    padding-right: 45px;
}

.caSteps > li.caActive .caRentable{
    float: left;
    position: relative;
    z-index: 5;
}
.caInPro .caRentable div {
    margin-top: 12px !important;
}
.caRads{
    -webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
overflow: hidden;

}
.caRads > div{
    padding-right: 25px !important;
    overflow: hidden;
    -webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
overflow: hidden;
}
.caRads > div::after{
    display: none !important;
}


.caPortletTitle {
    color: #383838;
    font-weight: 500;
    margin: 0;
    float: left;
    font-size: 22px;
}
.caDates{
    float: right;
}
.caDates div{
    display: inline-block;
    margin-left: 10px;
}
.caDates > div:last-of-type{
    border-left: 1px solid #c7c7c7;
    padding-left: 10px;
}
.caDates h6{
    color: #4f609e;
    font-weight: 600;
    position: relative;
    text-align: right;
    font-size: 12px;
    margin: 0;
    padding-right: 25px;
}
.caDates h6::after{
      content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/icon-creacion.svg);
}
.caDates > div:last-of-type h6::after{
    background-image: url(../img/icon-modif.svg);
}
.caDates span {
    color: #404040;
    font-weight: 600;
    text-align: right;
    font-size: 11px;
    letter-spacing: .5px;
}

.caStatus{
    float: right;
}
.caStatus div{
    display: inline-block;
    margin-left: 10px;
}
.caStatus > div:first-of-type{
    border-right: 1px solid #c7c7c7;
    padding-right: 10px;
}
.caStatus > div:last-of-type{
    border-left: 1px solid #c7c7c7;
    padding-left: 10px;
}
.caStatus h6{
    color: #4f609e;
    font-weight: 600;
    position: relative;
    text-align: right;
    font-size: 12px;
    margin: 0;
    padding-right: 25px;
}
.caStatus h6::after{
      content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.caStatus span {
    color: #404040;
    font-weight: 600;
    text-align: right;
    font-size: 11px;
    letter-spacing: .5px;
}

.caStatus {
    padding: 5px;
}


.caFixedButton {
    position: absolute;
    right: 42px;
    top: 20px;
    z-index: 1000;
}
.caFixedBottom {
    position: fixed;
    right: 42px;
    bottom: 50px;
    z-index: 1000;
    width: 40px;
    top: initial;
}
.caFixedButton a, .caFixedButton .caInInput, .caFixedButton button,
.caBip{
    display: inline-block;
    text-indent: -9999999px;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 9px rgba(0,0,0,0.3);
    border-radius: 100px !important;
    margin-bottom: 0;
    position: relative;
    transition: .3s ease all;
    border: none;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    overflow: hidden;
}
.page-quick-sidebar-toggler {
    right: 40px !important;
}
.page-userx .npm{
    padding-right: 85px !important;
}
.caInInput {
    position: relative;
}
.caFixedButton a::after,
.caFixedButton button::after,
.caBip::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    transition: .3s ease all;
}

.caDelete,
.icaDelete{
    background-color: #494949;
}
.caDelete:hover,
.icaDelete:hover{
    background-color: #323232
}

.caClone,
.icaClone{
    background-color: #4d8787;
}

.caClone:hover,
.icaClone:hover{
    background-color: #326262;
}
.caRedesign,
.icaRedesign{
    background-color: #009cab;
}
.caRedesign:hover,
.icaRedesign:hover{
    background-color: #007b87;
}
.caRelese,
.icaRelese{
    background-color: #4f609e;
}
.caRelese:hover,
.icaRelese:hover{
    background-color: #364372;
}

.caFixedButton .caInInput input{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 30px;
    display: block;
    text-indent: -999999px;
    border: none;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
        padding: 0;
    margin: 0;
    z-index: 10;
}


.caDelete::after,
.icaDelete input{
    background-image: url(../img/iDelete.svg);
}
.caClone::after,
.icaClone input{
    background-image: url(../img/iClone.svg);
}
.caRedesign::after,
.icaRedesign input{
    background-image: url(../img/iRedesign.svg);
}
.caRelese::after,
.icaRelese input{
    background-image: url(../img/iRelese.svg);
}

.caAdd::after,
.icaAdd input{
    background-image: url(../img/plusIcon.svg);
}
.caCargo::after,
.icaCargo input{
    background-image: url(../img/gicon-finanzas.svg);
}
.caEmail::after,
.icaEmail input{
    background-image: url(../img/email.svg);
}

.caLista::after,
.icaLista input{
    background-image: url(../img/icon-creacion.svg);
}
.caHoja::after,
.icaHoja input{
    background-image: url(../img/gicon-cd.svg);
}
.caRegistro::after,
.icaRegistro input{
    background-image: url(../img/gicon-instruccion.svg);
}
.caAll::after{
    background-image: url(../img/list.svg);
}

.caCPF::after{
    background-image: url(../img/z_auth_esp.png);
}
.caSPro::after{
    background-image: url(../img/z_provisiones.png);
}
.caCLI::after{
    background-image: url(../img/z_ver_cliente.png);
}
.caSOF::after{
    background-image: url(../img/costos.svg);
}
.caCMO::after{
    background-image: url(../img/z_captura_motivo.png);
}
.caBip {
    width: 35px;
    height: 35px;
    border-radius: 10px !important;
    float: right;
    margin: 5px;
    margin-top: 0;
    margin-bottom: 15px;
}

.caExport.caBip::after {
 width: 25px !important;
 height: 25px !important;
}
.caExportTemplate.caBip::after {
 width: 25px !important;
 height: 25px !important;
}


.caBip::after {
    width: 17px;
    height: 17px;
}
.caBip2::after {
    width: 27px;
    height: 27px;
}
.caAk{
    background-color: #c10e2f !important;
}
.caAk:hover {
    background-color: #fc4949 !important;
}
.caAll {
    background-color: #4d8787;
}
.caAll:hover{
    background-color: #326262;
}
.caCPF {
    background-color: #9ba3bf;
}
.caCPF:hover{
    background-color: #7f869e !important;;
}

.caSPro {
    background-color: #9ba3bf;
}
.caSPro:hover{
    background-color: #7f869e !important;;
}

.caCLI {
    background-color: #9ba3bf;
}
.caCLI:hover{
    background-color: #7f869e !important;;
}
.caSOF {
    background-color: #9ba3bf;
}
.caSOF:hover{
    background-color: #7f869e !important;;
}
.caCMO {
    background-color: #9ba3bf;
}
.caCMO:hover{
    background-color: #7f869e !important;;
}

.caComments {
    position: fixed;
    width: 350px;
    height: 100vh;
    top: 0;
    right: -313px;
    z-index: 999999;
    transition:.3s ease all;
}
.caOpen{
    right: 0;
}
.caToggle {
    position: relative;
    background-color: #4f609e;
    width: 40px;
    height: 40px;
    float: left;
    -webkit-border-top-left-radius: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    -moz-border-radius-topleft: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    margin-top: 137px;
}
.caToggle::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/imessage.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
  width: 25px;
  height: 25px;
}
.caCloseToggle::after{
    background-image: url(../img/iDelete.svg);
}
.caPanelContainer{
    background-color: #fff;
    float: left;
    width: 310px;
    height: 100vh;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.caPanelContainer h6 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #4a605f;
    display: block;
    clear: both;
}
.caPanelContainer small {
    background-color: #f0f0f0;
    float: right;
    display: inline-block;
    font-weight: 600;
    font-size: 9px;
    border-radius: 100px;
    padding: 1px 10px;
    color: #5d5d5d;
}
.caItems p{
    color: #5b687f;
    line-height: 1.3;
    font-size: 13px;
}
.caItems b{
    font-weight: 600;
    font-size: 11px;
    float: right;
}
.caWrapper{
    width: 85%;
    margin: auto;
}
.caItems {
    overflow: hidden;
    margin-bottom: 20px;
}




/* Style the tab */
.tab {
    overflow: hidden;
    background-color: #ededed;
    margin-bottom: 35px;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    width: 50%;
    color: #4a605f;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #009cab;
  color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #009cab;
    color: #fff;
}

.caAddComments label{
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #4a605f;
    display: block;
    clear: both;
}
.caAddComments textarea{
    display: block;
    width: 100%;
    min-height: 200px;
    border: none;
    background-color: #f4f4f4;
    margin: 10px 0;
}
.caSplitButtons{
    text-align: center;
}
.caSplitButtons button{
    width: calc(50% - 10px) !important;
    display: inline-block !important;
}
.ca-form .control-label {
    margin-top: 1px;
    font-weight: 600 !important;
}
.portlet > .portlet-body {
    border: 1px solid #e0e0e0;
}
.caComments .caSplitButtons {
    text-align: center;
    width: 100%;
}
.caComments .caSplitButtons button{
    width: calc(50% - 10px);
    margin: 1px;
}
.portlet>.portlet-body {
    min-height: initial;
}
.portlet>.portlet-body::after {
  content: "";
  display: table;
  clear: both;
}

.caMtop-20 {
    margin-top: 20px;
}
.caIts {
    height: calc(100vh - 160px);
    overflow: hidden;
    overflow-y: scroll;
    width: 100%;
    padding-right: 40px;
}
#CaComments {
    display: block;
    width: 100%;
    overflow: hidden;
}
.caSteps > li.caInPro h6{
        margin-top: 17px !important;
}
.caInPro div::after {
    top: -9px !important;
}
.caSteps ol li.caActive > div div,
.caSteps ol li.caDone > div div {
    margin-top: -10px !important;
}
.caInPro ol li > div::after {
    top: 0 !important;
}






.switch {
    position: relative;
    display: inline-block;
    width: 49px;
    height: 24px;
    text-indent: -999999px;
    margin-bottom: 0;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .checkbox, .form-horizontal .checkbox {
    min-height: initial;
    height: 24px;
}
.slds {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px;
        border: 1px solid #e0e0e0;
}

.slds:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: 1px;
    background-color: #e8e8e8;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px;
}

input:checked + .slds::before {
  background-color: #009cab;
}

input:focus + .slds::before {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slds:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sldss */
.slds.round {
  border-radius: 34px;
}

.slds.round:before {
  border-radius: 50%;
}
.caComboCheck {
    position: relative;
    padding-left: 100px;
    float: right;
    margin-bottom: 5px;
}
.caComboCheckLeft {
    position: relative;
    /* padding-left: 100px; */
    float: left;
    margin-bottom: 5px;
}
.checkLeftNormal {
    padding-left: 15px;
}
.caComboCheck > span{
    color: #4b6365;
    font-weight: 600;
    font-size: 12px;
    left:0;
    display: inline-block;
    position: absolute;
    top: 48%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);

}

.caComboCheckLeft > span{
    color: #4b6365;
    font-weight: 600;
    font-size: 12px;
    padding-left: 10px;
    display: inline-block;
    position: absolute;
    width: max-content;
    top: 48%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);

}
.caModal .modal-header{
    padding-bottom: 0 !important;
}
.caModal .modal-body{
    padding-top: 0 !important;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.caTimeLine{
    float: left;
}
.caTimeLine a{
    color: #262d61;
}
.caTimeLine small{
    display: block;
    margin: 0;
    line-height: 1;
    opacity: .7;
}
.caTimeLine li{
        border-bottom: 1px solid #eee;
}
.caTimeLine .dropdown-menu>li>a {
    padding: 2px 10px;

}
.caTimeLine .dropdown-menu>li>a {
    padding-left: 30px;
    position: relative;
    cursor: default;
}
.caTimeLine .dropdown-menu>li.disabled>a {
    opacity: .5;
}
.caTimeLine .dropdown-menu li.caActive > a{
    background-color: #262d61;
    color: #fff;
}
.caTimeLine .dropdown-menu>li>a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    background-size: 20px !important;
    background-position: 50% 50% !important;
}
.caTimeLine .dropdown-submenu .dropdown-menu>li>a {
    padding: 2px 10px !important;
}
.caTimeLine .dropdown-submenu .dropdown-menu>li>a::before {
    display: none;
}
.caTimeLine .dropdown-menu{
    border: none;
    box-shadow: 2px 2px 11px rgba(0,0,0,0.3);
}

.caTimeLine .dropdown-menu > li:nth-child(1)>a::before{
    background-image: url(../img/gicon-solicitud.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.caTimeLine .dropdown-menu > li:nth-child(2)>a::before{
    background-image: url(../img/gicon-preventa.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.caTimeLine .dropdown-menu > li:nth-child(3)>a::before{
    background-image: url(../img/gicon-operaciones.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.caTimeLine .dropdown-menu > li:nth-child(4)>a::before{
    background-image: url(../img/gicon-finanzas.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.caTimeLine .dropdown-menu > li:nth-child(5)>a::before{
    background-image: url(../img/gicon-comercial.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.caTimeLine .dropdown-menu > li:nth-child(6)>a::before{
    background-image: url(../img/gicon-rentable.svg);
    background-repeat: no-repeat;
    background-size: contain;
}




.caTimeLine .dropdown-menu > li:nth-child(1).caActive>a::before{
    background-image: url(../img/icon-solicitud.svg);

}
.caTimeLine .dropdown-menu > li:nth-child(2).caActive>a::before{
    background-image: url(../img/icon-preventa.svg);

}
.caTimeLine .dropdown-menu > li:nth-child(3).caActive>a::before{
    background-image: url(../img/icon-operaciones.svg);

}
.caTimeLine .dropdown-menu > li:nth-child(4).caActive>a::before{
    background-image: url(../img/icon-finanzas.svg);

}
.caTimeLine .dropdown-menu > li:nth-child(5).caActive>a::before{
    background-image: url(../img/icon-comercial.svg);

}
.caTimeLine .dropdown-menu > li:nth-child(6).caActive>a::before{
    background-image: url(../img/icon-rentable.svg);

}
.brPill {
    box-sizing: border-box;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    box-shadow: none;
    color: #fff;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    background-color: #262d61;
    border-radius: 100px !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px !important;
    padding: 4px 15px;
    font-family: 'DINPro-Regular', sans-serif;
    transition: .3s ease all;
}
.brPill:hover,
.open .brPill{
    opacity: .7;
}




.caPorlet {
    overflow: hidden;
    min-height: initial;
    border: 1px solid #e0e0e0;
    background-color: white;
    padding: 20px 15px 20px;
    border-radius: 8px;
    clear: both;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
    -moz-box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
    box-shadow: 0px 0px 10px 3px rgba(230,223,230,0.5);
    margin-bottom: 20px;
}

.caPoSubtitle {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 50px;
}
.select2-container .select2-selection--single,
.select2-container{
    height: 34px;
}

#notificacionesdetalle-correo + span{
    height: unset !important;
}
.caRefresh{
    background-color: #9ba3bf;
}
.caAdd{
    background-color: #2bb9b9;
}
.caRefresh:hover{
    background-color: #7f869e !important;
}
.caRefresh::after{
    background-image: url(../img/loop.svg);
}
.caNag::after{
    background-image: url(../img/cal.svg);
}
.caBtnRefresh {
    float: right;
    background-color: #9ba3bf;
    text-indent: -99999px;
    width: 30px;
    position: relative;
}
.caBtnRefresh:hover{
    background-color: #7f869e !important;
}
.caBtnRefresh::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/loop.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    margin: auto;
    width: 25px;
    height: 25px;
    background-position: 50% 50%;
}
.caBtnCosto {
    float: right;
    background-color: #9ba3bf;
    text-indent: -99999px;
    width: 30px;
    position: relative;
}
.caBtnCosto:hover{
    background-color: #7f869e !important;
}
.caBtnCosto::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/costos.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    margin: auto;
    width: 25px;
    height: 25px;
    background-position: 50% 50%;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.caSp {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    /* z-index: 65537; */
    z-index: 77777;
    width: 100%;
    height: 100%;
    background-color: rgba(56, 179, 188, .7);
    margin: auto;
    bottom: 0;
}
.caSp .con{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 100px;
}
.sorting-link a, th {
    font-size: 11px !important;
    letter-spacing: .5px;
}
.caTimeLine {
    float: left;
    width: 100%;
}
.caTimeLine .brPill {
    font-size: 10px !important;
    display: block !important;
    width: 100%;
    box-sizing: border-box;
}
.caRed {
    background-color: #32aa44;
    border-radius: 10px;
    padding: 5px;
    margin-left: 10px;
    margin-right: 0;
}
.caRed h6 {
    color: #fff;
    letter-spacing: 1px;
    font-family: 'DINPro-Regular', sans-serif;
    padding-left: 15px;
    padding-right: 0;
    font-size: 11px;
    opacity: .7;
}
.caRed span {
    color: #fff;
    font-weight: bold;
    margin-top: -1px;
    display: block;
    font-size: 12px;
}
.caRed > div:last-of-type {
    border-left: none !important;
    padding-left: 0;
    margin-right: 5px;
    margin-left: 5px;
}
.caRed > div:last-of-type h6::after {
    background-image: url(../img/loop.svg);
    right: initial;
    left: 13px;
    width: 15px;
    height: 15px;
}
.caRedOut > div:last-of-type h6::after {
    background-image: none;
    right: initial;
    left: 13px;
    width: 15px;
    height: 15px;
}
.caDates {
    padding: 5px;
}

.caStatTab{
    background-color: #32aa44;
}
.caStatTab:hover{
    background-color: #288c37;
}

.caClearLeft{
    clear: left;
}

.caBlank > div{
    background-color: #fff !important;
}

.caBlank h6{
    color: #000 !important;
    opacity: .3 !important;
    font-family: 'Bebas Neue', cursive !important;
    letter-spacing: .5px !important;
    margin: 0 !important;
    font-size: 12px !important;
}

.caBlank .caRentable div::after {
     background-image: url(../img/gicon-rentable.svg) !important;
}

.caBlank .caOperaciones div::after {
    background-image: url(../img/gicon-operaciones.svg) !important;
}
.startToEnd{
    font-weight: 400;
    color: #6f6e6e;
    padding-top: 10px;
}

.classhidden{
	display: none;
	/* background-color: lightcoral; */
}

.infoParticipantes{
    margin-top: 1px;
    font-weight: 600 !important;
    padding: 10px;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: #eef1f5;
    color: #4a6265 !important;
}
.nav-tabs li a{
    transition: .3s ease all; /*le hacia falta un ., ;*/
    -webkit-border-top-left-radius: 8px !important;
    -webkit-border-top-right-radius: 8px !important;
    -moz-border-radius-topleft: 8px !important;
    -moz-border-radius-topright: 8px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #4f5f9e;
    border: 1px solid #4f5f9e;
    border-bottom-color: #4f5f9e;
    cursor: default;

}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #ffffff !important;
}

#btncaOpen::after{
    background-image: url(../img/folder.svg);
}
#btncaLocked::after{
    background-image: url(../img/lock.svg);
}
#btncaFully::after{
    background-image: url(../img/battery.svg);
}
#btncaClose::after{
    background-image: url(../img/cro.svg);
}
#btncaBaja::after{
    background-image: url(../img/cro.svg);
}
.caExport::after{
    background-image: url(../img/export-excel.svg) !important;
}
.caExportTemplate::after{
    background-image: url(../img/export-course.svg) !important;
}
.caExport2::after{
    background-image: url(../img/export-excel.svg) !important;
}
.caImport::after{
    background-image: url(../img/export.svg) !important;
}
.caImportCursosHabilitados::after{
    background-image: url(../img/export.svg) !important;
}
/*
#ProgramaGrupoUsermgmt #searchSubmitId,
#CartasSeccionesDetalleUsermgmt #searchSubmitId,
#UsersUsermgmt #searchSubmitId,
#NotificacionesDetalleUsermgmt #searchSubmitId,
#DiasNoHabilesUsermgmt #searchSubmitId,
#ParticipantesCambiosUsermgmt #searchSubmitId,
#CursosProgramadosUsermgmt #searchSubmitId,
#CursosProgramadosUsermgmt #searchSubmitId,
#ParticipantesCambiosUsermgmt #searchSubmitId,
#LineasNegocioUsermgmt #searchSubmitId,
#FamiliasUsermgmt #searchSubmitId,
#OtrosCostosUsermgmt #searchSubmitId,
#EquiposUsermgmt #searchSubmitId,
#PrioridadesUsermgmt #searchSubmitId,
#EntregasUsermgmt #searchSubmitId,
#TecnologiasUsermgmt #searchSubmitId,
#MaterialesUsermgmt #searchSubmitId,
#FacturadoPorUsermgmt #searchSubmitId,
#PromocionesUsermgmt #searchSubmitId,
#PaqueteCondicionesUsermgmt #searchSubmitId,
#TipoDireccionClientesUsermgmt #searchSubmitId,
#ProveedoresUsermgmt #searchSubmitId,
#TipoParticipanteUsermgmt #searchSubmitId,
#TiposCambioUsermgmt #searchSubmitId,
#TiposPagoUsermgmt #searchSubmitId,
#ParticipantesUsermgmt #searchSubmitId,
#ParticipantesUsermgmt #searchSubmitId,
#ClientesUsermgmt #searchSubmitId,
#TiposCambioUsermgmt #searchSubmitId,
#usermgmt-searchformid #searchSubmitId,
#updateCursosProgramadosIndex #searchSubmitId,
#TiposIncidenciaUsermgmt #searchSubmitId,
#AreasResponsablesUsermgmt #searchSubmitId,
#PoliticasUsermgmt #searchSubmitId,
#CategoriaSolucionUsermgmt #searchSubmitId
#usermgmt-searchformid #searchSubmitId,
#updateCursosProgramadosIndex #searchSubmitId,
#TiposIncidenciaUsermgmt #searchSubmitId,
#AreasResponsablesUsermgmt #searchSubmitId,
#PoliticasUsermgmt #searchSubmitId,
#CategoriaSolucionUsermgmt #searchSubmitId,
#PlantillasImportacionUsermgmt #searchSubmitId,
#PaisesUsermgmt #searchSubmitId,
#SitiosUsermgmt #searchSubmitId,
#MonedasUsermgmt #searchSubmitId,
#BasesCostoUsermgmt #searchSubmitId,
#MotivosReprogramacionCursosUsermgmt #searchSubmitId,
#ComplejidadesUsermgmt #searchSubmitId,
#ExamenesUsermgmt #searchSubmitId,
#TipoInstructoresUsermgmt #searchSubmitId,
#CursosTipoElementosUsermgmt #searchSubmitId,
#ProcesoSubProcesosUsermgmt #searchSubmitId,
#TipoCursosUsermgmt #searchSubmitId,
#CartasSeccionesUsermgmt #searchSubmitId,
#CartasConfirmacionUsermgmt #searchSubmitId,
#PromotoresNetosUsermgmt #searchSubmitId,
#EvaluacionAgrupadoresUsermgmt #searchSubmitId,
#TipoTarifasInstruccionUsermgmt #searchSubmitId,
#TabuladorInstruccionUsermgmt #searchSubmitId,
#FacturacionUsoCfdiUsermgmt #searchSubmitId,
#FacturacionMetodoPagoUsermgmt #searchSubmitId,
#OtrosCargosPorFacturarUsermgmt #searchSubmitId,
#FacturacionMotivosCancelacionUsermgmt #searchSubmitId,
#TipoActividadVentasConsultivasUsermgmt #searchSubmitId,

#bla_bla_bla #searchSubmitId ME aburri de agregar esta cosa y ya se pone en automatico con la clase
*/
.searchSubmit #searchSubmitId

{
    display: block;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../img/searchp.svg) !important;
    background-position: 50% 50%;
    width: 35px;
}

#updateCursosProgramadosBitacoraIndex #searchSubmitId {
    display: block;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../img/searchp.svg) !important;
    background-position: 50% 50%;
    width: 35px;
}
#updateParticipantesBitacoraIndex #searchSubmitId {
    display: block;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../img/searchp.svg) !important;
    background-position: 50% 50%;
    width: 35px;
}
#updateCursosProgramadosIndex #searchSubmitId:hover{
    background-image: url(../img/searchp.svg) !important;
}
#updateCursosHabilitadosIndex #searchSubmitId { /*NE-415*/
    display: block;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../img/searchp.svg) !important;
    background-position: 50% 50%;
    width: 35px;
}
#updateInconformidadesIndex #searchSubmitId { /*NE-415*/
    display: block;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../img/searchp.svg) !important;
    background-position: 50% 50%;
    width: 35px;
}
#updateCursosHabilitadosIndex #searchSubmitId:hover{ /*NE-415*/
    background-image: url(../img/searchp.svg) !important;
}
.tab-pane .dataTables_wrapper,
#tablaCostos{
}
.caFls .caComboCheckLeft{
}
.caThd {
    clear: both;
}
.caDims {
    float: left;
    display: inline-block;
    width: 13%;
    margin-left: 1%;
}

@media screen and (max-width: 991px){
.caDims {
    width: 25%;
    margin-left: 0%;
}
}

@media screen and (max-width: 600px){
.caDims {
    width: 33.33%;
}
}

.caPotitleAs {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    overflow: hidden;
    margin-bottom: 20px;
}

.caPortletTitleAs {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 12px !important;
    border-radius: 0px !important;
    padding-top: 4px;
}

.checkboxAs{
    position: initial !important;
    padding: 0px !important;
    margin: 0px !important;
    width: 20px;
    height: 20px;
}

#AsistenciasTable tr td div.checkbox{
    margin: 0px !important;
}
#AsistenciasTable tr td {
    vertical-align: middle; /* center checkbox vertically */
}
#AsistenciasTable tr td div.form-group  {
    margin-bottom: 0px !important;
}
#AsistenciasTable.table.dataTable.no-footer thead tr:first-child th:first-child  {
    border-radius: 10px 0px 0px 0px !important;
}
#AsistenciasTable.table.dataTable.no-footer thead tr:first-child th:last-child  {
    border-radius: 0px 10px 0px 0px !important;
}
.borderAs{
    border-left: 1px solid  #383633  !important;
    /* border-right: 1px solid  #383633  !important; */
}

.span-check {
    color: #4b6365;
    font-weight: 600;
    font-size: 12px;
    padding-left: 10px;
    display: inline-block;
    position: absolute;
    width: max-content;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.checkLeftNormal .checkbox, .radio {
    margin-top: 0px !important;
}

#errores-participantes .error-message{
    display: contents;
}
#updateCursoProgramadoIncidenciasIndex #searchSubmitId {
    display: block;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../img/searchp.svg) !important;
    background-position: 50% 50%;
    width: 35px;
}
.caVerificar{
    background-color: #9ba3bf;
}
.caVerificar:hover{
    background-color: #7f869e !important;
}
.caVerificar::after{
    background-image: url(../img/gicon-rentable.svg);
    width: 22px;
    height: 22px;
}
#participantes-table .error-message{
    position: initial !important;
}

.con-obs{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
.con-obs:before {
    background-color: #1e80e2 !important;
    font-weight: 300;
}










#div_nac_material,
#div_nac_equipos,
#div_nac_examen{
    width: 100% !important;
}
#div_nac_material .span-check,
#div_nac_equipos .span-check,
#div_nac_examen .span-check{
    width: -ms-fit-content;
    width: -webkit-content;
    width: -moz--content;
    width: fit-content;
    width: 80%;
}
.caTableContainer{
    width: 100%;
    overflow-x: auto;
}


@media screen and (min-width: 992px){

    .page-sidebar-menu{
        position: fixed;

    }
    .page-sidebar-menu-closed{
        position: relative;
    }

}

.page-sidebar .page-sidebar-menu>li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li {
    position: relative;
    max-width: 235px;
}
.page-sidebar .page-sidebar-menu li>a>.arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow:before{
    font-size: 11px;
    top: 10px;
}

.customSwalBtn{
    background-color:#262d61;
    border-left-color:#262d61;
    border-right-color:#262d61;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 30px 5px 0px 5px;
    padding: 10px 32px;
}
.customSwalBtnNo{
    background-color:rgb(245, 245, 245);
    border-left-color:rgb(245, 245, 245);
    border-right-color:rgb(245, 245, 245);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 30px 5px 0px 5px;
    padding: 10px 32px;
}
.customSwalBtnCancel{
    background-color:#098d94;
    border-left-color:#098d94;
    border-right-color:#098d94;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #FFF;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 30px 5px 0px 5px;
    padding: 10px 32px;
}
.swal2-container{
    z-index: 10052 !important;
}
.swal2-modal-top {
    background-color: #fff;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    margin-top: 20px !important;
    overflow-x: hidden;
    display: none;
    position: relative;
    max-width: 100%;
}

input[readonly],select[readonly],checkbox[readonly]
{
    pointer-events:none;
}

/* .page-sidebar .page-sidebar-menu .sub-menu{
    max-height: 20vh;
    overflow-y: scroll;
} */
#formPaticipantes .row .col-md-8 .caPorlet .row > div.ca-form .col-md-3{
    width: 50%;
}

#formPaticipantes .row .col-md-8 .caPorlet .row div:first-of-type .col-md-3 .control-label{
    display: none;
}
#formPaticipantes .row .col-md-8 .caPorlet .row div.ca-form > .col-md-6{
    width: 50%;
    clear: left;
}
#formPaticipantes .row .col-md-8 .caPorlet .row div.ca-form > .col-md-6 .form-group .col-md-6{
    width: 100%;
}
#formPaticipantes .row .col-md-4 .caPorlet div.ca-form .col-md-6{
    width: 100%;
}
#formPaticipantes .row .col-md-4 .caPorlet .ca-form > div:last-of-type .control-label{
    display: none;
}

#formPaticipantes .row .col-md-4 .caPorlet .ca-form > div:last-of-type {
    margin-top: 10px;
}
.caDisableInput{
 pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}


.caTitle label {
    color: #4b6365;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 12px !important;
    margin-bottom: 0;
}

.caTitle span {
    font-size: 15px;
    color: #423f3f;
    margin-bottom: 10px;
    display: block;
}
.caIntro {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #636363;
    max-width: 600px;
}
.caIntro b{
    display: block;
    margin-top: 5px;
    font-style: italic;
    opacity: .8;
}
.caQuestion label{
    color: #4b6365;
    font-size: 13px !important;
    font-weight: 600;
    margin-bottom: 5px;
}
.caAnswer .checkbox, 
.caAnswer .radio {
    min-height: unset;
    padding-top: 0;
}
.caType01,
.caType02{
    margin-bottom: 10px;
}
.caHeader {
    overflow: hidden;
    width: 100%;
}
.caNetecLogo{
    float: left;
}
.caNetecLogo img{
    display: block;
    width: 100%;
}
.caEv .caTitle,
.caEv .caQsts{
    margin: 0 4.5%;
}
.caEv div.submit{
    margin: 20px 0;
}
.caDib {
    border-top: 1px solid #f3f3f3;
    padding-top: 20px;
}

.caThnkss h4{
    color: #191f6d;
    font-size: 20px;
    margin-top: 40px;
}
.caThnkss span{
    color: #32a2b1;
    display: block;
    font-size: 12px;
    font-family: 'DINPro-Regular', sans-serif;
    font-weight: 600;
}

#EvaluacionEncuestasIncidencias .select2x {
    height: auto !important;
    border: none !important;
    border-bottom: 1.5px solid #d4d4d4 !important;
}
#EvaluacionEncuestasIncidencias textarea {
    height: 34px !important;
    width: 225px !important;
    border: none !important;
}

tr.selected,tr.selected:hover {
 /*background-color: #4f5f9e*//*es el estilo de los botones pero queda muy obscuro*/
 background-color: #c0cddf !important; 
 
}