.no-padding{
    padding: 0px !important;
}

.rounded_card{
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1) !important;

}

.no-shadow{
    box-shadow: none !important;
}
.title-my-card{
    font-size: 20px !important;
    font-weight: 500 !important;
    margin-bottom: 1px !important;
}

.subtitle-my-card{
    font-size: 14px !important;
    color: #A7ADBB !important;
}

.padding-box-dashboard{
    padding-top: 19px !important;
    padding-bottom: 19px !important;
    padding-right: 24px !important;
    padding-left: 24px !important;

}

.bgcolor-dark{
    background-color: #3E5569 !important;

}

.font-semi-bold{
    font-family: 'Nunito Sans' !important;
    font-weight: 600 !important;
}

.font-bold{
    font-family: 'Nunito Sans' !important;
    font-weight: 700 !important;
}

.font-extra-bold{
    font-family: 'Nunito Sans' !important;
    font-weight: 800 !important;
}

.font-light{
    font-family: 'Nunito Sans' !important;
    font-weight: 300 !important;
}

.font-regular{
    font-family: 'Nunito Sans' !important;
    font-weight: 400 !important;
}

.margin-top-bottom-8{
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.bgcolor-dark h1{
    color: white !important;
}

.bgcolor-dark p{
    color: #C1CDE3 !important;
}

.margin-top-29{
    margin-top: 29px !important;

}
div.blu-circle{

    width: 15px;
    height: 15px;
    background-color: #4FC3F7;
    border-radius: 100% !important;
}

.bg-blue{
    background-color: #4FC3F7 !important;
}
.bg-orange{
    background-color: #FB8C00 !important;
}
.bg-dark{
    background-color: #C1CDE3 !important;
}

.bg-step-consegnati{
    background-color: #3E5569 !important;
}

div.orange-circle{

    width: 15px;
    height: 15px;
    background-color: #FB8C00;
    border-radius: 100% !important;
}

div.light-grey-circle{

    width: 15px;
    height: 15px;
    background-color: #C1CDE3;
    border-radius: 100% !important;

}

div.red-circle{

    width: 15px;
    height: 15px;
    background-color: #F62D51;
    border-radius: 100% !important;

}
div.dark-circle{

    width: 15px;
    height: 15px;
    background-color: #3E5569;
    border-radius: 100% !important;
}

.padding-left-12{
    padding-left: 12px !important;
}
.left-grey-bar{
    border-left: 1px solid #DDE3EF;
}

.font-14{
    font-size: 14px !important;
}

.font-35{
    font-size: 35px !important;
}

.color-dark{
    color: #3E5569 !important;
}
.alert-card-icon{
    float: right !important;
    padding-top: 15px !important;
    text-align: right;
    font-size: 42px !important;
    color: #C1CDE3 !important;
}

#pieChart{
    margin-top: -20px;
    width:100px !important;
    height:100px !important;
}

.myProgress {
    margin-top:15px;
    width: 100px !important;
    background-color: #DDE3EF;
    border-radius: 8px;
}
.myBar {
    width: 1%;
    height: 11px;
    border-radius: 8px;
}

.step-circle{
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    background-color: #DDE3EF;
    font-size: 11px;
    border-radius: 17px;
}

.ritardo-circle{
    margin-left: 5px;
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    background-color: #F62D51;
    color: white;
    font-size: 11px;
    border-radius: 17px;
}

.nuovo-circle{
    margin-left: 20px;
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    background-color: #2962FF;
    color: white;
    font-size: 11px;
    border-radius: 17px;
}

.new-urgent {
    background-color: #EFF3FE;
}

.footer {
    background-color: #F9C252;
    height: 100px;
}

.urgente-circle{
    margin-left: 5px;
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    background-color: #F9C252;
    color: white;
    font-size: 11px;
    border-radius: 17px;
}

.urgente-circle-white{
    margin-left: 5px;
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    background-color: #FFFFFF;
    color: #F9C252;
    font-size: 11px;
    border-radius: 17px;
}

.btn-vai{
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    background-color: #DDE3EF;
    font-size: 14px;
    text-align: left;
    border-radius: 3px;
    width: 75px;
    height: 34px;
    float: right;
    margin-right:20px;
}

.height-line{
    line-height: 40px !important;
}

.chevron-vai{
    color: #68758F;
    float: right;
    margin-top: 3px;
}

#tableList *{
    /*font-family: 'Nunito Sans' !important;*/
}


.breadcrumb {
    background-color: inherit !important;
    color: white;
}

.briciola{
    background-color: transparent !important;
}

.color-text-light-grey{
    color: #C1CDE3 !important;
}

@media (min-width:960px){
    #mobile-logo{
        width: 500px !important;
    }
}

.navbar-minimalize{
    border: 1px solid white !important;
}

.user_profile{
    margin-top: 2px;
    margin-right: 10px;
    padding-left:9px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: white !important;
    color: #2A62FF !important;
    font-size: 16px !important;
    line-height: 30px !important;
}

.user_profile_table{
    margin-top: 2px;
    margin-right: 10px;
    padding-left:9px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #DDE3EF !important;
    color: white !important;
    font-size: 16px !important;
    line-height: 30px !important;
}
.filter-select-datatable{
    margin-bottom: 0px !important;
    margin-left: 20px;
}

