.fa, .fas{
    font-size:16px;
}

.fa-trash{
    color:#b90000;
}

.fa-pencil{
    color: #048d51;
}

.fa-money-bill-alt {
    color: orange;
}

.fa-search{
    color:#048d51;
}

.fa-undo{
    color:#2e74b7;
}


.logo{
    height:30px;
}

.note-editor.note-frame .note-editing-area .note-editable {
    min-height: 250px !important;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
}

.field-validation-error{
    color:#b90000;
}

.input-validation-error{
    border:solid 1px #b90000;
}

.fileinput-filename{
    color:#fff;
}

.fileinput-exists{
    color:#048d51;
}

.username{
    color:#fff;
    float:left;
    width:100%;
    text-align:center;
    margin:6px 0 0 0;
}

.forCheckBox{
    cursor:pointer;
    font-weight:300;
    color:#048d51;
    margin:0px 0 0 10px;
    padding:5px 0 0 0;
}

.mini-td{
    width:80px;
}

.ibox-title h2{
    font-size:13px;
    font-weight:600;
    color:#009ddf;
    float:left;
    max-width:50%;
}

.wizard-chk {
    margin-top: -20px !important;
}

.error{
    color:#b90000;
}

.control-label{
   margin: 10px 0 0 0;
   font-weight:300!important;
}

.radio label, .checkbox label{
    padding-left:0!important;
}

.checkbox-label {
    margin: 15px 0 0 0;
    padding: 0;
}

.control-checkbox{
    margin:0 0 0 -15px;
    padding:0;
}

    .control-checkbox label{
        margin:10px 0;
    }

    .control-checkbox label:hover{
        color:#048d51;
    }

    .section{
        background:#009ddf;
        padding:8px 0;
        text-align:center;
        color:#fff;
    }

    a.back{
        float:right;
        margin:-2px 8px;
        color:#009ddf;
        font-weight:600;
    }

    a.back:hover{
        color:#0878a8;
    }

    a.add{
        float:left;
        margin:-2px 8px;
        color:#009ddf;
        font-weight:600;
    }

    a.add:hover{
        color:#0878a8;
    }

    a.modify{
        float:left;
        margin:-2px 8px;
        color:#009ddf;
        font-weight:600;
    }

    a.modify:hover{
        color:#048d51;
    }

    .foto-name{
        width:32%;
        float:left;
        margin:-8px 20px 0 0;
    }

    .foto-position{
        width:10%;
        float:left;
        margin:-8px 0 0 1%;
    }

    .add-new-foto{
        width:48%;
        float:left;
        margin:-8px 1%;
   }

    .foto-visble{
        width:10%;
        float:left;
        margin:-8px 2%;
   }
    .salva-foto{
        width:5%;
        float:left;
        margin:13px 0 0 0;
    }

    .min-height-form{
        min-height:82px;
    }

.img-table{
    width:50px;
    border:solid 1px #009ddf;
    padding:2px;
    transition:all;
    transition-duration:0.1s;
}
.img-table:hover{
    width:52px;
    border:solid 1px #048d51;
    padding:0px;
}

.insert-form-inline{
    background:#009ddf;
    color:#fff;
    font-weight:300;
}

    .insert-form-inline label{
        font-weight:300;
    }

.insert-form-inline input, .insert-form-inline  .form-control{
    background:none;
}

.insert-form-inline input:focus, .insert-form-inline select:focus{
    border:solid 1px #000;
}

.insert-form-inline select{
    background:#009ddf!important;
    float:left;
}

.insert-form-inline .btn-file, .insert-form-inline .btn-file:hover{
    background:#fff;
    color:#048d51;
}

   .insert-form-inline .btn-file:hover {
        cursor:pointer;
    }

    .insert-form-inline .btn-primary{
        background:#fff;
        color:#009ddf;
        padding:8px 25px;
        border:solid 1px #009ddf;
   }

    .insert-form-inline .btn-primary:hover{
        background:#45b2bd!important;
        color:#fff;
        padding:8px 25px;
        border:solid 1px #fff;
    }


    .profile{
        float:left;
        width:100%;
        height:380px;
    }

    .profile span{
        float:left;
        width:100%;
        padding:20px 5px;
        color:#048d51;
    }

    .profile span:nth-child(2n+1){
        background:#fdfdfd;
    }

    .profile span label{
        width:87%;
        float:right;
        padding:0 0 0 0;
        margin:0;
        color:#333;
    }

    .profile span label input{
        margin:-6px 0 0 0;
    }

    .lite{
        font-weight:400!important;
        padding:5px 0;
        margin:0px!important;
        font-size:12px;
    }


    .profile .btn-primary{
        width:100%;
        margin:10px 0 0 0;
    }


    .container-pwd .password-verdict, .container-pwd .pwstrength_viewport_progress{
        display:none;
    }

    .container-pwd .progress {
        margin:5px 0; 
        border-radius:0;
        background:#eee;
    }

    .filter-order .control-label{
        margin:5px 0 0 0;
    }




    .processing {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
        background: rgba(255,255,255,0.5);
        z-index: 300;
        height: 100vh;
    }

    .processing p{
        position:absolute;
        top:22%;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        width:300px;
        background:rgba(255,255,255,0.9);
        border:solid 1px #ddd;
        border-radius:5px;
        padding:20px;
        z-index:300;
    }

    .relative{
        position:relative;
    }

    .absolute{
        position:absolute;
    }

    .btn-default{
        min-width:70px!important;
        background:#e0dfdf;
        color:#333;
        border:none!important;
        border-left:solid 1px #fff!important;
    }

        .btn-default:hover {
            background: #c8c8c8;
            color: #333;
            border: none !important;
            border-left: solid 1px #fff !important;
        }

    .overlay{
        position:absolute;
        width:100%;
        height:100vh;
        z-index:500;
        background:none;
        top:50px;
    }

    .overflow-hidden{
        overflow:hidden;
    }

    .progress-bar-red {
        background-color: #b90000!important;
    }

