body {
    color: #085270;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}

a
{
    color: #2394C4;
    transition: all 1s ease;

}

a:hover{
    color: #2394C4;
}

.top-navbar {
    border-bottom: 1px solid darken($body-bg, 10%);
    background: #085270;
    
}

.navbar-brand {
    background: url(../images/logo.svg) no-repeat;
    width: 211px !important;
    margin-right: 30px;
    height: 30px;
    display: inline-block;
    background-size: contain;
    padding: 0;
    text-indent: -9000px;
    line-height: 0;
}

.nav-link{
    color:white!important;
    font-size: 16px;;
}

.nav-link:hover{
    color:#72d0f2;
}

#navbarDropdownLang{
display: none!important;
}

.dropdown-item{
    color:#085270;
}

.dropdown-item:focus, .dropdown-item:hover{
    background-color: #d1f0fb;
}



.form-error {
    color: var(--bs-danger);
}


.table-action-td {
    width: 1%;
}


[v-cloak] {
    display: none;
}

.messages-box {
    position: fixed;
    top: 0;
    z-index: 99999;
    pointer-events: none;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    right: 0;
}

.messages-box .alert
{
    pointer-events: initial;

}

.messages-box .alert:hover
{
    opacity: 0.4;
}

.icon-small
{ 
    width: 16px;
    height: 16px;

    /*> svg
    {
        width: 1rem;
        height: 1rem;
    }*/
}

.table 
{
    > :not(:first-child)
    {
        border-color: inherit;
    }
}

.bg-chat{
    background: #daf3fb73;
}

#chat.table>:not(caption)>*>*{
    border-bottom: none;
    padding: 3px;
}





#chat.table p{
    margin-bottom: 0px;
}

.chat-txt{
    background-color:#fcf8f8;
    padding: 10px;
}

.chat-footer{
    padding: 0 10px;
    font-size: 12px;
    background-color: #1da0cf;
}

.chat-footer small {
    color: white!important;
}






.swal2-styled.swal2-confirm{    background-color: $brand-primary;}
.swal2-styled.swal2-confirm:focus{    box-shadow: none;}


.card{
  /*   border-color:#1ba0cf; */
  
}

.card-header{ 
    background: #1da0cf;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    /* background: transparent url(../images/orto-bg.jpg) no-repeat 0 0;
    background-size: cover; */
}

.modal__content{
    color:#085270;
    text-transform: none;
    text-align: left;
    font-size: 14px;
}



.modal__title{
    margin: 0 1rem 0 0!important;
    font-size: 1.2rem!important;
    font-weight: 700!important;
    min-height: 10px!important;
    padding: 19px 0 24px;
    color: white;
    background: #085270;
    border-radius: 5px;
    background: transparent url(../images/orto-bg.jpg) no-repeat 0 0;
    background-size: cover;
}

.btn-primary{
    background-color: #31d4a8;
    border:none;
}

.btn-primary:hover{
    background-color: #16a27d;
 
}

.box-denti{
    display: flex;
}

.box-denti div{
    position: relative;
}


.dt1 #upper1{
    position: absolute;
    top: 24px;
    left: 15px;
}

.box-denti.clickable div:hover{
    cursor: pointer;
}

.dt1{
    background: transparent url(../images/top-empty.svg) no-repeat 0 0;
    width: 39px;
    height: 47px;
}


.dt1.sel{
    background: transparent url(../images/top-full.svg) no-repeat 0 0;
    width: 39px;
    height: 47px;
}

.dt1.rect{
    background: transparent url(../images/top-rect.svg) no-repeat 0 0;
    width: 39px;
    height: 47px;
}


.dt1.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat 0 0;
    width: 39px;
    height: 47px;
}


.dt1.u{
    background: transparent url(../images/top-u.svg) no-repeat 0 0;
    width: 39px;
    height: 47px;
}

.dt1.line0{
    background: transparent url(../images/top-empty.svg) no-repeat 0 0;
    width: 58px;
    height: 47px;
}

