@import url('fonts/sf/sf.css');
@import url('scroll.css?id=76543');
@import url('customcontrol.css');


* {
    padding: 0px;
    margin: 0px;
    font-family: 'SF UI Text Regular';
}


.noscroll {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

input[type='text'], input[type='number'], input[type='tel'], input[type='password'] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: inset 0px 4px 4px 0px rgb(0 0 0 / 12%);
    -webkit-box-shadow: inset 0px 4px 4px 0px rgb(0 0 0 / 12%);
}

.topline {
    width: 100%;
    display: block;
    padding: 5px;
    border-bottom: solid 2px #cfdee2; /*rgb(207 222 226);*/
    /*rgb(199 223 231);*/
    background-color: #cfdee2; /*#cfdee2;#e6f6f1 rgb(207 222 226);*/
    /*rgb(199 223 231);*/
    z-index: 999;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    z-index: 999999999;
}

.topline_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 5px;
}

a {
    text-decoration: none !important;
    color: black;
}

.item {
    padding: 15px;
    background-color: #cfdee2; /*#cfdee2;*/
    width: 100%;
    display: block;
    margin-bottom: 32px; /* 20px;*/
    font-size: 10px;
    border-radius: 16px;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
}

    .item .title {
        font-family: 'SF UI Text Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 2px;
    }

    .item .itemline {
        display: flex;
        flex-direction: row;
        margin-top: 16px; /* 5px;*/
        white-space: nowrap;
    }

.itemline_row {
    align-self: center;
    justify-content: space-between;
    margin-top: 16px !important; /*10*/
}

.searchsvg {
    background: url(components/search.svg) no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
    top: 5px;
}
.gallery_btn_off {
    background: url(components/mobileapp/gall_off.svg) no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    background-position: center;
    margin: 0px 4px;
}
.gallery_btn_on {
    background: url(components/mobileapp/gall_on.svg) no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    background-position: center;
    margin: 0px 4px;
}
.usersvg {
    background: url('components/user.svg') no-repeat;
    background-position: center;
    width: 40px;
}

.pbar {
    background: url('components/progress.svg') no-repeat;
    background-position: center;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
}

.camera {
    background: url('components/camera.svg') no-repeat;
    background-position: center;
    width: 40px;
}

.pencil {
    background: url('components/pencil.svg') no-repeat;
    background-position: center;
    width: 40px;
}

.circle {
    background-image: url('components/green.svg');
    background-position: center;
    width: 14px;
    height: 24px;
}

.red {
    background-image: url('components/red.svg');
}

.yellow {
    background-image: url('components/yellow.svg');
}

.nmp {
    margin: 0px;
    padding: 0px;
}

.itemimage {
    object-fit: cover;
    width: 100%;
}

.nomar {
    margin: 0px !important;
}

.itemname {
    margin-left: 10px;
    align-self: center;
    font-size: 16px;
    line-height: 20px;
}
/*.itemname {
    margin-left: 22px;
    align-self: center;
    font-size: 16px;
    line-height: 20px;
}*/

.formname {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    align-self: center;
}

.selector {
    background: rgb(250 250 250 / 70%);
    box-shadow: inset 0px 4px 4px 0px rgb(0 0 0 / 12%);
    -webkit-box-shadow: inset 0px 4px 4px 0px rgb(0 0 0 / 12%);
    border-radius: 10px;
    padding: 4px 16px 0px;
    height: 32px;
    align-self: center;
    padding-top: 4px;
    cursor: pointer;
    color: #0071A4;
    outline: none;
}

.myinput {
    font-size: 16px;
    display: block;
    outline: none;
    border: none;
    overflow: hidden;
}

    .myinput ::placeholder, input::placeholder {
        color: #C7C7CC !important;
    }

