@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=PT+Sans+Narrow:wght@400;700&family=Ubuntu+Condensed&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


@media only screen and (max-width: 600px) {
  .btn_space {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  nav{
      margin-bottom: 5.0rem !important;
  }
  .dropdown-menu-right {
    right: -80px !important;
    }
}

:root {
    --verde:                #28a745;
    --blue:                 #0e273b;            /*#00263e; */
    --blue_scuro:           #05121d;
    --rosso:                #ce122d;
    --white:                #ffffff;
    --link:                 var(--blue);        /*#28a745;*/
    --link_hover:           var(--rosso);       /*#218838*/
    --button:               var(--blue);
    --button_border:        var(--blue_scuro);
    --button_hover:         var(--blue_scuro);
    --button_border_hover:  var(--blue_scuro);
}

html, body, h1, h2, h3, h4, h5, h6, span, p {
      /*font-family: 'Roboto', sans-serif;*/
      /*font-family: 'Ubuntu', sans-serif;*/
      font-family: 'Nunito', sans-serif;
      font-weight: 500 !important;
}

.main-footer {
    padding: 0.6rem 1rem 0.5rem 1rem;
}

.note-toolbar {
    z-index: 1 !important;
}

.dropdown-item {
    color: #212529 !important;
}

.line_menu:nth-child(odd) {
    border-bottom: 1px solid #4b545c !important;
}

.line_menu:nth-child(even) {
    border-bottom: 1px solid #4b545c !important;
}

.brand-text {
    font-family: 'Rajdhani', sans-serif !important; /*'Days One', sans-serif !important; */
    letter-spacing: 0px !important;
    font-weight: 500 !important;
    font-size: 30px !important;
    color: #ffffff !important;
    /* letter-spacing: 10px !important; */
    position: absolute !important;
    display: block !important;
    margin: -7px 0px 0px 58px !important;
}

.form-radius-dx {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
   /* border-right: none;*/
}

.form-radius-sx {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
    border-right: none;
}

.brand-image-login{
    width: 100px;
    margin-left: 14px;
}

.brand-text-login {
    font-family: 'Days One', sans-serif !important; 
    font-size: 28px;
    margin-top: 20px !important;
}

.brand-text-login-2 {
    font-size: 18px !important;
}

.login-logo {
        font-size: 18px;
}

.background_60_light{
    background-color: rgba(255, 255, 255, 0.7);
}

.background_image {
   background-image: url("/images/background/BackgroundTreCrm.jpg");
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    
}

label.error {
    display: block;
    width: 100% !important;
    margin-bottom: 0px;
    color: red;
    font-weight: normal !important;
    font-size: 0.9rem;
    /*position: absolute;*/
    position: static;
}

input.error {
    border: 1px solid red;
}
input.valid {
    border: 1px solid #07691e;
}

span.error {
    border: 1px solid red !important;
}
span.valid {
    border: 1px solid #07691e !important;
}

input.valid {
    border: 1px solid #07691e;
    padding-right: calc(1.5em + .75rem) !important;
    /*background-image: url(images/check-solid.svg) !important;*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

input.error {
    border: 1px solid red;
    padding-right: calc(1.5em + .75rem) !important;
    /*background-image: url(images/times-solid.svg) !important;*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

span.valid {
    border: 1px solid #07691e;
    padding-right: calc(1.5em + .75rem) !important;
    /*background-image: url(images/check-solid.svg) !important;*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

span.error {
    border: 1px solid red;
    padding-right: calc(1.5em + .75rem) !important;
    /*background-image: url(images/times-solid.svg) !important;*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

td > a {
    color: #28a745 !important;
}

td > a:hover {
    font-weight: bold !important;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #28a745;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #28a745;
    border-color: #22903b;
}

.page-link:hover {
    z-index: 2;
    color: #22903b;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.dataTables_scrollFoot {
   display: none;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.table {
    width: 100% !important;
}
.link_cliccabile > td {
        cursor: pointer;
}

.table-hover > tbody > tr > td {
    /* background: red !important; */
    /*cursor: pointer;*/
}

.btn-circle {
    width: 25px;
    height: 25px;
    padding: 4px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

td.capitalize {
    text-transform: capitalize;
}

.dataTables_length {
    padding-top: 4px !important; 
}

.textarea {
    height: 300px !important;
}

.picture_profile  {
    height: 130px;
    width: 130px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.picture_profile_ticket {
    height: 100px !important;
    width: 100px !important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.light_separatore {
    border: 2px solid var(--blue);
    
}

a.link_in_tabella {
    color: #212529!important;
    font-weight: bold !important;
}

a.link_in_tabella:hover {
    color: #28A745!important;
}

button.stato_ticket {
    width: 15px !important;
    height: 15px !important;
}

.icona_tipologia_tabella {
        cursor: help;
}

.icona_tipologia_tabella > span{
        font-weight: normal !important;
}

.ticket-username {
    margin: 0px !important;
}

.ticket-email {
    font-size: 0.8rem !important;
}

.direct-chat-messages{
    height: 430px !important;
}

.picture_profile_chat {
    border: 1px solid #b0b0b0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.list-group-item {
    padding: .55rem 0rem !important; /*padding: .55rem 1.25rem !important;*/
}

.tooltip{
    margin-left: 17px !important;
}

/*
 *  SCROLLBAR
 */


body::-webkit-scrollbar-track
{
/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;*/
	background-color: eee;
}

body::-webkit-scrollbar
{
	width: 11px;
	background-color: #eee;
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	background-color: #999;
}

.valore_lista_informazioni:hover{
    color: #28a745 !important; 
}
.valore_lista_informazioni{
    color: #212529 !important; 
}

.immagine_utente{
    background: #cacaca;
}

.info-box-icon-link {
    width: 25px !important;
    height: 100% !important;
}

.tree-option.nav-link.active {
    background: #276d37 !important;
    color: white !important;
}

/*#lista_contratti_in_scadenza >tbody > tr > td {
     height: 10px !important; 
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}

#lista_contratti_in_scadenza >thead > tr > th {
     height: 10px !important; 
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}

#lista_contratti_in_scadenza >thead > tr > th::before {
     padding: 0px 0 0; 
    top: 6px;
}

#lista_contratti_in_scadenza >thead > tr > th::after {
     padding: 0px 0 0; 
    top: 6px;
}

#lista_contratti_in_scadenza_info {
    font-size: 14px !important;
}

#lista_contratti_in_scadenza_length {
    font-size: 14px !important;
}*/




.tabella_scrivania >tbody > tr > td {
    /* height: 10px !important; */
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}

.tabella_scrivania >thead > tr > th {
    /* height: 10px !important; */
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /*display: none !important;*/
/*    position: absolute !important;
             top: -9999px !important;
             left: -9999px !important;*/
}

.tabella_scrivania >thead > tr > tr  {
    /* height: 10px !important; */
/*    padding-top: 7px !important;
    padding-bottom: 6px !important;*/
    display: none !important;
/*    position: absolute !important;
             top: -9999px !important;
             left: -9999px !important;*/
}

.tabella_scrivania >thead > tr > th::before {
    /* padding: 0px 0 0; */
    top: 6px;
}

.tabella_scrivania >thead > tr > th::after {
    /* padding: 0px 0 0; */
    top: 6px;
}

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

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

.tabella_scrivania > thead {
    /*display: none !important;*/
}

.dataTables_wrapper .dataTables_processing {
    z-index: 999999;
}

.no-flex{
    display: block !important;
}

.titolo_card{
    text-transform: uppercase;
}

input[type=checkbox], input[type=radio] {
width: 38px !important;
}

.box-testo{
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: bold;
    line-height: 1.5;
    color: #495057;
    background-color: #f5f5f5;
    background-clip: padding-box;
    /*border: 0px solid #ced4da;*/
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.check_box_div {
    padding: 0 0 0 5px;
}

table#lista_commesse td {
    padding: 0.60rem .75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.badge_stato {
    font-size: 1.2rem;
}

#lista_commesse td:nth-child(6) {
    text-align: center;
}

.cursor-help{
    cursor: help;
}

.badge_icheck {
    line-height: 20px;
}

.img-stato-commessa{
    width: 47px !important;
    
}

.img-invert-color{
    filter: invert(100%);
}

.prog_valutazione {
    height: 24px;
    border-radius: 4px;
    background-color: #d5d5d5;
}

.prog_valutazione_bar{
    background-color: #0e273b;
    border-radius: 4px;
}

.icona_tipologia_stato_commessa{
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 5px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #28a745;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
    height: auto !important;
}

.cursor_info{
    cursor: help;
}

.detail_title{
    font-size: 1.3rem;
}

.detail_email{
    font-size: 0.8rem;
}

p.menu_personalized {
    /* font-family: 'Ubuntu Condensed'; */
    /*font-family: "asap condensed";*/
    font-family: "Roboto";
    /*font-size: 1.2rem;*/
    font-weight: normal !important;
}

.notifing_box_body {
    max-height: 300px !important;
    /*height: 300px !important;*/
    overflow: auto;
    position: relative;
}

.pass-wrapper {
    display: contents;
}

.image_editor{
    min-height: 500px;
}

.preview_crop {
    border: 5px solid #3c3c3c;
    max-width: 100%;
    min-width: 350px;
    min-height: 350px;
    border-radius: 1000px;
    
}

.preview {
  width: 200px;
  height: 200px;
}

div.no-navbar, nav.no-navbar, footer.no-navbar {
    margin-left: 0px !important;
}

.start_page_titolo{
    font-family: 'Nunito', sans-serif;
    padding: 20px;
    background: var(--blue) !important;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 3.5rem;
    text-align: center;
}

.start_page_titoletto{
    font-family: 'Raleway', sans-serif;
    padding: 10px;
    background: #a8bccc;
    font-size: 2rem;
    text-align: center;
}

.start_page_box_notifica{
    /*border-bottom: 1px solid !important;*/
    margin-top: 60px;
}

.start_page_label {
    font-size: 1.3rem;
    text-transform: uppercase;
}

.logo_login{
    width: 300px !important;
    margin-left: 0px 0px 0px 0px !important;
}

.start_page_logo{
    margin-top: 60px;
}

.start_page_navbar{
    min-height: 57px;
}

#conferma {
    text-align: center;
    vertical-align: middle !important;
    border: 2px solid green;
    background-color: #dbffdb;
}

#conferma > h1 {
    margin: 100px 0 0 0;
}

#webcam {
    text-align: center;
    vertical-align: middle !important;
    border: 2px solid green;
    background-color: #dbffdb;
    position: absolute !important;
    z-index: 1000000;
}

#webcam > h1 {
    margin: 100px 0 0 0;
    
}