.dt1.line1{
    background: transparent url(../images/top-line1.svg) no-repeat 0 0;
    width:58px;
    height: 47px;
}

.dt1.line2{
    background: transparent url(../images/top-line2.svg) no-repeat 0 0;
    width:58px;
    height: 47px;
}


.dt1.line3{
    background: transparent url(../images/top-line3.svg) no-repeat 0 0;
    width:58px;
    height: 47px;
}



.dt2{
    background: transparent url(../images/top-empty.svg) no-repeat -39px 0;
    width: 36px;
    height: 47px;
}

.dt2.sel{
    background: transparent url(../images/top-full.svg) no-repeat -39px 0;
    width: 36px;
    height: 47px;
}


.dt2.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -39px 0;
    width: 36px;
    height: 47px;
}


.dt2.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -39px 0;
    width: 36px;
    height: 47px;
}

.dt2.u{
    background: transparent url(../images/top-u.svg) no-repeat -39px 0;
    width: 36px;
    height: 47px;
}

.dt2.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -57px 0;
    width: 36px;
    height: 47px;
}


.dt2.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -57px 0;
    width: 36px;
    height: 47px;
}

.dt2.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -57px 0;
    width: 36px;
    height: 47px;
}

.dt2.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -57px 0;
    width: 36px;
    height: 47px;
}


.dt3{
    background: transparent url(../images/top-empty.svg) no-repeat -75px 0;
    width: 39px;
    height: 47px;
}

.dt3.sel{
    background: transparent url(../images/top-full.svg) no-repeat -75px 0;
    width: 39px;
    height: 47px;
}

.dt3.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -75px 0;
    width: 39px;
    height: 47px;
}

.dt3.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -75px 0;
    width: 39px;
    height: 47px;
}

.dt3.u{
    background: transparent url(../images/top-u.svg) no-repeat -75px 0;
    width: 39px;
    height: 47px;
}

.dt3.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -92px 0;
    width: 34px;
    height: 47px;
}

.dt3.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -92px 0;
    width: 34px;
    height: 47px;
}

.dt3.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -92px 0;
    width: 34px;
    height: 47px;
}


.dt3.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -92px 0;
    width: 34px;
    height: 47px;
}





.dt4{
    background: transparent url(../images/top-empty.svg) no-repeat -115px 0;
    width: 26px;
    height: 47px;
}

.dt4.sel{
    background: transparent url(../images/top-full.svg) no-repeat -115px 0;
    width:26px;
    height: 47px;
}

.dt4.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -115px 0;
    width:26px;
    height: 47px;
}

.dt4.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -115px 0;
    width:26px;
    height: 47px;
}


.dt4.u{
    background: transparent url(../images/top-u.svg) no-repeat -115px 0;
    width:26px;
    height: 47px;
}

.dt4.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -125px 0px;
    width: 29px;
    height: 47px;
}

.dt4.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -125px 0px;
    width: 29px;
    height: 47px;
}

.dt4.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -125px 0px;
    width: 29px;
    height: 47px;
}

.dt4.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -125px 0px;
    width: 29px;
    height: 47px;
}



.dt5{
    background: transparent url(../images/top-empty.svg) no-repeat -141px 0;
    width: 26px;
    height: 47px;
}

.dt5.sel{
    background: transparent url(../images/top-full.svg) no-repeat -141px 0;
    width:26px;
    height: 47px;
}

.dt5.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -141px 0;
    width:26px;
    height: 47px;
}


.dt5.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -141px 0;
    width:26px;
    height: 47px;
}

.dt5.u{
    background: transparent url(../images/top-u.svg) no-repeat -141px 0;
    width:26px;
    height: 47px;
}

.dt5.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -152px 0px;
    width: 32px;
    height: 47px;
}


.dt5.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -152px 0px;
    width: 32px;
    height: 47px;
}

.dt5.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -152px 0px;
    width: 32px;
    height: 47px;
}

.dt5.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -152px 0px;
    width: 32px;
    height: 47px;
}