.delbtnactive {
    background: #0071A4;
    border: 0.5px solid rgb(0 0 0 / 4%);
    border-radius: 8.91px;
    padding: 8px;
    color: white !important;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    height: 28px;
    padding-top: 2px !important;
    align-self: center;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

/*#1f1f1f14*/

.saveb {
    background: #0071A4;
    border: 0.5px solid rgb(0 0 0 / 4%);
    border-radius: 10px;
    padding: 8px;
    color: white;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    /* border-radius: 16px;*/
    border-radius: 8px;

    height: 28px;
    padding-top: 2px;
    align-self: center;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.clearb {
    background: #cfdee2; /*#cfdee2;*/
    border-radius: 10px;
    padding: 8px;
    color: white;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border-radius: 16px;
    height: 28px;
    padding-top: 2px;
    align-self: center;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.myb {
    padding: 8px;
    color: rgb(0 113 164);/* rgb(250 250 250 / 70%);*/
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    padding-top: 5px;
}

.im {
    margin: 2px;
}

.pt8 {
    padding-top: 8px;
}

.courtdel {
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: black;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.userdel {
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: black;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.addressedit {
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: black;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}


.useradd {
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: black;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

    .useradd .myinput {
        width: 100%;
    }

.userselector {
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: black;
    width: 300px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
}

.fullphoto {
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: black;
    width: 90%;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow-y: scroll;
}

.fcourtimage {
    width: 150px;
    object-fit: contain;
}

.loginform {
    position: relative;
    width: 256px;
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    color: black;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    top: 30%;
}

.login_frame {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    justify-content: space-between;
}

.login_frame_title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: black;
}



.mybtn {
    background: #0071A4;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 12%);
    border-radius: 10px;
}

.graywrapper_initial {
    background: #7f7f7fab;
    
}

.graywrapper {
    position: fixed;
    background: #7f7f7fab;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 99999999999;
}


.whitewrapper {
    position: fixed;
    background: #FAFAFA; 
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 99999999;
}


 

.courteditor {
    overflow-y: scroll;
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0px;
    bottom: 10px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0px 20px;
}

.resultbox {
    position: fixed;
    left: 30%;
    top: 60px;
    width: 300px;
    height: 500px;
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: black;
}


.courtselector {
    position: fixed;
    left: calc(30% + 284px);
    top: 140px;
    width: 300px;
    height: 500px;
    background: rgb(207 222 226);
    /*rgb(199 223 231);*/
    mix-blend-mode: normal;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: black;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rbox_row {
    padding-left: 16px;
    padding-right: 16px;
}

.listitem {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 0px;
}

.listitem_text {
    color: #0071A4;
}

.next_icon {
    width: 16px;
    background-image: url(components/next.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.list .rbox_row:hover, .list .rbox_row:focus {
    background: #1f1f1f14;
    cursor: pointer;
    outline: none;
}

.cityitem .next_icon {
    display: none;
}

.cityitem_selected, .courtitem_selected {
    background: #6751a41f !important; /*#6750a429 !important;*/
    cursor: pointer;
}

    .cityitem_selected .next_icon {
        display: block;
    }

.selitem {
    padding-top: 8px;
    font-size: 12px;
    cursor: pointer;
}

#cityfinder, #courtfinder {
    width: 100%;
}

#fullphotobox {
    position: fixed;
    top: 46px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 99999999;
}

#messtouserbox {
    /* position: fixed;
    top: 46px;
    right: 0px;
    left: 0px;
    z-index: 99999999;*/
    position: fixed;
    bottom: 67px;
    right: 10px;
    left: 0px;
    z-index: 99999999;
    font-size: 34px;
}

#messtouser {
    width: 300px;
    background: rgb(207 222 226);
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
    text-align: center;
    font-size: 16px;
    border: solid 2px #ababab;
}

#messtouser.success
{
    color:forestgreen;
}
    #messtouser.error {
        color: red;
    }

#myChart, #myChartd {
    width: 100px !important;
    height: 100px !important;
}
#myChartRating, #myChartRatingd, #myChartRatingProc {
    width: 100px !important;
    height: 100px !important;
}

.fullimtosendwrapper {
    width: 150px;
    display: inline-block;
    padding: 2px;
}

    .fullimtosendwrapper div {
        border: solid 1px #eee;
        width: 100%;
        object-fit: contain;
        margin: 5px;
        min-height: 100px;
        max-height: 100px;
        width: 100%;
        object-fit: cover;
        margin: 1px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.imtosendwrapper {
    width: 49%;
    display: inline-block;
    padding: 5px;
}

    .imtosendwrapper img, .imtosendwrapper div {
        /*border: solid 1px #eee;
        width: 100%;
        object-fit: contain;
        margin: 5px;
        min-height: 88px;
        max-height: 88px;
        width: 100%;
        object-fit: cover;
        margin: 1px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;*/

        border: solid 1px #eee;
        width: 100%;
        object-fit: contain;
        margin: 5px;
        width: 100%;
        object-fit: cover;
        margin: 1px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        aspect-ratio: 16 / 9;
        border-radius: 16px;

        box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
        -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    }

.phototitlebottomleft {
    /* display: block;
    background-color: #ffffffd4;
    padding: 1px 5px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    vertical-align: middle;
    font-size: 10px;*/

    display: block;
    background-color: #0000002b;
    padding: 1px 5px;
    position: absolute;
    left:7px;
    top: 20px;
    vertical-align: middle;
    font-size: 10px;
    color: white;
    right: 7px;
    text-align: center;
}

.fc {
    width: 256px !important;
}

.mla {
    margin-left: auto;
}

.mra {
    margin-right: auto;
}

.razbox {
    display: flex;
}

.imtosend {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.mtooltip, .mtooltipblock, .mtooltipimpo {
    position: absolute;
}

    .mtooltip .tooltiptext, .mtooltipblock .tooltiptextblock, .mtooltipimpo .tooltiptextimpo {
        visibility: hidden;
        background-color: white;
        color: black;
        text-align: left;
        padding: 12px;
        position: absolute;
        z-index: 1;
        border-radius: 16px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
        box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
        -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
        font-size: 12px;
        width: 300px;
        white-space: pre-wrap;
        bottom: 100%;
        left: 0px;
        z-index: 999999;
    }
    .mtooltipblock .tooltiptextblock, .mtooltipimpo .tooltiptextimpo {
        border-top-left-radius: 16px;
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .mtooltip .rtooltiptext, .mtooltipblock .rtooltiptextblock, .mtooltipimpo .rtooltiptextimpo {
        left: initial !important;
        right: 0px !important;
        border-bottom-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    .mtooltip:hover .tooltiptext, .mtooltipblock:hover .tooltiptextblock, .mtooltipimpo:hover .tooltiptextimpo {
        visibility: visible;
    }

.mt {
    font-size: 12px;
    color: #3a90b6;
    width: 10px;
    left: -15px;
    top: 7px;
}
.bblock .selector {
    max-width: 150px;
}
.adm {
    height: 290px;
}
@media (max-width: 1400px) {
    .bblock {
      width:100%;
    }
}


@media (max-width: 1250px) {
    .razbox {
        flex-direction: column;
    }

    /*.mobile .itemline {
        display: block;
    }

        .mobile .itemline .formname {
            text-align: left !important;
        }*/

    /*.mobile .selector {
        width: 100% !important;
    }*/
    #coords_ref {
        font-size: 16px;
    }
    /*.courtselector {
        
        left: 8px !important;
         
    }*/
    .fc {
        width: 256px !important;
    }
}

@media (max-width: 1159px) {
    .mobile .itemline {
        display: block;
    }
    .bblock .mobile .itemline {
        display: flex;
    }
    .bblock .selector {
        max-width: 150px;
    }

    .mobile .itemline .formname {
        text-align: left !important;
    }
   

    .mobile .selector {
        width: 100% !important;
    }
    .bblock .mobile .selector {
        width:initial !important;
    }

    .pl20 {
        padding-left: 26px !important;
    }

    .lb {
        width: 30%;
    }

    .cb {
        width: 40%;
    }

    .separator {
        height: 16px;
    }

    .adm {
        height: 500px !important;
    }
}

@media (max-width: 992px) {
    .cb {
        width: 66.66666667%;
    }

    .rb {
        width: 33.3333333%;
    }

    .mobile .itemline {
        display: flex;
    }

   /* .mobile .selector {
        width: 120px !important;
    }*/

    #clenght, #cweight {
        width: 50px !important;
    }

    .adm {
        height: 290px !important;
    }
}

@media (max-width: 900px) {

   /* .mobile .itemline {
        display: block;
    }
    .bblock .mobile .itemline {
        display: block;
    }
    .bblock .mobile .selector {
        width: 100% !important;
    }

    #clenght, #cweight {
        width: 50px !important;
    }

    .item {
        padding-left: 20px;
    }

    .separator {
        height: 16px;
    }

    .mtooltip .tooltiptext {
        width: 200px;
    }*/
}

@media (max-width: 885px) {
    .resultbox {
        left: 15%;
    }
    .bblock .mobile .itemline {
        display: flex;
    }

    .courtselector {
        left: calc(15% + 300px); /*300px;*/
    }
    .bblock .mobile .selector {
        width: initial !important;
    }
}

@media (max-width: 830px) {
    .lb {
        width: 100%;
    }

    .cb {
        width: 100%;
    }

    .rb {
        width: 100%;
    }

    .fc {
        width: 100% !important;
    }
    .mobile .itemline .formname2 {
        text-align: center !important;
    }
   
    .mobile .itemline {
        display: flex;
    }

    .mobile .selector {
        width: 120px !important;
    }

    #clenght, #cweight {
        width: 48% !important;
    }
}

@media (max-width: 768px) {
    .resultbox {
        left: 8%;
    }


    .courtselector {
        left: calc(8% + 300px); /*300px;*/
    }
}

@media (max-width: 690px) {
    .resultbox {
        left: 30px;
        right: 30px;
        width: initial;
    }


    .courtselector {
        left: 30px;
        right: 30px;
        width: initial;
    }
}

@media (max-width: 610px) {

    .mobile .itemline {
        display: block;
    }

    .mobile .selector {
        width: 100% !important;
    }

    #clenght, #cweight {
        width: 50px !important;
    }
    .mobile .itemline .formname {
        text-align: left !important;
    }

    .item {
        padding-left: 20px;
    }

    .separator {
        height: 16px;
    }
}


@media (max-width: 420px) {

    .bblock .mobile .itemline {
        display: block !important;
    }
    .bblock .mobile .selector {
        width: 100% !important;
    }
    .bblock .selector {
        max-width: initial;
    }
}

path {
    stroke: #ff4c23;
    stroke-opacity: 2;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: rgb(207, 222, 226);
    fill-opacity: 0.2;
    fill-rule: evenodd;
}

.rotate45 {
    transform: rotate(-45deg);
    /* Legacy vendor prefixes that you probably don't need... */
    /* Safari */
    -webkit-transform: rotate(-45deg);
    /* Firefox */
    -moz-transform: rotate(-45deg);
    /* IE */
    -ms-transform: rotate(-45deg);
    /* Opera */
    -o-transform: rotate(-45deg);
}


.rbox_hide .listitem_text {
    color: gray !important;
}

.rbox_hide {
    display: none;
}

.activeview {
    display: block !important;
}


.minus-hidden, .minus-hidden-user {
    display: none;
    align-self: center;
}


input[type='date'], input[type='time'] {
    -webkit-appearance: none;
    -webkit-padding-before:8px;
}

select {
    -webkit-appearance: none;
    -webkit-padding-before: 8px;
}

.gradi {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0.3) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0.3) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0.3) 100%);

    position: fixed;
    bottom: 0px;
    left: -7px;
    right: 0px;
    z-index: 99999999;
    height: 58px;
    padding: 0px 27px;
}


.disnoneimp{
    display:none !important;
}

.maingallery_cont {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 32px;
    background-color: #cfdee2; /*#cfdee2;*/
    left: 100px;
    border-radius: 16px;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 8px 8px rgb(0 0 0 / 12%);
    padding: 16px;
}



/*mobilemenu*/

#leftMenu {
    display: none;
}

#leftMenu, #leftMenuc {
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.left_menu_item {
    padding: 8px 16px;
    border-bottom: solid 2px #eee;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 16px;
    color: #0071A4;
}


.ch_check {
    background: url(../../../../Content/components/mobileapp/ch_checked.svg) no-repeat;
    width: 18px;
    height: 18px;
    align-self: center;
    background-position: center;
    background-size: contain;
    align-self: center;
}

.ch_uncheck {
    background: url(../../../../Content/components/mobileapp/ch_unchecked.svg) no-repeat;
    width: 18px;
    height: 18px;
    align-self: center;
    background-position: center;
    background-size: contain;
    align-self: center;
}


.othermessage, .mymessage {
    overflow-wrap: break-word;
}

.formname {
    text-overflow: ellipsis;
}