#matricola{
    font-size: 1.7rem !important;
}

#nome_cognome{
    font-size: 1.7rem !important;
}

.start_page_select2 {
   height: 46px !important
}

.start_page_select2 > span {
    font-size: 1.7rem !important;
    padding: 3px 0 0 0;
}

#reader > video {
    transform: scaleX(-1) !important ;
}

.contenitore_webcam{
    min-height: 350px !important;
}

.container_foto{
    width: 300px;
    overflow:hidden;
    display:block;
    height: 300px;
    position: absolute;
    border: 2px solid green;
}
#preview{
/*    margin-left: -100px;
    margin-top: 0px;
    height: 300px;*/
    
    position: inherit;
    left: -50%;
    min-height: 100%;
    min-width: 100%;
    top: -10%;
}

li.nav-header {
    font-weight: 600 !important;
    letter-spacing: 1px;
}


.btn-personalizzato {
    background: var(--button) !important;
}

.btn-personalizzato:hover {
    background: var(--button_hover) !important;
}

.prog_valutazione {
    height: 24px;
    border-radius: 4px;
    background-color: #d5d5d5;
}

.prog_valutazione_bar{
    background-color: #0e273b;
    border-radius: 4px;
}

.login-logo > img {
    width: 300px;
}

.text-success{
    color: var(--link) !important;
}