.dt6{
    background: transparent url(../images/top-empty.svg) no-repeat -167px 0;
    width: 31px;
    height: 47px;
}

.dt6.sel{
    background: transparent url(../images/top-full.svg) no-repeat -167px 0;
    width:31px;
    height: 47px;
}



.dt6.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -167px 0;
    width:2531pxpx;
    height: 47px;
}

.dt6.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -167px 0;
    width:31px;
    height: 47px;
}

.dt6.u{
    background: transparent url(../images/top-u.svg) no-repeat -167px 0;
    width:31px;
    height: 47px;
}

.dt6.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -184px 0px;
    width: 26px;
    height: 47px;
}


.dt6.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -184px 0px;
    width: 26px;
    height: 47px;
}

.dt6.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -184px 0px;
    width: 26px;
    height: 47px;
}

.dt6.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -184px 0px;
    width: 26px;
    height: 47px;
}




.dt7{
    background: transparent url(../images/top-empty.svg) no-repeat -198px 0;
    width: 24px;
    height: 47px;
}

.dt7.sel{
    background: transparent url(../images/top-full.svg) no-repeat -198px 0;
    width:24px;
    height: 47px;
}


.dt7.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -198px 0;
    width:24px;
    height: 47px;
}

.dt7.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -198px 0;
    width:24px;
    height: 47px;
}

.dt7.u{
    background: transparent url(../images/top-u.svg) no-repeat -198px 0;
    width:24px;
    height: 47px;
}

.dt7.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -210px 0px;
    width: 28px;
    height: 47px;
}

.dt7.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -210px 0px;
    width: 28px;
    height: 47px;
}


.dt7.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -210px 0px;
    width: 28px;
    height: 47px;
}

.dt7.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -210px 0px;
    width: 28px;
    height: 47px;
}




.dt8{
    background: transparent url(../images/top-empty.svg) no-repeat -222px 0;
    width: 31px;
    height: 47px;
}

.dt8.sel{
    background: transparent url(../images/top-full.svg) no-repeat -222px 0;
    width:31px;
    height: 47px;
}


.dt8.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -222px 0;
    width:31px;
    height: 47px;
}

.dt8.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -222px 0;
    width:1931pxpx;
    height: 47px;
}

.dt8.u{
    background: transparent url(../images/top-u.svg) no-repeat -222px 0;
    width:31px;
    height: 47px;
}

.dt8.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -237px 0px;
    width: 32px;
    height: 47px;
}


.dt8.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -237px 0px;
    width: 32px;
    height: 47px;
}

.dt8.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -237px 0px;
    width: 32px;
    height: 47px;
}

.dt8.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -237px 0px;
    width: 32px;
    height: 47px;
}





.dt9{
    background: transparent url(../images/top-empty.svg) no-repeat -253px 0;
    width: 31px;
    height: 47px;
}

.dt9.sel{
    background: transparent url(../images/top-full.svg) no-repeat -253px 0;
    width:31px;
    height: 47px;
}

.dt9.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -253px 0;
    width:31px;
    height: 47px;
}

.dt9.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -253px 0;
    width:31px;
    height: 47px;
}

.dt9.u{
    background: transparent url(../images/top-u.svg) no-repeat -253px 0;
    width:31px;
    height: 47px;
}

.dt9.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -269px 0px;
    width: 29px;
    height: 47px;
}


.dt9.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -269px 0px;
    width: 29px;
    height: 47px;
}

.dt9.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -269px 0px;
    width: 29px;
    height: 47px;
}

.dt9.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -269px 0px;
    width: 29px;
    height: 47px;
}




.dt10{
    background: transparent url(../images/top-empty.svg) no-repeat -284px 0;
    width: 24px;
    height: 47px;
}

.dt10.sel{
    background: transparent url(../images/top-full.svg) no-repeat -284px 0;
    width:24px;
    height: 47px;
}

.dt10.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -284px 0;
    width:24px;
    height: 47px;
}

.dt10.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -284px 0;
    width:24px;
    height: 47px;
}