.chart{
    background:#f3f3f4;
    border:solid 1px #e7eaec;
    box-shadow:0px 2px 10px #ebe7e7;
}

.filtri-top{
    float:left;
    width:100%;
    margin:0 0 10px 0;
}

.filtri-top h4{
    float:left;
    width:100%;
    margin:0 0 2px 0;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    color:#009ddf;
}

.filtri-top select{
    float:left;
    width:80%;
    margin:0 0 2px 0;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    color:#666;
    padding:10px;
    border:solid 1px #ddd;
    outline:none;
}

.custom, .custom-sel{
    max-width:60px;
}


    .barra-completamento{
        float:left;
        width:100%;
        height:5px;
        background:#eee;
        margin:5px 0 0 0;
        position:relative;
    }
    .barra-completamento label{
        float:left;
        width:0%;
        height:5px;
        background:#009ddf;
        position:absolute;
        top:0;
    }

    .carica{
        min-height:50vh;
        margin:10px 0 30px 0;
    }

    .carica input{
        width:100%;
        margin:10px 0;
    }

    .carica button{
        width:100%;
        margin:10px 0;
        padding:10px 0;
    }



    .dropzone{
         background:#fafafa;
   }

    .dz-default{
        color:#009ddf;
    }


    .dz-default strong{
        font-size:15px!important;
        font-weight:500!important;
    }

    .dz-default i{
        font-size:120px;
        margin:20px 0 40px 0;
        color:#009ddf;
   }

        .dz-preview{
        display:none!important;
    }

   .progress{
       padding:0;
       border-radius:0px;
       float:left;
       width:100%;
       margin:10px 0;
       padding:0;
       border: 1px dashed #1ab394;
   }

   .progress-bar{
       color:#fff;
       text-align:right;
       padding:0 0 3px 0;
       background:#009ddf;
       font-size:11px!important;
   }


   .dropzone.dz-started .dz-message{
       display:block!important;
   }


   .inserted{
       float:left;
       width:100%;
       text-align:center;
       font-weight:600;
       color:#009ddf;
       margin:10px 0;
   }


.btn-pay{
    font-size:12px;
    cursor:pointer;
    color:#048d51;
}

.first-row{
    float:left;
    width:90%;
}

.add-row i{
    font-size:20px!important;
    margin:7px 10px 0;
}

.box-login {
    width: 75%;
    margin: 28vh auto 0;
}

    .box-login h1 {
        color: #181C32 !important;
        font-weight: 600;
        font-size: 30px;
        margin: 0 0 30px;
    }

    .box-login label {
        float: left;
        text-align: left;
        color: #181C32 !important;
        font-size: 16px;
        margin: 10px 0 5px;
        font-weight:400;
    }

    .box-login input {
        padding: 10px 12px !important;
        height: auto !important;
        border-radius: 4px !important;
    }

    .box-login button {
        float: right;
        padding: 10px 12px !important;
        height: auto !important;
        border-radius: 4px !important;
        margin: 10px 0 0;
        font-weight: 600;
        width: 40% !important;
    }

.box-img {
    background: #d2e4f1;
    height: 100vh;
    overflow-y: hidden;
}


    .box-img h2 {
        color: #181C32 !important;
        font-weight: 600;
        font-size: 35px;
    }

    .box-img h3 {
        color: #181C32 !important;
        font-weight: 400;
        font-size: 20px;
        margin: 15px 0 0;
    }

    .box-img img {
        margin: 30vh 0 15px;
        max-width:220px;
    }

.navbar-toggler {
    background-color: #009ddf;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    margin: 8px 25px 8px 0;
    border: 1px solid transparent;
    border-radius: .25rem;
    float: right;
}

@media(max-width:450px) {
    .navbar-collapse {
        float: left;
        width: 100%;
    }

    .dropdown {
        padding-left: 15px;
    }

    .responsive {
        width: 100%;
        overflow-x: auto;
    }
}

.navbar-brand{
    background:#fff!important;
    border-right:1px solid #009ddf;
}