.text-success:hover {
    color: var(--link) !important;
}

a.text-success:hover {
    color: var(--link_hover) !important;
}

.btn-success {
    background-color: var(--button) !important;
    border-color: var(--button_border) !important;
}

.btn-success:hover {
    background-color: var(--button_hover) !important;
    border-color: var(--button_border_hover) !important;
}

.navbar-success{
    background-color: var(--blue) !important;
}

.card-success:not(.card-outline)>.card-header{
    background-color: var(--blue) !important;
}

.sidebar-dark-success .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-success .nav-sidebar>.nav-item>.nav-link.active{
    background-color: var(--blue) !important;
}

.bg-success{
    background-color: var(--blue) !important;
}

.card-success.card-outline{
    border-top: 3px solid var(--blue);
}
/*
.tabella_scrivania >tbody > tr > td {
     height: 10px !important; 
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}

.tabella_scrivania >thead > tr > th {
     height: 10px !important; 
    padding-top: 7px !important;
    padding-bottom: 6px !important;
    display: none !important;
    position: absolute !important;
             top: -9999px !important;
             left: -9999px !important;
}

.tabella_scrivania >thead > tr > th::before {
     padding: 0px 0 0; 
    top: 6px;
}

.tabella_scrivania >thead > tr > th::after {
     padding: 0px 0 0; 
    top: 6px;
}

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

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

.tabella_scrivania > thead {
    display: none !important;
}

.dataTables_wrapper .dataTables_processing {
    z-index: 999999;
}*/

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--blue);
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
}

.info_home .info-box-number {
    font-size: 1.4rem;
    font-weight: bold !important;
    letter-spacing: -1.2px;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.info_home .info-box-content {
	line-height: 1.3 !important;
        
}

.info-box {
    min-height: 70px;
    padding: 0px; 
}

.dropdown-item.active, .dropdown-item:active{
    background-color: var(--blue);
    color: #ffffff !important;
}

.resize_long_text{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}