:root {
    --color-primary: #F16A21;
    --color-secondary: #7C8A97;
  }

  .p-0 {
    padding: 0px;
  }
  
  .p-1 {
    padding: 0.25rem;
  }
  
  .p-2 {
    padding: 0.5rem;
  }
  
  .p-3 {
    padding: 0.75rem;
  }
  
  .p-4 {
    padding: 1rem;
  }
  
  .p-5 {
    padding: 1.25rem;
  }
  
  .p-6 {
    padding: 1.5rem;
  }
  
  .p-7 {
    padding: 1.75rem;
  }
  
  .p-8 {
    padding: 2rem;
  }
  
  .p-9 {
    padding: 2.25rem;
  }
  
  .p-10 {
    padding: 2.5rem;
  }
  
  .p-11 {
    padding: 2.75rem;
  }
  
  .p-12 {
    padding: 3rem;
  }
  
  .p-14 {
    padding: 3.5rem;
  }
  
  .p-16 {
    padding: 4rem;
  }
  
  .p-20 {
    padding: 5rem;
  }
  
  .p-24 {
    padding: 6rem;
  }
  
  .p-28 {
    padding: 7rem;
  }
  
  .p-32 {
    padding: 8rem;
  }
  
  .p-36 {
    padding: 9rem;
  }
  
  .p-40 {
    padding: 10rem;
  }
  
  .p-44 {
    padding: 11rem;
  }
  
  .p-48 {
    padding: 12rem;
  }
  
  .p-52 {
    padding: 13rem;
  }
  
  .p-56 {
    padding: 14rem;
  }
  
  .p-60 {
    padding: 15rem;
  }
  
  .p-64 {
    padding: 16rem;
  }
  
  .p-72 {
    padding: 18rem;
  }
  
  .p-80 {
    padding: 20rem;
  }
  
  .p-96 {
    padding: 24rem;
  }
  
  .p-px {
    padding: 1px;
  }
  
  .p-0\.5 {
    padding: 0.125rem;
  }
  
  .p-1\.5 {
    padding: 0.375rem;
  }
  
  .p-2\.5 {
    padding: 0.625rem;
  }
  
  .p-3\.5 {
    padding: 0.875rem;
  }
  
  .px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  
  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  
  .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  
  .px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  
  .px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  
  .px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  
  .px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  
  .px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  
  .px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  
  .px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  
  .px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  
  .px-36 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  
  .px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  
  .px-44 {
    padding-left: 11rem;
    padding-right: 11rem;
  }
  
  .px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  
  .px-52 {
    padding-left: 13rem;
    padding-right: 13rem;
  }
  
  .px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  
  .px-60 {
    padding-left: 15rem;
    padding-right: 15rem;
  }
  
  .px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  
  .px-72 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  
  .px-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  
  .px-96 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  
  .px-px {
    padding-left: 1px;
    padding-right: 1px;
  }
  
  .px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  
  .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  
  .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  
  .px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  
  .py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  
  .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  
  .py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  
  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  
  .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  
  .py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  
  .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  .py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  
  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  
  .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  
  .py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  
  .py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  
  .py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  
  .py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  
  .py-44 {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }
  
  .py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  
  .py-52 {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }
  
  .py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  
  .py-60 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
  
  .py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  
  .py-72 {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }
  
  .py-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
  
  .py-96 {
    padding-top: 24rem;
    padding-bottom: 24rem;
  }
  
  .py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  
  .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  
  .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  
  .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  
  .py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  
  .pt-0 {
    padding-top: 0px;
  }
  
  .pt-1 {
    padding-top: 0.25rem;
  }
  
  .pt-2 {
    padding-top: 0.5rem;
  }
  
  .pt-3 {
    padding-top: 0.75rem;
  }
  
  .pt-4 {
    padding-top: 1rem;
  }
  
  .pt-5 {
    padding-top: 1.25rem;
  }
  
  .pt-6 {
    padding-top: 1.5rem;
  }
  
  .pt-7 {
    padding-top: 1.75rem;
  }
  
  .pt-8 {
    padding-top: 2rem;
  }
  
  .pt-9 {
    padding-top: 2.25rem;
  }
  
  .pt-10 {
    padding-top: 2.5rem;
  }
  
  .pt-11 {
    padding-top: 2.75rem;
  }
  
  .pt-12 {
    padding-top: 3rem;
  }
  
  .pt-14 {
    padding-top: 3.5rem;
  }
  
  .pt-16 {
    padding-top: 4rem;
  }
  
  .pt-20 {
    padding-top: 5rem;
  }
  
  .pt-24 {
    padding-top: 6rem;
  }
  
  .pt-28 {
    padding-top: 7rem;
  }
  
  .pt-32 {
    padding-top: 8rem;
  }
  
  .pt-36 {
    padding-top: 9rem;
  }
  
  .pt-40 {
    padding-top: 10rem;
  }
  
  .pt-44 {
    padding-top: 11rem;
  }
  
  .pt-48 {
    padding-top: 12rem;
  }
  
  .pt-52 {
    padding-top: 13rem;
  }
  
  .pt-56 {
    padding-top: 14rem;
  }
  
  .pt-60 {
    padding-top: 15rem;
  }
  
  .pt-64 {
    padding-top: 16rem;
  }
  
  .pt-72 {
    padding-top: 18rem;
  }
  
  .pt-80 {
    padding-top: 20rem;
  }
  
  .pt-96 {
    padding-top: 24rem;
  }
  
  .pt-px {
    padding-top: 1px;
  }
  
  .pt-0\.5 {
    padding-top: 0.125rem;
  }
  
  .pt-1\.5 {
    padding-top: 0.375rem;
  }
  
  .pt-2\.5 {
    padding-top: 0.625rem;
  }
  
  .pt-3\.5 {
    padding-top: 0.875rem;
  }
  
  .pr-0 {
    padding-right: 0px;
  }
  
  .pr-1 {
    padding-right: 0.25rem;
  }
  
  .pr-2 {
    padding-right: 0.5rem;
  }
  
  .pr-3 {
    padding-right: 0.75rem;
  }
  
  .pr-4 {
    padding-right: 1rem;
  }
  
  .pr-5 {
    padding-right: 1.25rem;
  }
  
  .pr-6 {
    padding-right: 1.5rem;
  }
  
  .pr-7 {
    padding-right: 1.75rem;
  }
  
  .pr-8 {
    padding-right: 2rem;
  }
  
  .pr-9 {
    padding-right: 2.25rem;
  }
  
  .pr-10 {
    padding-right: 2.5rem;
  }
  
  .pr-11 {
    padding-right: 2.75rem;
  }
  
  .pr-12 {
    padding-right: 3rem;
  }
  
  .pr-14 {
    padding-right: 3.5rem;
  }
  
  .pr-16 {
    padding-right: 4rem;
  }
  
  .pr-20 {
    padding-right: 5rem;
  }
  
  .pr-24 {
    padding-right: 6rem;
  }
  
  .pr-28 {
    padding-right: 7rem;
  }
  
  .pr-32 {
    padding-right: 8rem;
  }
  
  .pr-36 {
    padding-right: 9rem;
  }
  
  .pr-40 {
    padding-right: 10rem;
  }
  
  .pr-44 {
    padding-right: 11rem;
  }
  
  .pr-48 {
    padding-right: 12rem;
  }
  
  .pr-52 {
    padding-right: 13rem;
  }
  
  .pr-56 {
    padding-right: 14rem;
  }
  
  .pr-60 {
    padding-right: 15rem;
  }
  
  .pr-64 {
    padding-right: 16rem;
  }
  
  .pr-72 {
    padding-right: 18rem;
  }
  
  .pr-80 {
    padding-right: 20rem;
  }
  
  .pr-96 {
    padding-right: 24rem;
  }
  
  .pr-px {
    padding-right: 1px;
  }
  
  .pr-0\.5 {
    padding-right: 0.125rem;
  }
  
  .pr-1\.5 {
    padding-right: 0.375rem;
  }
  
  .pr-2\.5 {
    padding-right: 0.625rem;
  }
  
  .pr-3\.5 {
    padding-right: 0.875rem;
  }
  
  .pb-0 {
    padding-bottom: 0px;
  }
  
  .pb-1 {
    padding-bottom: 0.25rem;
  }
  
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  
  .pb-3 {
    padding-bottom: 0.75rem;
  }
  
  .pb-4 {
    padding-bottom: 1rem;
  }
  
  .pb-5 {
    padding-bottom: 1.25rem;
  }
  
  .pb-6 {
    padding-bottom: 1.5rem;
  }
  
  .pb-7 {
    padding-bottom: 1.75rem;
  }
  
  .pb-8 {
    padding-bottom: 2rem;
  }
  
  .pb-9 {
    padding-bottom: 2.25rem;
  }
  
  .pb-10 {
    padding-bottom: 2.5rem;
  }
  
  .pb-11 {
    padding-bottom: 2.75rem;
  }
  
  .pb-12 {
    padding-bottom: 3rem;
  }
  
  .pb-14 {
    padding-bottom: 3.5rem;
  }
  
  .pb-16 {
    padding-bottom: 4rem;
  }
  
  .pb-20 {
    padding-bottom: 5rem;
  }
  
  .pb-24 {
    padding-bottom: 6rem;
  }
  
  .pb-28 {
    padding-bottom: 7rem;
  }
  
  .pb-32 {
    padding-bottom: 8rem;
  }
  
  .pb-36 {
    padding-bottom: 9rem;
  }
  
  .pb-40 {
    padding-bottom: 10rem;
  }
  
  .pb-44 {
    padding-bottom: 11rem;
  }
  
  .pb-48 {
    padding-bottom: 12rem;
  }
  
  .pb-52 {
    padding-bottom: 13rem;
  }
  
  .pb-56 {
    padding-bottom: 14rem;
  }
  
  .pb-60 {
    padding-bottom: 15rem;
  }
  
  .pb-64 {
    padding-bottom: 16rem;
  }
  
  .pb-72 {
    padding-bottom: 18rem;
  }
  
  .pb-80 {
    padding-bottom: 20rem;
  }
  
  .pb-96 {
    padding-bottom: 24rem;
  }
  
  .pb-px {
    padding-bottom: 1px;
  }
  
  .pb-0\.5 {
    padding-bottom: 0.125rem;
  }
  
  .pb-1\.5 {
    padding-bottom: 0.375rem;
  }
  
  .pb-2\.5 {
    padding-bottom: 0.625rem;
  }
  
  .pb-3\.5 {
    padding-bottom: 0.875rem;
  }
  
  .pl-0 {
    padding-left: 0px;
  }
  
  .pl-1 {
    padding-left: 0.25rem;
  }
  
  .pl-2 {
    padding-left: 0.5rem;
  }
  
  .pl-3 {
    padding-left: 0.75rem;
  }
  
  .pl-4 {
    padding-left: 1rem;
  }
  
  .pl-5 {
    padding-left: 1.25rem;
  }
  
  .pl-6 {
    padding-left: 1.5rem;
  }
  
  .pl-7 {
    padding-left: 1.75rem;
  }
  
  .pl-8 {
    padding-left: 2rem;
  }
  
  .pl-9 {
    padding-left: 2.25rem;
  }
  
  .pl-10 {
    padding-left: 2.5rem;
  }
  
  .pl-11 {
    padding-left: 2.75rem;
  }
  
  .pl-12 {
    padding-left: 3rem;
  }
  
  .pl-14 {
    padding-left: 3.5rem;
  }
  
  .pl-16 {
    padding-left: 4rem;
  }
  
  .pl-20 {
    padding-left: 5rem;
  }
  
  .pl-24 {
    padding-left: 6rem;
  }
  
  .pl-28 {
    padding-left: 7rem;
  }
  
  .pl-32 {
    padding-left: 8rem;
  }
  
  .pl-36 {
    padding-left: 9rem;
  }
  
  .pl-40 {
    padding-left: 10rem;
  }
  
  .pl-44 {
    padding-left: 11rem;
  }
  
  .pl-48 {
    padding-left: 12rem;
  }
  
  .pl-52 {
    padding-left: 13rem;
  }
  
  .pl-56 {
    padding-left: 14rem;
  }
  
  .pl-60 {
    padding-left: 15rem;
  }
  
  .pl-64 {
    padding-left: 16rem;
  }
  
  .pl-72 {
    padding-left: 18rem;
  }
  
  .pl-80 {
    padding-left: 20rem;
  }
  
  .pl-96 {
    padding-left: 24rem;
  }
  
  .pl-px {
    padding-left: 1px;
  }
  
  .pl-0\.5 {
    padding-left: 0.125rem;
  }
  
  .pl-1\.5 {
    padding-left: 0.375rem;
  }
  
  .pl-2\.5 {
    padding-left: 0.625rem;
  }
  
  .pl-3\.5 {
    padding-left: 0.875rem;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-justify {
    text-align: justify;
  }
  
  .align-baseline {
    vertical-align: baseline;
  }
  
  .align-top {
    vertical-align: top;
  }
  
  .align-middle {
    vertical-align: middle;
  }
  
  .align-bottom {
    vertical-align: bottom;
  }
  
  .align-text-top {
    vertical-align: text-top;
  }
  
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  

.mt-3{
    margin-top: 1rem;
}

.mt-15{
    margin-top: 15px;
}
.mt-20{
    margin-top: 20px;
}

.mt-25{
    margin-top: 25px;
}

.mt-32{
    margin-top: 32px;
}

.mt-48{
    margin-top: 48px;
}


.ml-3{
    margin-left: 1rem;
}
.ml-4{
    margin-left: 1.5rem;
}
.ml-5{
    margin-left: 3rem;
}
.ml-6{
    margin-left: 6rem;
}

.m-0{
    margin: 0 !important;
}

.d-inline{
    display: inline;
}
.lh-42{
    line-height: 42px;
}
.w-auto{
    width: auto;
}

.navbar {
	border:0;
  background-color: #ffffff;
	color:#212529;
	padding-left: 10px;
  padding-right: 25px;
  border-bottom: solid 1px #dddddd;
}

.navbar-default .navbar-nav > li > a{
    color:#212529;
}

.navbar-default .navbar-nav > li > a.productive{
    background-color: #60C060 !important;
    border-color: #54A754 !important;
    color: white !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a.sandbox{
    color: white;
    background-color: var(--color-primary);    
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    color: white;
    background-color: var(--color-primary);    
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu li > a:hover{
    color: white;
    background-color: var(--color-primary);    
}

.cl-sidebar {
    background: #ffffff;    
}

#cl-wrapper .cl-sidebar .side-user .info{
    color:#212529;
}

.cl-vnavigation {
    margin: 0 0 0 0;
    padding: 0;
    border-top: 1px solid #dddddd;
    border-bottom: none;
}

.cl-vnavigation li a {        
    display: block;
    padding: 14px 18px 13px 15px;
    color: #212529;
    font-size: 12px;
    font-weight: 300;    
    white-space: nowrap;
    border-bottom: 1px solid #dddddd;
    border-top: none;
}

.cl-vnavigation li a:hover, .cl-vnavigation li a:active{
    background-color: var(--color-primary);    
    color: #ffffff;
}


.pb-20{
    padding-bottom: 20px;
}


.btn-lg{
    font-weight: 400;
}

table .fas , table .fa{
    cursor: pointer;
}

.table-pointer td{
    cursor: pointer;
}


/* Login */
.login-container .header .logo-img{
    max-width: 50px;
}


/* Barra de navegacion en seccion privada */
.dropdown-toggle img{
    height: 30px;
}

.navbar-nav>li>a{
    font-size: 14px;
}
.navbar-default .navbar-brand{
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 70px;
}

.navbar-brand>img{
    height: 50px;
}


/* Sidbar en seccion privada */

#cl-wrapper .cl-sidebar .side-user .info,
#cl-wrapper .cl-sidebar .side-user .info span,
#cl-wrapper .cl-sidebar .side-user .info p{
    font-size: 1.5rem;
}


.cl-vnavigation li a, .cl-vnavigation li a .btn{
    text-shadow: none;
    border-top: none;
}

/* vista de generales / summary */
.stat-data .stat-number h2{
    min-width: 42px;
}
figure.menu-scrollable{
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}


#data_table img {
    max-width: 100px;
    max-height: 100px;
}

/***************** LOADING *****************/
/* PANEL DEL CARGANDO / PROCESANDO */
#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    opacity: 0.7;
    background-color: #fff;
    z-index: 9999;
    text-align: center;
    display: none;
}

#loading-image {
    position: absolute;
    top: 35%;
    left: 45%;
    z-index: 100;
    color: rgb(37, 56, 138);
    font-size: 150px;
}


.login-container .block-flat .header{
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}

.login-container .block-flat .header h3{
    color: #333333;
}

.login-container .out-links a{
    color: #333333;
}

.btn-primary, .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
    background-color: var(--color-primary);    
    color: #ffffff;
    border-color: var(--color-primary);    
}
textarea{
    max-width: 100%;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border-top: 2px solid var(--color-primary);    
}
.nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after{
    background: var(--color-primary);    
}

.list-group-item>.badge{
    background-color: white;
    color: #333333;
    border: 1px solid #dddddd;
    cursor: pointer;
}
.login-container .middle-login{
    margin-top: -200px;
}

.dropdown-menu li{
    cursor: pointer;
}

.form-horizontal .form-group{
    margin-right: 0px;
    margin-left: 0px;
}