/* Write your custom CSS here */
/*
#154af6
#f9f1f0
#fcca04
#fc6a06
#f4ca1f*/

:root{
    --color2: #154af6;
    --color3: #fc6a06;
    --color4:   #fccb04;
    --color5:  #f4ca1f;
    --color6: #fcd74c;
    --color7:  #7c9cfc;
    --color8:  #fc970f;/*naranja chillon */
   --color9:#e48b13;/*naranja menos chillon */
    --color10:  #7b4b0a;/*texto en naranja */

   
}

.page-content {
  
    height: 100vh;
}
.page-sidebar {
    
    background: var(--color9);

}
.login-bg {
    background: var(--color9);
   background-image:url('https://res.cloudinary.com/leadpatt/image/upload/c_scale,o_76,q_18,w_2840/v1607200622/proyectopoa/pexels-genaro-servi%CC%81n-784707.webp');
       background-size:cover;
   
}
.login-box .login-header h3 {
    
    color: var(--color9);
}
.breadcrumb>.active {
    color: var(--color8)!important;
    font-weight: 500;
}
.login-content {
   
    background: #f7f9ff;
   
}
.btn-primary {
    border-color: var(--color8)!important;
    background-color: var(--color9)!important;
    color:white!important;
   
}
.btn-primary a{
color:var(--color10);

}


.btn-outline-primary.active, .btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .show>.dropdown-toggle.btn-primary.focus, .show>.dropdown-toggle.btn-primary:focus, .show>.dropdown-toggle.btn-primary:hover {
    border-color:  var(--color9)!important;
    background-color: var(--color8)!important;
}

.login-bg::after {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    opacity: .1;
}

.badge.badge-warning {
    background: #f7b332;
    color: #523810;
}
.page-inner{
    overflow-y: scroll;
    height: 90vh;
}

.button_close{
    position:absolute;
    top:5px;
    right:5px;
    background:grey;
    color:white;
    border-radius:50px;
    border:0px;
    height:30px;
    width:30px
}