.dt10.u{
    background: transparent url(../images/top-u.svg) no-repeat -284px 0;
    width:24px;
    height: 47px;
}

.dt10.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -297px 0;
    width: 28px;
    height: 47px;
}

.dt10.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -297px 0;
    width: 28px;
    height: 47px;
}

.dt10.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -297px 0;
    width: 28px;
    height: 47px;
}

.dt10.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -297px 0;
    width: 28px;
    height: 47px;
}



.dt11{
    background: transparent url(../images/top-empty.svg) no-repeat -308px 0;
    width: 31px;
    height: 47px;
}

.dt11.sel{
    background: transparent url(../images/top-full.svg) no-repeat -308px 0;
    width:31px;
    height: 47px;
}

.dt11.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -308px 0;
    width:31px;
    height: 47px;
}

.dt11.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -308px 0;
    width:31px;
    height: 47px;
}

.dt11.u{
    background: transparent url(../images/top-u.svg) no-repeat -308px 0;
    width:31px;
    height: 47px;
}

.dt11.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -325px 0;
    width: 29px;
    height: 47px;
}

.dt11.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -325px 0;
    width: 29px;
    height: 47px;
}

.dt11.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -325px 0;
    width: 29px;
    height: 47px;
}

.dt11.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -325px 0;
    width: 29px;
    height: 47px;
}





.dt12{
    background: transparent url(../images/top-empty.svg) no-repeat -339px 0;
    width: 27px;
    height: 47px;
}

.dt12.sel{
    background: transparent url(../images/top-full.svg) no-repeat -339px 0;
    width:27px;
    height: 47px;
}

.dt12.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -339px 0;
    width:27px;
    height: 47px;
}

.dt12.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -339px 0;
    width:27px;
    height: 47px;
}

.dt12.u{
    background: transparent url(../images/top-u.svg) no-repeat -339px 0;
    width:27px;
    height: 47px;
}

.dt12.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -354px 0;
    width: 26px;
    height: 47px;
}

.dt12.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -354px 0;
    width: 26px;
    height: 47px;
}


.dt12.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -354px 0;
    width: 26px;
    height: 47px;
}

.dt12.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -354px 0;
    width: 26px;
    height: 47px;
}




.dt13{
    background: transparent url(../images/top-empty.svg) no-repeat -366px 0;
    width: 27px;
    height: 47px;
}

.dt13.sel{
    background: transparent url(../images/top-full.svg) no-repeat -366px 0;
    width:27px;
    height: 47px;
}

.dt13.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -366px 0;
    width:27px;
    height: 47px;
}

.dt13.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -366px 0;
    width:27px;
    height: 47px;
}


.dt13.u{
    background: transparent url(../images/top-u.svg) no-repeat -366px 0;
    width:27px;
    height: 47px;
}


.dt13.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -380px 0;
    width: 33px;
    height: 47px;
}

.dt13.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -380px 0;
    width: 33px;
    height: 47px;
}

.dt13.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -380px 0;
    width: 33px;
    height: 47px;
}

.dt13.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -380px 0;
    width: 33px;
    height: 47px;
}




.dt14{
    background: transparent url(../images/top-empty.svg) no-repeat -393px 0;
    width: 39px;
    height: 47px;
}

.dt14.sel{
    background: transparent url(../images/top-full.svg) no-repeat -393px 0;
    width:39px;
    height: 47px;
}

.dt14.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -393px 0;
    width:39px;
    height: 47px;
}

.dt14.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -393px 0;
    width:39px;
    height: 47px;
}

.dt14.u{
    background: transparent url(../images/top-u.svg) no-repeat -393px 0;
    width:39px;
    height: 47px;
}

.dt14.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -412px 0;
    width: 36px;
    height: 47px;
}

.dt14.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -412px 0;
    width: 36px;
    height: 47px;
}

.dt14.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -412px 0;
    width: 36px;
    height: 47px;
}

.dt14.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -412px 0;
    width: 36px;
    height: 47px;
}


.dt15{
    background: transparent url(../images/top-empty.svg) no-repeat -432px 0;
    width: 36px;
    height: 47px;
}