.btn-new-pratica{

    background-color: #2A62FF !important;
    border-radius: 6px;
    width: calc(100% - 24px);
    height: 45px;
    margin-top:25px;
    margin-left: 12px;
    margin-right: 25px;
    text-align: center;
    color: white;
    padding-left: 12px;
}
.btn-csv{

    background-color: #3E5569 !important;
    background-color: #2A62FF !important;
    border-radius: 6px;
    width: 270px;
    height: 40px;
    margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    color: white;
    padding-left: 12px;
}
.btn-csv:hover, .btn-csv:focus {
    color: white;
}
.note-my-add{
    font-size: 20px;
    color: white;
    position: absolute;
    left: 20px;

}
.nuova-pratica-txt{
    line-height: 30px;
    color: white;
    margin-left: -10px;
    padding-right: 20px;
    font-size: 14px;
}

.disable-button{
    background-color: #68758F !important;
    cursor: none;
    color: #C1CDE3!important;
    pointer-events: none !important;
}

.link_email{
    text-decoration: none !important;
}

#footernav{
    position: fixed;
    bottom: 30px;
    left: 40px;
}

#footernav *{
    color : #A3B1C8 !important;
}


.step_detail .myProgress .myBar{
    background-color: inherit;
    width: 0%;
}

.step_detail .myProgress .LAB_CLOSED{
    background-color: #3E5569 !important;
    width: 100% !important;
}

.step_detail .myProgress .IN_LAB{
    background-color: #FB8C00 !important;
    width: 66% !important;
}

.step_detail .myProgress .IN_SEGRETARY{
    background-color: #4FC3F7 !important;
    width: 33% !important;
}

.step_bar_label{
    position: absolute;
    right: 0;
    top: 12px;
    left: 130px;
}

.color_orange{
    color: #FB8C00 !important;
}

.font-size-24{
    font-size: 24px !important;
}
.font-size-15{
    font-size: 15px !important;
}

.position_absolute{
    position: absolute !important;
}

.add_step{
    margin-left:30px;
    margin-top:5px;
    line-height: 24px;
}

.cancel-button{
    background-color: #DDE3EF !important;
    color: #68758F !important;
    font-size: 14px !important;
    border: none !important;
    height: 42px !important;
    line-height: 29px !important;
    padding-left:20px;
    padding-right: 20px;
}

.save-button{
    background-color: #2962FF !important;
    color: white !important;
    font-size: 14px !important;
    border: none !important;
    height: 42px !important;
    line-height: 29px !important;
    padding-left:20px;
    padding-right: 20px;
}

.close-pratica-button{
    background-color: #FB8C00 !important;
    color: white !important;
    border: none;
    font-size: 14px !important;
    height: 42px !important;
    line-height: 29px !important;
    padding-left:20px;
    padding-right: 20px;
}

.close-step-button{
    background-color: white !important;
    color: #FB8C00 !important;
    border: 2px solid #FB8C00 !important;
    font-size: 12px !important;
    height: 42px !important;
    line-height: 26px !important;
    padding-left:10px;
    padding-right: 10px;
}

.vision-step-button{
    background-color: #2962FF !important;
    color: white !important;
    font-size: 12px !important;
    height: 42px !important;
    line-height: 26px !important;
    padding-left:10px;
    padding-right: 10px;
}

.close-step-button-disabeled{
    background-color: white !important;
    color: #DEDEDE !important;
    border: 2px solid #DEDEDE !important;
    font-size: 12px !important;
    height: 42px !important;
    line-height: 26px !important;
    padding-left:10px;
    padding-right: 10px;
}


.download-button{
    background-color: #3E5569 !important;
    color: white !important;
    font-size: 14px !important;
    border: none !important;
    line-height: 29px !important;
    padding-left:20px;
    padding-right: 20px;
    height: 42px !important;
}

.line-full{
    height: 1px;
    width: 100%;
    color: #EEF5F9 !important;
    background-color: #EEF5F9 !important;


}

#addSteps{
    background-color: inherit !important;
}

textarea{
    /* box-sizing: padding-box; */
    overflow:hidden;
    display:block;
    padding:10px;
    resize:vertical;
}

.v-center {
    margin-top: 40px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.fa, .glyphicon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.glyphicon-calendar:before,
.fa-calendar:before {
    content: "\f073";
}

.glyphicon-chevron-left:before,
.fa-chevron-left:before {
    content: "\f053";
}

.glyphicon-chevron-right:before,
.fa-chevron-right:before {
    content: "\f054";
}

.glyphicon-time:before,
.fa-clock-o:before {
    content: "\f017";
}

.glyphicon-chevron-up:before {
    content: "\f077";
}

.glyphicon-chevron-down:before {
    content: "\f078";
}

.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.square{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px ;
    border-radius: 4px ;
    border-width: 5px 0px 5px 0px;
    padding: 10px;
}

.ffooter {
    z-index: 999999;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 70px;
}

.step_elem{
    padding: 20px;
    background: #F0F2F5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.margin-right-15{
    margin-right: 15px !important;
}

.title-avvio-scadenze{
    color: #8997AF !important;
}


.descr-avvio-scadenze{
    color: #3E5569 !important;
}

.number_elem{
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #546482;
    text-align: center;
    border-radius: 4px;
    color: white;
    font-weight: bolder;
    font-size: 16px;
}

.nuovo_badge{
    background: #2962FF;
    margin-top: 14px;
    font-size: 11px;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.urgente_badge{
    background: #F9C252;
    margin-top: 14px;
    font-size: 11px;
    color: white;
    margin-left:8px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.prendi_visione{
    margin-top: 0px;
    margin-left: 0px;
    height: 35px;
    width: 113px;
    border-radius: 3px;
    background-color: #2A62FF !important;
    color: white;
    font-family: "Nunito Sans" !important;
    float: right;
    border: none;
}

.descr-input{
    color: #8997AF;
    margin-top:10px;
    font-size: 11px;
    font-family: "Nunito Sans" !important;

}