/* LOGIN CSS */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: unset !important;
}
.login-body .form-control{
    background: rgba(231, 230, 230, 0.6);
    background-color: rgba(231, 230, 230, 0.6)!important;
    border:none;
}
.input-group-text{
    background: rgba(226, 236, 238, 0.6);
    border: unset;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #222A35;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #222A35;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #222A35;
}

small a{
    color: #1B293C;
}
.account-btn {
    font-size: 16px;
    background: #1B293C;
    max-width: 170px;
    margin: 0 auto;
}
/* TERMINA LOGIN CSS */

/* PANEL CSS */
.sidebar{
    background-color: #be621c;
    border-right: 5px solid #ffffff;
}
.sidebar-menu li.active a {
    background: rgba(254, 254, 254, 0.57) !important;
    color: #fff;
    border-radius: unset;
    border-left: 5px solid #F16A21;
}
.sidebar-menu li a {
    border-radius: unset;
}
.sidebar-menu > ul > li > a:hover {
    border-radius: unset;
    background: rgba(254, 254, 254, 0.57) !important;
}
.sidebar-menu > ul > li.active > a:hover {
	background-color: #507294;
	color: #fff;
}
.sidebar-menu > ul > li > a > span{
    text-transform: uppercase;
    font-size: 12px;
}
.main-wrapper{
    background-image: url("/static/img/background-content.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #070F2B;
}
.page-wrapper{
    background:transparent;

    padding-left: 1rem;
    padding-top: 95px;


}
.page-wrapper > .content {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
}
.header{
    background: transparent !important;
}
.add-button{
    background-color: #F16A21;
    border: 1px solid #F16A21;
    border-radius: 50%;
    box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
-webkit-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
-moz-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    width: 32px;
    height: 32px;
}
.add-button i{
    color: #ffffff;
    font-size: 1.2rem;
    opacity: 85%;

}
.page-title{
        width: 197px;
    background: #F16A21;
    color: #ffffff;
    margin-left: -2rem;
    /* padding-right: 0.5rem; */
    text-align: right;
    text-transform: uppercase;
    font-size: 1.1rem;
    padding: 0.5rem 0.5rem;
    box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -webkit-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -moz-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
}
.brand-low{
    font-size: 1.1rem;
}
.brand-low b{
    color: #bbbbbb;
    font-weight: lighter;
    padding-left: 0.5rem;
}
.user-img{
    border: 3px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;

}
.user-img img{
    width: 42px;
    height: 42px;
        box-shadow: 3px 3px 9px 0px rgba(79,79,79,0.75);
    -webkit-box-shadow: 3px 3px 9px 0px rgba(79,79,79,0.75);
    -moz-box-shadow: 3px 3px 9px 0px rgba(79,79,79,0.75);
}
.pricing-box .card-body {
    border-radius: 15px;
    padding: 1rem;
    border-left: 5px solid #F16A21;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -webkit-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -moz-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    background: rgba(255, 255, 255, 0.85) !important;
}
.pricing-box .card{
     background: transparent;
}
.pricing-header .icos{
     width: 19px;
     cursor:pointer;
}

.archiphoto img{
    width: 44px;
}
.modal-title{
    background: #050D27;
    color: #ffffff;
    padding: 0.1rem 1rem;
    margin-left: -1rem;
    margin-top: 1.2rem;
    width: 104%;
    font-size: 1rem;
    box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -webkit-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -moz-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    padding: 0.4rem 1rem;
}
.modal-dialog .close{
    position: absolute;
    right: .7rem;
    top: .2rem;
}
.modal-dialog .close span{
    font-weight: lighter;
    font-size: 2rem;
}
.modal-body>form>.form-group>label{
    text-transform: uppercase;
    font-size: .9rem;
}
.modal-content{
    border-radius: 20px;
}
.modal-body input, .modal-body select, .modal-body textarea{
    background:rgba(231, 230, 230, 0.6);
}
.modal-body input[type="file"]{
    background:transparent;
}
.modal-body .btn-success{
    background:#458E17;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    font-size:.9rem;
}
.rrow-btn{
        padding-top: 1rem;
    border-top: 1px solid #bbbbbb;
}
.rnamex{
    margin-left: 0px;
    margin-right: 0px;
}
.rnamex .col-9 label{
    margin-bottom: 0px;
    font-size: .8rem;
}
.rnamex .col-9 span{
    font-size: .6rem;
}
.user-menu .dropdown-menu{
    background: rgba(231, 230, 230, 0.6);
    box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -webkit-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -moz-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
        border-radius: 10px;
}
.logoutc{
        width: 90px;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: .6rem;
    padding: 0.4rem 0.45rem !important;
    /* padding-right: 0px; */
    background: #E7E6E6;
    color: #FF0000;
    margin-bottom: 0.5rem;
}
.bg-success-light, .bg-danger-light, .bg-warning-light{
    color: #ffffff !important;
    box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.75);
    -webkit-box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.75);
    -moz-box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.75);
    padding: 0.3rem 1.3rem;
}
.bg-success-light{
    background-color: #2084B3 !important;
}
.bg-danger-light{
    background-color: #F2504C !important;
}
.bg-warning-light{
    background-color: #D5E05E !important;
}
.content>.row>.col-md-12>.card{
    background:rgba(255, 255, 255, 0.85);
    border-radius: 20px;
        box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -webkit-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
    -moz-box-shadow: 3px 3px 9px 0px rgba(120,120,120,0.75);
}
.content thead th{
    text-transform: uppercase;
}
.table .dot, .table .rectan{
        box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.75);
    -webkit-box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.75);
    -moz-box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.75);
}
.modal-content img{
    max-width: 100%!important;
}
.header .btn-success{
    max-width: 135px!important;
}
/* TERMINA PANEL CSS */