.dt15.sel{
    background: transparent url(../images/top-full.svg) no-repeat -432px 0;
    width:36px;
    height: 47px;
}


.dt15.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -432px 0;
    width:36px;
    height: 47px;
}

.dt15.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -432px 0;
    width:36px;
    height: 47px;
}

.dt15.u{
    background: transparent url(../images/top-u.svg) no-repeat -432px 0;
    width:36px;
    height: 47px;
}

.dt15.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -448px 0;
    width: 54px;
    height: 47px;
}

.dt15.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -448px 0;
    width: 54px;
    height: 47px;
}

.dt15.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -448px 0;
    width: 54px;
    height: 47px;
}

.dt15.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -448px 0;
    width: 54px;
    height: 47px;
}





.dt16{
    background: transparent url(../images/top-empty.svg) no-repeat -468px 0;
    width: 35px;
    height: 40px;
}

.dt16.sel{
    background: transparent url(../images/top-full.svg) no-repeat -468px 0;
    width:35px;
    height: 47px;
}

.dt16.rect{
    background: transparent url(../images/top-rect.svg) no-repeat -468px 0;
    width:35px;
    height: 47px;
}

.dt16.cerc{
    background: transparent url(../images/top-cerc.svg) no-repeat -468px 0;
    width:35px;
    height: 47px;
}

.dt16.u{
    background: transparent url(../images/top-u.svg) no-repeat -468px 0;
    width:35px;
    height: 47px;
}

.dt16.line0{
    background: transparent url(../images/top-empty.svg) no-repeat -463px 0;
    width: 65px;
    height: 47px;
}

.dt16.line1{
    background: transparent url(../images/top-line1.svg) no-repeat -459px 0;
    width: 65px;
    height: 47px;
}

.dt16.line2{
    background: transparent url(../images/top-line2.svg) no-repeat -459px 0;
    width: 65px;
    height: 47px;
}

.dt16.line3{
    background: transparent url(../images/top-line3.svg) no-repeat -459px 0;
    width: 65px;
    height: 47px;
}









.db1{
    background: transparent url(../images/bottom-empty.svg) no-repeat 0 0;
    width: 43px;
    height: 47px;
}

.db1.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat 0 0;
    width: 43px;
    height: 47px;
}

.db1.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat 0 0;
    width: 43px;
    height: 47px;
}

.db1.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat 0 0;
    width: 43px;
    height: 47px;
}

.db1.u{
    background: transparent url(../images/bottom-u.svg) no-repeat 0 0;
    width: 43px;
    height: 47px;
}

.db1.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat 0 0;
    width: 65px;
    height: 47px;
}

.db1.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat 0 0;
    width: 65px;
    height: 47px;
}

.db1.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat 0 0;
    width: 65px;
    height: 47px;
}

.db1.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat 0 0;
    width: 65px;
    height: 47px;
}

.db2{
    background: transparent url(../images/bottom-empty.svg) no-repeat -43px 0;
    width: 40px;
    height: 47px;
}

.db2.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -43px 0;
    width: 40px;
    height: 47px;
}

.db2.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -43px 0;
    width: 40px;
    height: 47px;
}

.db2.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -43px 0;
    width: 40px;
    height: 47px;
}

.db2.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -43px 0;
    width: 40px;
    height: 47px;
}

.db2.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -64px 0;
    width: 39px;
    height: 47px;

}
.db2.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -64px 0;
    width: 39px;
    height: 47px;

}

.db2.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -64px 0;
    width: 39px;
    height: 47px;

}

.db2.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -64px 0;
    width: 39px;
    height: 47px;

}

.db3{
    background: transparent url(../images/bottom-empty.svg) no-repeat -83px 0;
    width: 46px;
    height: 47px;
}

.db3.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -83px 0;
    width: 46px;
    height: 47px;
}

.db3.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -83px 0;
    width: 46px;
    height: 47px;
}

.db3.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -83px 0;
    width: 46px;
    height: 47px;
}

.db3.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -83px 0;
    width: 46px;
    height: 47px;
}

.db3.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -103px 0;
    width: 42px;
    height: 47px;
}

.db3.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -103px 0;
    width: 42px;
    height: 47px;
}


.db3.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -103px 0;
    width: 42px;
    height: 47px;
}

.db3.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -103px 0;
    width: 42px;
    height: 47px;
}




.db4{
    background: transparent url(../images/bottom-empty.svg) no-repeat -130px 0;
    width:28px;
    height: 47px;
}

.db4.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -130px 0;
    width:28px;
    height: 47px;
}

.db4.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -130px 0;
    width:28px;
    height: 47px;
}

.db4.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -130px 0;
    width:28px;
    height: 47px;
}

.db4.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -130px 0;
    width:28px;
    height: 47px;
}

.db4.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -145px 0;
    width: 29px;
    height: 47px;
}

.db4.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -145px 0;
    width: 29px;
    height: 47px;
}

.db4.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -145px 0;
    width: 29px;
    height: 47px;
}

.db4.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -145px 0;
    width: 29px;
    height: 47px;
}


.db5{
    background: transparent url(../images/bottom-empty.svg) no-repeat -158px 0;
    width:30px;
    height: 47px;
}

.db5.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -158px 0;
    width:30px;
    height: 47px;
}

.db5.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -158px 0;
    width:30px;
    height: 47px;
}

.db5.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -158px 0;
    width:30px;
    height: 47px;
}

.db5.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -158px 0;
    width:30px;
    height: 47px;
}



.db5.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -174px 0;
    width: 29px;
    height: 47px;
}


.db5.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -174px 0;
    width: 29px;
    height: 47px;
}

.db5.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -174px 0;
    width: 29px;
    height: 47px;
}


.db5.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -174px 0;
    width: 29px;
    height: 47px;
}





.db6{
    background: transparent url(../images/bottom-empty.svg) no-repeat -188px 0;
    width:25px;
    height: 47px;
}
.db6.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -188px 0;
    width:25px;
    height: 47px;
}
.db6.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -188px 0;
    width:25px;
    height: 47px;
}

.db6.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -188px 0;
    width:25px;
    height: 47px;
}

.db6.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -188px 0;
    width:25px;
    height: 47px;
}


.db6.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat  -202px 0;
    width: 20px;
    height: 47px;
}

.db6.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat  -202px 0;
    width: 20px;
    height: 47px;
}

.db6.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat  -202px 0;
    width: 20px;
    height: 47px;
}

.db6.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat  -202px 0;
    width: 20px;
    height: 47px;
}









.db7{
    background: transparent url(../images/bottom-empty.svg) no-repeat -213px 0;
    width:21px;
    height: 47px;
}

.db7.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -213px 0;
    width:21px;
    height: 47px;
}

.db7.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -213px 0;
    width:21px;
    height: 47px;
}

.db7.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -213px 0;
    width:21px;
    height: 47px;
}

.db7.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -213px 0;
    width:21px;
    height: 47px;
}

.db7.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -220px 0;
    width: 21px;
    height: 47px;
}

.db7.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -220px 0;
    width: 21px;
    height: 47px;
}

.db7.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -220px 0;
    width: 21px;
    height: 47px;
}

.db7.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -220px 0;
    width: 21px;
    height: 47px;
}

.db8{
    background: transparent url(../images/bottom-empty.svg) no-repeat -234px 0;
    width:19px;
    height: 47px;
}

.db8.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -234px 0;
    width:19px;
    height: 47px;
}

.db8.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -234px 0;
    width:19px;
    height: 47px;
}

.db8.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -234px 0;
    width:19px;
    height: 47px;
}


.db8.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -234px 0;
    width:19px;
    height: 47px;
}

.db8.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -239px 0;
    width: 26px;
    height: 47px;
}

.db8.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -239px 0;
    width: 26px;
    height: 47px;
}

.db8.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -239px 0;
    width: 26px;
    height: 47px;
}

.db8.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -239px 0;
    width: 26px;
    height: 47px;
}


.db9{
    background: transparent url(../images/bottom-empty.svg) no-repeat -253px 0;
    width:19px;
    height: 47px;
}

.db9.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -253px 0;
    width:19px;
    height: 47px;
}

.db9.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -253px 0;
    width:19px;
    height: 47px;
}

.db9.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -253px 0;
    width:19px;
    height: 47px;
}

.db9.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -253px 0;
    width:19px;
    height: 47px;
}

.db9.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -264px 0;
    width: 20px;
    height: 47px;
}

.db9.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -264px 0;
    width: 20px;
    height: 47px;
}


.db9.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -264px 0;
    width: 20px;
    height: 47px;
}

.db9.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -264px 0;
    width: 20px;
    height: 47px;
}




.db10{
    background: transparent url(../images/bottom-empty.svg) no-repeat -272px 0;
    width:21px;
    height: 47px;
}

.db10.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -272px 0;
    width:21px;
    height: 47px;
}


.db10.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -272px 0;
    width:21px;
    height: 47px;
}

.db10.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -272px 0;
    width:21px;
    height: 47px;
}


.db10.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -272px 0;
    width:21px;
    height: 47px;
}

.db10.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -284px 0;
    width: 23px;
    height: 47px;
}

.db10.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -284px 0;
    width: 23px;
    height: 47px;
}

.db10.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -284px 0;
    width: 23px;
    height: 47px;
}

.db10.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -284px 0;
    width: 23px;
    height: 47px;
}

.db11{
    background: transparent url(../images/bottom-empty.svg) no-repeat -293px 0;
    width:25px;
    height: 47px;
}

.db11.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -293px 0;
    width:25px;
    height: 47px;
}

.db11.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -293px 0;
    width:25px;
    height: 47px;
}

.db11.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -293px 0;
    width:25px;
    height: 47px;
}

.db11.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -293px 0;
    width:25px;
    height: 47px;
}

.db11.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -308px 0;
    width: 25px;
    height: 47px;
}

.db11.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -308px 0;
    width: 25px;
    height: 47px;
}

.db11.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -308px 0;
    width: 25px;
    height: 47px;
}

.db11.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -308px 0;
    width: 25px;
    height: 47px;
}

.db12{
    background: transparent url(../images/bottom-empty.svg) no-repeat -318px 0;
    width:30px;
    height: 47px;
}

.db12.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -318px 0;
    width:30px;
    height: 47px;
}

.db12.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -318px 0;
    width:30px;
    height: 47px;
}

.db12.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -318px 0;
    width:30px;
    height: 47px;
}


.db12.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -318px 0;
    width:30px;
    height: 47px;
}

.db12.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -334px 0;
    width: 28px;
    height: 47px;
}

.db12.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -334px 0;
    width: 28px;
    height: 47px;
}

.db12.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -334px 0;
    width: 28px;
    height: 47px;
}

.db12.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -334px 0;
    width: 28px;
    height: 47px;
}


.db13{
    background: transparent url(../images/bottom-empty.svg) no-repeat -348px 0;
    width:30px;
    height: 47px;
}

.db13.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -348px 0;
    width:30px;
    height: 47px;
}

.db13.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -348px 0;
    width:30px;
    height: 47px;
}

.db13.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -348px 0;
    width:30px;
    height: 47px;
}

.db13.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -348px 0;
    width:30px;
    height: 47px;
}

.db13.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -364px 0;
    width: 35px;
    height: 47px;
}

.db13.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -364px 0;
    width: 35px;
    height: 47px;
}


.db13.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -364px 0;
    width: 35px;
    height: 47px;
}


.db13.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -364px 0;
    width: 35px;
    height: 47px;
}




.db14{
    background: transparent url(../images/bottom-empty.svg) no-repeat -378px 0;
    width:44px;
    height: 47px;
}

.db14.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -378px 0;
    width:45px;
    height: 47px;
}

.db14.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -378px 0;
    width:45px;
    height: 47px;
}

.db14.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -378px 0;
    width:45px;
    height: 47px;
}


.db14.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -378px 0;
    width:45px;
    height: 47px;
}

.db14.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat  -399px 0;
    width: 40px;
    height: 47px;
}

.db14.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat  -399px 0;
    width: 40px;
    height: 47px;
}

.db14.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat  -399px 0;
    width: 40px;
    height: 47px;
}

.db14.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat  -399px 0;
    width: 40px;
    height: 47px;
}


.db15{
    background: transparent url(../images/bottom-empty.svg) no-repeat -423px 0;
    width:40px;
    height: 47px;
}

.db15.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -423px 0;
    width:40px;
    height: 47px;
}

.db15.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -423px 0;
    width:40px;
    height: 47px;
}

.db15.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -423px 0;
    width:40px;
    height: 47px;
}

.db15.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -423px 0;
    width:40px;
    height: 47px;
}

.db15.line0{
    background: transparent url(../images/bottom-empty.svg) no-repeat -438px 0;
    width: 65px;
    height: 47px;
}

.db15.line1{
    background: transparent url(../images/bottom-line1.svg) no-repeat -438px 0;
    width: 65px;
    height: 47px;
}

.db15.line2{
    background: transparent url(../images/bottom-line2.svg) no-repeat -438px 0;
    width: 65px;
    height: 47px;
}

.db15.line3{
    background: transparent url(../images/bottom-line3.svg) no-repeat -438px 0;
    width: 65px;
    height: 47px;
}


.db16{
    background: transparent url(../images/bottom-empty.svg) no-repeat -463px 0;
    width:40px;
    height: 47px;
}

.db16.sel{
    background: transparent url(../images/bottom-full.svg) no-repeat -463px 0;
    width:40px;
    height: 47px;
}

.db16.rect{
    background: transparent url(../images/bottom-rect.svg) no-repeat -463px 0;
    width:40px;
    height: 47px;
}

.db16.cerc{
    background: transparent url(../images/bottom-cerc.svg) no-repeat -463px 0;
    width:40px;
    height: 47px;
}

.db16.u{
    background: transparent url(../images/bottom-u.svg) no-repeat -463px 0;
    width:40px;
    height: 47px;
}


.progress{
    --bs-progress-bar-bg: #2fbef2!important;
}

.rounded-pill{
    padding: 10px !important;
    width: 101px;
    text-align: center;
}

.rounded-pill.start-100 {
    left: 98%!important;
}

.rounded-pill.start-0 {
    left: 16px!important;
}

.rounded-pill.bg-primary{
    background-color: #2fbef2!important;

}

td.data-col-clickable {
    cursor: pointer !important;
}


.btn-chat{
    background-color: #1da0cf ;
    border-color:#1da0cf;
    color:white;
}


.btn-chat:hover{
    background-color: #02759f ;
    border-color:#2a6b87;
    color:white;
}

.btn-3d{
    background-color: #2a6b87 ;
    border-color:#2a6b87;
    color:white;
}


.btn-3d:hover{
    background-color: #113747 ;
    border-color:#2a6b87;
    color:white;
}

.text-evidence{
    color:#2394C4;
    font-weight: 800;
}

.table-striped>tbody>tr:nth-of-type(odd)>*{
    --bs-table-accent-bg: #e5f2f7;  
}

.accordion-button:not(.collapsed){
    background-color: #e5f2f7;
    color: #2394C4;
}

.form-check-input:checked {
    background-color: #2394C4;
    border-color: #2394C4;
}


.btn-danger{
    background-color: #f76262;
    border-color:#f76262;
}

.btn-danger:hover{
    background-color: #d44646;
    border-color:#d44646;
}

.allineatori{
    font-size: 16px;
}

#chat{
    border: 1px solid red!important;
}

/* .pdf span{
    position: relative;
    top: -4px;
}
 */




 .blueimp-gallery{
    background: #0000008f!important;
 }





 .form-switch.stl .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); 
    background-color: #2394c4;
    border-color: #2394C4;
 }