.font8{font-size:8px !important;}
.font9{font-size:9px !important;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font27{font-size:27px !important;}
.font28{font-size:28px !important;}
.font29{font-size:29px !important;}
.font30{font-size:30px !important;}
.font31{font-size:31px !important;}
.font32{font-size:32px !important;}
.font33{font-size:33px !important;}
.font34{font-size:34px !important;}
.font35{font-size:35px !important;}
.font36{font-size:36px !important;}
.font37{font-size:37px !important;}
.font38{font-size:38px !important;}
.font39{font-size:39px !important;}
.font40{font-size:40px !important;}
.font41{font-size:41px !important;}
.font42{font-size:42px !important;}
.font43{font-size:43px !important;}
.font44{font-size:44px !important;}
.font45{font-size:45px !important;}
.font46{font-size:46px !important;}
.font47{font-size:47px !important;}
.font48{font-size:48px !important;}
.font49{font-size:49px !important;}
.font50{font-size:50px !important;}
.font60{font-size:50px !important;}
.font64{font-size:64px !important;}
.font70{font-size:70px !important;}
.font72{font-size:72px !important;}
.font76{font-size:76px !important;}
.font80{font-size:80px !important;}
.font84{font-size:84px !important;}
.font90{font-size:90px !important;}
.font96{font-size:96px !important;}
.font120{font-size:120px !important;}
.font150{font-size:150px !important;}
.font180{font-size:180px !important;}
.font200{font-size:200px !important;}
.font240{font-size:240px !important;}
.font250{font-size:250px !important;}

@media (min-width: 1400px) {
    .mt-xxl-1{
        margin-top: 0.25rem !important;
    }
    .mb-xxl-1{
        margin-bottom: 0.25rem !important;
    }
    .mt-xxl-2{
        margin-top: 0.5rem !important;
    }
    .mb-xxl-2{
        margin-bottom: 0.5rem !important;
    }
    .mt-xxl-3{
        margin-top: 1rem !important;
    }
    .mb-xxl-3{
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 1280px) {
    .font8-u1280{font-size:8px !important;}
    .font9-u1280{font-size:9px !important;}
    .font10-u1280{font-size:10px !important;}
    .font11-u1280{font-size:11px !important;}
    .font12-u1280{font-size:12px !important;}
    .font13-u1280{font-size:13px !important;}
    .font14-u1280{font-size:14px !important;}
    .font15-u1280{font-size:15px !important;}
    .font16-u1280{font-size:16px !important;}
    .font17-u1280{font-size:17px !important;}
    .font18-u1280{font-size:18px !important;}
    .font19-u1280{font-size:19px !important;}
    .font20-u1280{font-size:20px !important;}
    .font21-u1280{font-size:21px !important;}
    .font22-u1280{font-size:22px !important;}
    .font23-u1280{font-size:23px !important;}
    .font24-u1280{font-size:24px !important;}
    .font25-u1280{font-size:25px !important;}
    .font26-u1280{font-size:26px !important;}
    .font27-u1280{font-size:27px !important;}
    .font28-u1280{font-size:28px !important;}
    .font29-u1280{font-size:29px !important;}
    .font30-u1280{font-size:30px !important;}
    .font31-u1280{font-size:31px !important;}
    .font32-u1280{font-size:32px !important;}
    .font33-u1280{font-size:33px !important;}
    .font34-u1280{font-size:34px !important;}
    .font35-u1280{font-size:35px !important;}
    .font36-u1280{font-size:36px !important;}
    .font37-u1280{font-size:37px !important;}
    .font38-u1280{font-size:38px !important;}
    .font39-u1280{font-size:39px !important;}
    .font40-u1280{font-size:40px !important;}
    .font41-u1280{font-size:41px !important;}
    .font42-u1280{font-size:42px !important;}
    .font43-u1280{font-size:43px !important;}
    .font44-u1280{font-size:44px !important;}
    .font45-u1280{font-size:45px !important;}
    .font46-u1280{font-size:46px !important;}
    .font47-u1280{font-size:47px !important;}
    .font48-u1280{font-size:48px !important;}
    .font49-u1280{font-size:49px !important;}
    .font50-u1280{font-size:50px !important;}
    .font60-u1280{font-size:50px !important;}
    .font64-u1280{font-size:64px !important;}
    .font70-u1280{font-size:70px !important;}
    .font72-u1280{font-size:72px !important;}
    .font76-u1280{font-size:76px !important;}
    .font80-u1280{font-size:80px !important;}
    .font84-u1280{font-size:84px !important;}
    .font90-u1280{font-size:90px !important;}
    .font96-u1280{font-size:96px !important;}
}

@media (max-width: 960px) {
    .font8-u960{font-size:8px !important;}
    .font9-u960{font-size:9px !important;}
    .font10-u960{font-size:10px !important;}
    .font11-u960{font-size:11px !important;}
    .font12-u960{font-size:12px !important;}
    .font13-u960{font-size:13px !important;}
    .font14-u960{font-size:14px !important;}
    .font15-u960{font-size:15px !important;}
    .font16-u960{font-size:16px !important;}
    .font17-u960{font-size:17px !important;}
    .font18-u960{font-size:18px !important;}
    .font19-u960{font-size:19px !important;}
    .font20-u960{font-size:20px !important;}
    .font21-u960{font-size:21px !important;}
    .font22-u960{font-size:22px !important;}
    .font23-u960{font-size:23px !important;}
    .font24-u960{font-size:24px !important;}
    .font25-u960{font-size:25px !important;}
    .font26-u960{font-size:26px !important;}
    .font27-u960{font-size:27px !important;}
    .font28-u960{font-size:28px !important;}
    .font29-u960{font-size:29px !important;}
    .font30-u960{font-size:30px !important;}
    .font31-u960{font-size:31px !important;}
    .font32-u960{font-size:32px !important;}
    .font33-u960{font-size:33px !important;}
    .font34-u960{font-size:34px !important;}
    .font35-u960{font-size:35px !important;}
    .font36-u960{font-size:36px !important;}
    .font37-u960{font-size:37px !important;}
    .font38-u960{font-size:38px !important;}
    .font39-u960{font-size:39px !important;}
    .font40-u960{font-size:40px !important;}
    .font41-u960{font-size:41px !important;}
    .font42-u960{font-size:42px !important;}
    .font43-u960{font-size:43px !important;}
    .font44-u960{font-size:44px !important;}
    .font45-u960{font-size:45px !important;}
    .font46-u960{font-size:46px !important;}
    .font47-u960{font-size:47px !important;}
    .font48-u960{font-size:48px !important;}
    .font49-u960{font-size:49px !important;}
    .font50-u960{font-size:50px !important;}
    .font60-u960{font-size:50px !important;}
    .font64-u960{font-size:64px !important;}
    .font70-u960{font-size:70px !important;}
    .font72-u960{font-size:72px !important;}
    .font76-u960{font-size:76px !important;}
    .font80-u960{font-size:80px !important;}
    .font84-u960{font-size:84px !important;}
    .font90-u960{font-size:90px !important;}
    .font96-u960{font-size:96px !important;}
}

@media (max-width: 768px) {
    .font8-u768{font-size:8px !important;}
    .font9-u768{font-size:9px !important;}
    .font10-u768{font-size:10px !important;}
    .font11-u768{font-size:11px !important;}
    .font12-u768{font-size:12px !important;}
    .font13-u768{font-size:13px !important;}
    .font14-u768{font-size:14px !important;}
    .font15-u768{font-size:15px !important;}
    .font16-u768{font-size:16px !important;}
    .font17-u768{font-size:17px !important;}
    .font18-u768{font-size:18px !important;}
    .font19-u768{font-size:19px !important;}
    .font20-u768{font-size:20px !important;}
    .font21-u768{font-size:21px !important;}
    .font22-u768{font-size:22px !important;}
    .font23-u768{font-size:23px !important;}
    .font24-u768{font-size:24px !important;}
    .font25-u768{font-size:25px !important;}
    .font26-u768{font-size:26px !important;}
    .font27-u768{font-size:27px !important;}
    .font28-u768{font-size:28px !important;}
    .font29-u768{font-size:29px !important;}
    .font30-u768{font-size:30px !important;}
    .font31-u768{font-size:31px !important;}
    .font32-u768{font-size:32px !important;}
    .font33-u768{font-size:33px !important;}
    .font34-u768{font-size:34px !important;}
    .font35-u768{font-size:35px !important;}
    .font36-u768{font-size:36px !important;}
    .font37-u768{font-size:37px !important;}
    .font38-u768{font-size:38px !important;}
    .font39-u768{font-size:39px !important;}
    .font40-u768{font-size:40px !important;}
    .font41-u768{font-size:41px !important;}
    .font42-u768{font-size:42px !important;}
    .font43-u768{font-size:43px !important;}
    .font44-u768{font-size:44px !important;}
    .font45-u768{font-size:45px !important;}
    .font46-u768{font-size:46px !important;}
    .font47-u768{font-size:47px !important;}
    .font48-u768{font-size:48px !important;}
    .font49-u768{font-size:49px !important;}
    .font50-u768{font-size:50px !important;}
    .font60-u768{font-size:50px !important;}
    .font64-u768{font-size:64px !important;}
    .font70-u768{font-size:70px !important;}
    .font72-u768{font-size:72px !important;}
    .font76-u768{font-size:76px !important;}
    .font80-u768{font-size:80px !important;}
    .font84-u768{font-size:84px !important;}
    .font90-u768{font-size:90px !important;}
    .font96-u768{font-size:96px !important;}
}

@media (max-width: 575px) {
    .font8-u575{font-size:8px !important;}
    .font9-u575{font-size:9px !important;}
    .font10-u575{font-size:10px !important;}
    .font11-u575{font-size:11px !important;}
    .font12-u575{font-size:12px !important;}
    .font13-u575{font-size:13px !important;}
    .font14-u575{font-size:14px !important;}
    .font15-u575{font-size:15px !important;}
    .font16-u575{font-size:16px !important;}
    .font17-u575{font-size:17px !important;}
    .font18-u575{font-size:18px !important;}
    .font19-u575{font-size:19px !important;}
    .font20-u575{font-size:20px !important;}
    .font21-u575{font-size:21px !important;}
    .font22-u575{font-size:22px !important;}
    .font23-u575{font-size:23px !important;}
    .font24-u575{font-size:24px !important;}
    .font25-u575{font-size:25px !important;}
    .font26-u575{font-size:26px !important;}
    .font27-u575{font-size:27px !important;}
    .font28-u575{font-size:28px !important;}
    .font29-u575{font-size:29px !important;}
    .font30-u575{font-size:30px !important;}
    .font31-u575{font-size:31px !important;}
    .font32-u575{font-size:32px !important;}
    .font33-u575{font-size:33px !important;}
    .font34-u575{font-size:34px !important;}
    .font35-u575{font-size:35px !important;}
    .font36-u575{font-size:36px !important;}
    .font37-u575{font-size:37px !important;}
    .font38-u575{font-size:38px !important;}
    .font39-u575{font-size:39px !important;}
    .font40-u575{font-size:40px !important;}
    .font41-u575{font-size:41px !important;}
    .font42-u575{font-size:42px !important;}
    .font43-u575{font-size:43px !important;}
    .font44-u575{font-size:44px !important;}
    .font45-u575{font-size:45px !important;}
    .font46-u575{font-size:46px !important;}
    .font47-u575{font-size:47px !important;}
    .font48-u575{font-size:48px !important;}
    .font49-u575{font-size:49px !important;}
    .font50-u575{font-size:50px !important;}
    .font60-u575{font-size:50px !important;}
    .font64-u575{font-size:64px !important;}
    .font70-u575{font-size:70px !important;}
    .font72-u575{font-size:72px !important;}
    .font76-u575{font-size:76px !important;}
    .font80-u575{font-size:80px !important;}
    .font84-u575{font-size:84px !important;}
    .font90-u575{font-size:90px !important;}
    .font96-u575{font-size:96px !important;}
}

.col-000000{color: #000000 !important;}
.col-111111{color: #111111 !important;}
.col-222222{color: #222222 !important;}
.col-333333{color: #333333 !important;}
.col-444444{color: #444444 !important;}
.col-555555{color: #555555 !important;}
.col-666666{color: #666666 !important;}
.col-777777{color: #777777 !important;}
.col-888888{color: #888888 !important;}
.col-999999{color: #999999 !important;}
.col-aaaaaa{color: #aaaaaa !important;}
.col-bbbbbb{color: #bbbbbb !important;}
.col-cccccc{color: #cccccc !important;}
.col-dddddd{color: #dddddd !important;}
.col-eeeeee{color: #eeeeee !important;}
.col-ffffff{color: #ffffff !important;}
.col-235682{color: #235682 !important;}

.col-cdcdcd{color: #cdcdcd !important;}
.col-dedede{color: #dedede !important;}
.col-efefef{color: #efefef !important;}
.col-31A3E4{color: #31A3E4 !important;}
.col-00C3B2{color: #00C3B2 !important;}
.col-FF8F00{color: #FF8F00 !important;}
.col-FCD200{color: #FCD200 !important;}
.col-FF8F00:hover,.col-FF8F00:active{color: #E3931E !important;}
.col-FCD200:hover,.col-FCD200:active{color: #F2C200 !important;}

.overflow-hidden {
    overflow: hidden !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-visible {
    overflow: visible;
}
.overflow-x-hidden{
    overflow-x: hidden !important;
}
.overflow-y-hidden{
    overflow-y: hidden !important;
}
.overflow-x-auto{
    overflow-x: auto !important;
}
.overflow-y-auto{
    overflow-y: auto !important;
}
.bs-gutter-x-0{
    --bs-gutter-x: 0px !important;
}
.brd {
    border: 1px solid #ffffff !important;
}
.brd2 {
    border: 2px solid !important;
}
.brd3 {
    border: 3px solid !important;
}
.brd-tp {
    border-top: 1px solid;
}
.brd-tp2 {
    border-top: 2px solid;
}
.brd-tp3 {
    border-top: 3px solid;
}
.brd-bt {
    border-bottom: 1px solid;
}
.brd-bt2 {
    border-bottom: 2px solid;
}
.brd-bt3 {
    border-bottom: 3px solid;
}
.border0 {
    border: 0!important
}
.brd-color{border-color: var(--border-color) !important;}
.brd-col-primary{border-color: var(--primary-color) !important;}
.brd-col-primary-semiclear{border-color: rgba(var(--primary-rgb), 0.4) !important;}
.brd-col-primary-light{border-color: rgba(var(--primary-rgb), 0.2) !important;}
.brd-col-bbbbbb{border-color: #BBBBBB !important;}
.brd-col-cccccc{border-color: #cccccc !important;}
.brd-col-333333{border-color: #333333 !important;}
.brd-col-666666{border-color: #666666 !important;}
.brd-col-777777{border-color: #777777 !important;}
.brd-col-999999{border-color: #999999 !important;}
.brd-col-cccccc{border-color: #cccccc !important;}
.brd-col-dddddd{border-color: #dddddd !important;}
.brd-col-dedede{border-color: #dedede !important;}
.brd-col-eeeeee{border-color: #eeeeee !important;}
.brd-col-ffffff{border-color: #ffffff !important;}
.brd-col-31A3E4{border-color: #31A3E4 !important;}
.brd-col-00C3B2{border-color: #00C3B2 !important;}
.brd-col-FF8F00{border-color: #FF8F00 !important;}
.brd-col-FCD200{border-color: #FCD200 !important;}
.brd-col-FF8F00:hover,.brd-col-FF8F00:active{border-color: #E3931E !important;}
.brd-col-FCD200:hover,.brd-col-FCD200:active{border-color: #F2C200 !important;}

.brd-l-0{
    border-left: 0px solid;
}
.brd-l-1{
    border-left: 1px solid;
}
.brd-l-2{
    border-left: 2px solid;
}
.brd-r-0{
    border-right: 0px solid;
}
.brd-r-1{
    border-right: 1px solid;
}
.brd-r-2{
    border-right: 2px solid;
}
.brd-t-0{
    border-top: 0px solid;
}
.brd-t-1{
    border-top: 1px solid;
}
.brd-t-2{
    border-top: 2px solid;
}
.brd-b-0{
    border-bottom: 0px solid;
}
.brd-b-1{
    border-bottom: 1px solid;
}
.brd-b-2{
    border-bottom: 2px solid;
}
.border-radius-50p{
    border-radius: 50% !important;
}
.border-radius-0{
    border-radius: 0px !important;
}
.border-radius-3{
    border-radius: 3px !important;
}
.border-radius-4{
    border-radius: 4px !important;
}
.border-radius-5{
    border-radius: 5px !important;
}
.border-radius-6{
    border-radius: 6px !important;
}
.border-radius-8{
    border-radius: 8px !important;
}
.border-radius-10{
    border-radius: 10px !important;
}
.border-radius-12{
    border-radius: 12px !important;
}
.border-radius-15{
    border-radius: 15px !important;
}
.border-radius-16{
    border-radius: 16px !important;
}
.border-radius-30{
    border-radius: 30px !important;
}
.border-radius-top-3{
    border-radius: 3px 3px 0px 0px !important;
}
.border-radius-top-4{
    border-radius: 4px 4px 0px 0px !important;
}
.border-radius-top-5{
    border-radius: 5px 5px 0px 0px !important;
}
.border-radius-top-10{
    border-radius: 10px 10px 0px 0px !important;
}
.border-radius-top-15{
    border-radius: 15px 15px 0px 0px !important;
}
.border-radius-bottom-3{
    border-radius: 0px 0px 3px 3px !important;
}
.border-radius-bottom-4{
    border-radius: 0px 0px 4px 4px !important;
}
.border-radius-bottom-5{
    border-radius: 0px 0px 5px 5px !important;
}
.border-radius-bottom-10{
    border-radius: 0px 0px 10px 10px !important;
}
.border-radius-bottom-15{
    border-radius: 0px 0px 15px 15px !important;
}
.border-radius-left-3{
    border-radius: 3px 0px 0px 3px !important;
}
.border-radius-left-4{
    border-radius: 4px 0px 0px 4px !important;
}
.border-radius-left-5{
    border-radius: 5px 0px 0px 5px !important;
}
.border-radius-left-10{
    border-radius: 10px 0px 0px 10px !important;
}
.border-radius-left-15{
    border-radius: 15px 0px 0px 15px !important;
}
.border-radius-right-3{
    border-radius: 0px 3px 3px 0px !important;
}
.border-radius-right-4{
    border-radius: 0px 4px 4px 0px !important;
}
.border-radius-right-5{
    border-radius: 0px 5px 5px 0px !important;
}
.border-radius-right-6{
    border-radius: 0px 6px 6px 0px !important;
}
.border-radius-right-10{
    border-radius: 0px 10px 10px 0px !important;
}
.border-radius-right-15{
    border-radius: 0px 15px 15px 0px !important;
}

.border-dashed-1p-gray { border: 1px dashed #dedede !important; }

.clear {
    clear: both
}
.display-table{display:table !important;}
.display-flex{display:flex !important;}
.display-block{display:block !important;}
.display-inline-block{display:inline-block !important;}
.display-contents{display:contents !important;}

.display-table-row{display:table-row !important;}
.display-table-cell{display:table-cell !important;}

.align-vertical {
    display: grid;
    align-items: center;
}
.align-horizontal {
    display: grid;
    justify-content: center;
}

.flex-none{flex:none !important;}
.flex-direction-column{flex-direction: column !important;}
.flex1{flex:1;}
.flex-0-0-auto{flex: 0 0 auto;}
.flex-grow{flex: grow;}
.flex-end{justify-content: flex-end;}

.txt-nowrap{
    white-space: nowrap !important;
}

.txt-normalwrap{
    white-space: normal !important;
}

.txt-ellipsis{
    text-overflow: ellipsis;
}

@media (min-width: 576px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media only screen and (max-width: 1150px) {
    .w-max1150-5x100, .w-max1150-5p {
        width: 5%!important
    }
    .w-max1150-10x100, .w-max1150-10p {
        width: 10%!important
    }
    .w-max1150-15x100, .w-max1150-15p {
        width: 15%!important
    }
    .w-max1150-20x100, .w-max1150-20p {
        width: 20%!important
    }
    .w-max1150-25x100, .w-max1150-25p {
        width: 25%!important
    }
    .w-max1150-27x100, .w-max1150-27p {
        width: 27%!important
    }
    .w-max1150-30x100, .w-max1150-30p {
        width: 30%!important
    }
    .w-max1150-33x100, .w-max1150-33p {
        width: 33%!important
    }
    .w-max1150-35x100, .w-max1150-35p {
        width: 35%!important
    }
    .w-max1150-40x100, .w-max1150-40p {
        width: 40%!important
    }
    .w-max1150-45x100, .w-max1150-45p {
        width: 45%!important
    }
    .w-max1150-50x100, .w-max1150-50p {
        width: 50%!important
    }
    .w-max1150-55x100, .w-max1150-55p {
        width: 55%!important
    }
    .w-max1150-60x100, .w-max1150-60p {
        width: 60%!important
    }
    .w-max1150-65x100, .w-max1150-65p {
        width: 65%!important
    }
    .w-max1150-70x100, .w-max1150-70p {
        width: 70%!important
    }
    .w-max1150-73x100, .w-max1150-73p {
        width: 73%!important
    }
    .w-max1150-75x100, .w-max1150-75p {
        width: 75%!important
    }
    .w-max1150-80x100, .w-max1150-80p {
        width: 80%!important
    }
    .w-max1150-85x100, .w-max1150-85p {
        width: 85%!important
    }
    .w-max1150-90x100, .w-max1150-90p {
        width: 90%!important
    }
    .w-max1150-95x100, .w-max1150-95p {
        width: 95%!important
    }
    .w-max1150-96x100, .w-max1150-96p {
        width: 96%!important
    }
    .w-max1150-97x100, .w-max1150-97p {
        width: 97%!important
    }
    .w-max1150-100x100, .w-max1150-100p {
        width: 100%!important
    }
}

.lh10, .line-height-10 {
    line-height: 10px !important;
}
.lh12, .line-height-12 {
    line-height: 12px !important;
}
.lh14, .line-height-14 {
    line-height: 14px !important;
}
.lh15, .line-height-15 {
    line-height: 15px !important;
}
.lh16, .line-height-16 {
    line-height: 16px !important;
}
.lh18, .line-height-18 {
    line-height: 18px !important;
}
.lh20, .line-height-20 {
    line-height: 20px !important;
}
.lh24, .line-height-24 {
    line-height: 24px !important;
}
.lh25, .line-height-25 {
    line-height: 25px !important;
}
.lh30, .line-height-30 {
    line-height: 30px !important;
}
.lh32, .line-height-32 {
    line-height: 32px !important;
}
.lh35, .line-height-35 {
    line-height: 35px !important;
}
.lh40, .line-height-40 {
    line-height: 40px !important;
}
.lh45, .line-height-45 {
    line-height: 45px !important;
}
.lh50, .line-height-50 {
    line-height: 50px !important;
}
.lh55, .line-height-55 {
    line-height: 55px !important;
}
.lh60, .line-height-60 {
    line-height: 60px !important;
}
.lh70, .line-height-70 {
    line-height: 70px !important;
}
.lh80, .line-height-80 {
    line-height: 80px !important;
}
.lh90, .line-height-90 {
    line-height: 90px !important;
}
.lh100, .line-height-100 {
    line-height: 100px !important;
}
.lh110, .line-height-110 {
    line-height: 110px !important;
}
.lh120, .line-height-120 {
    line-height: 120px !important;
}
.lh130, .line-height-130 {
    line-height: 130px !important;
}
.lh140, .line-height-140 {
    line-height: 140px !important;
}
.lh150, .line-height-150 {
    line-height: 150px !important;
}
.lh160, .line-height-160 {
    line-height: 160px !important;
}
.lh170, .line-height-170 {
    line-height: 170px !important;
}
.lh180, .line-height-180 {
    line-height: 180px !important;
}
.lh190, .line-height-190 {
    line-height: 190px !important;
}
.lh200, .line-height-200 {
    line-height: 200px !important;
}

.font-weight-100 { font-weight: 100 !important; }
.font-weight-200 { font-weight: 200 !important; }
.font-weight-300 { font-weight: 300 !important; }
.weight-normal{ font-weight:400 !important;}
.weight-semibold{ font-weight:600 !important;}
.weight-bold{ font-weight:800 !important;}
.weight-100{ font-weight:100 !important;}
.weight-200{ font-weight:200 !important;}
.weight-300{ font-weight:300 !important;}
.weight-400{ font-weight:400 !important;}
.weight-500{ font-weight:500 !important;}
.weight-600{ font-weight:600 !important;}
.weight-700{ font-weight:700 !important;}
.weight-800{ font-weight:800 !important;}
.weight-900{ font-weight:900 !important;}

.font-rubik{
    font-family: "Rubik", sans-serif !important;
}
.font-azeret-mono{
    font-family: 'Azeret Mono', monospace;
}

.col-50 {
    width: 50%;
    float: left
}
.f-left {
    float: left
}
.f-left-important {
    float: left !important;
}
.f-right {
    float: right
}
.f-right-important {
    float: right !important;
}
.clearer {
    clear: both;
    display: block
}
.pos-abs, .absolute, .pos-absolute, .position-absolute{
    position: absolute !important;
}
.pos-rel, .relative, .pos-relative, .position-relative{
    position: relative !important;
}
.pos-fix, .fixed, .pos-fixed, .position-fixed{
    position: fixed;
}

.top-5{top:-5px !important;}
.top0{top:0px !important;}
.top1{top:1px !important;}
.top2{top:2px !important;}
.top3{top:3px !important;}
.top4{top:4px !important;}
.top5{top:5px !important;}
.top6{top:6px !important;}
.top7{top:7px !important;}
.top8{top:8px !important;}
.top9{top:9px !important;}
.top10{top:10px !important;}
.top11{top:11px !important;}
.top12{top:12px !important;}
.top13{top:13px !important;}
.top14{top:14px !important;}
.top15{top:15px !important;}
.top16{top:16px !important;}
.top17{top:17px !important;}
.top18{top:18px !important;}
.top19{top:19px !important;}
.top20{top:20px !important;}
.top24{top:24px !important;}
.top25{top:25px !important;}
.top28{top:28px !important;}
.top30{top:30px !important;}
.top32{top:32px !important;}
.top35{top:35px !important;}
.top48{top:48px !important;}
.top50{top:50px !important;}
.top55{top:55px !important;}
.top60{top:60px !important;}
.top65{top:65px !important;}
.top70{top:70px !important;}
.top75{top:75px !important;}
.top80{top:80px !important;}
.top85{top:85px !important;}
.top90{top:90px !important;}
.top95{top:95px !important;}
.top100{top:100px !important;}

.bottom-5{bottom:-5px !important;}
.bottom0{bottom:0px !important;}
.bottom1{bottom:1px !important;}
.bottom2{bottom:2px !important;}
.bottom3{bottom:3px !important;}
.bottom4{bottom:4px !important;}
.bottom5{bottom:5px !important;}
.bottom6{bottom:6px !important;}
.bottom7{bottom:7px !important;}
.bottom8{bottom:8px !important;}
.bottom9{bottom:9px !important;}
.bottom10{bottom:10px !important;}
.bottom11{bottom:11px !important;}
.bottom12{bottom:12px !important;}
.bottom13{bottom:13px !important;}
.bottom14{bottom:14px !important;}
.bottom15{bottom:15px !important;}
.bottom16{bottom:16px !important;}
.bottom17{bottom:17px !important;}
.bottom18{bottom:18px !important;}
.bottom19{bottom:19px !important;}
.bottom20{bottom:20px !important;}
.bottom24{bottom:24px !important;}
.bottom28{bottom:28px !important;}

.left-5{left:-5px !important;}
.left0{left:0px !important;}
.left1{left:1px !important;}
.left2{left:2px !important;}
.left3{left:3px !important;}
.left4{left:4px !important;}
.left5{left:5px !important;}
.left6{left:6px !important;}
.left7{left:7px !important;}
.left8{left:8px !important;}
.left9{left:9px !important;}
.left10{left:10px !important;}
.left11{left:11px !important;}
.left12{left:12px !important;}
.left13{left:13px !important;}
.left14{left:14px !important;}
.left15{left:15px !important;}
.left16{left:16px !important;}
.left17{left:17px !important;}
.left18{left:18px !important;}
.left19{left:19px !important;}
.left20{left:20px !important;}
.left24{left:24px !important;}
.left28{left:28px !important;}
.left30{left:30px !important;}
.left32{left:32px !important;}
.left34{left:34px !important;}
.left36{left:36px !important;}
.left38{left:38px !important;}
.left40{left:40px !important;}
.left42{left:42px !important;}
.left44{left:44px !important;}
.left46{left:46px !important;}
.left48{left:48px !important;}
.left50{left:50px !important;}
.left52{left:52px !important;}
.left54{left:54px !important;}
.left56{left:56px !important;}
.left58{left:58px !important;}
.left60{left:60px !important;}
.left62{left:62px !important;}
.left64{left:64px !important;}
.left66{left:66px !important;}
.left68{left:68px !important;}
.left70{left:70px !important;}
.left72{left:72px !important;}
.left74{left:74px !important;}
.left76{left:76px !important;}
.left78{left:78px !important;}
.left80{left:80px !important;}
.left82{left:82px !important;}
.left84{left:84px !important;}
.left86{left:86px !important;}
.left88{left:88px !important;}
.left90{left:90px !important;}
.left92{left:92px !important;}
.left94{left:94px !important;}
.left96{left:96px !important;}
.left98{left:98px !important;}
.left100{left:100px !important;}
.left101{left:101px !important;}
.left102{left:102px !important;}
.left103{left:103px !important;}
.left104{left:104px !important;}
.left105{left:105px !important;}
.left106{left:106px !important;}
.left107{left:107px !important;}
.left108{left:108px !important;}
.left109{left:109px !important;}
.left110{left:110px !important;}
.left111{left:111px !important;}
.left112{left:112px !important;}
.left113{left:113px !important;}
.left114{left:114px !important;}
.left115{left:115px !important;}
.left116{left:116px !important;}
.left117{left:117px !important;}
.left118{left:118px !important;}
.left119{left:119px !important;}
.left120{left:120px !important;}
.left50x100{left:50% !important;}

.right-5{right:-5px !important;}
.right0{right:0px !important;}
.right1{right:1px !important;}
.right2{right:2px !important;}
.right3{right:3px !important;}
.right4{right:4px !important;}
.right5{right:5px !important;}
.right6{right:6px !important;}
.right7{right:7px !important;}
.right8{right:8px !important;}
.right9{right:9px !important;}
.right10{right:10px !important;}
.right11{right:11px !important;}
.right12{right:12px !important;}
.right13{right:13px !important;}
.right14{right:14px !important;}
.right15{right:15px !important;}
.right16{right:16px !important;}
.right17{right:17px !important;}
.right18{right:18px !important;}
.right19{right:19px !important;}
.right20{right:20px !important;}
.right24{right:24px !important;}
.right25{right:25px !important;}
.right28{right:28px !important;}
.right32{right:32px !important;}
.right36{right:36px !important;}
.right40{right:40px !important;}
.right44{right:44px !important;}
.right48{right:48px !important;}
.right50{right:50px !important;}
.right55{right:55px !important;}
.right75{right:75px !important;}
.right80{right:80px !important;}
.right85{right:85px !important;}
.right90{right:90px !important;}
.right95{right:95px !important;}
.right100{right:100px !important;}
.right110{right:110px !important;}

.zindex1{z-index:1;}
.zindex10{z-index:10;}
.zindex11{z-index:11;}
.zindex100{z-index:100;}
.zindex101{z-index:101;}
.zindex1000{z-index:1000;}
.zindex1001{z-index:1001;}
.zindex10000{z-index:10000;}
.zindex10001{z-index:10001;}
.zindex100000{z-index:100000;}
.zindex100001{z-index:100001;}

.blue{
    color: rgba(95, 167, 231,1);
}

.soft-blue{
    color: var(--primary-color);
}

.col-primary{
    color: var(--primary-color) !important;
}

.gray{
    color: #818181;
}

.red{
    color: #a94442;
}

.green{
    color: #3c763d;
}

.white{
    color: #ffffff;
}

.orange{
    color: #8a6d3b;
}

.btn.btn-default {
    background-color: #adb7be;
    border-color: #adb7be
}
.btn.btn-default:hover {
    background-color: #bec6cc;
    border-color: #bec6cc
}
.btn.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}
.btn.btn-primary:hover {
    background-color: #16b4fc;
    border-color: #16b4fc
}
.btn.btn-secondary {
    background-color: #6b7a85;
    border-color: #6b7a85
}
.btn.btn-secondary:hover {
    background-color: #7a8994;
    border-color: #7a8994
}
.btn.btn-success {
    background-color: #46c35f;
    border-color: #46c35f
}
.btn.btn-success:hover {
    background-color: #5dca73;
    border-color: #5dca73
}
.btn.btn-info {
    background-color: #5fa7e7;
    border-color: #5fa7e7
}
.btn.btn-info:hover {
    background-color: #bb86ef;
    border-color: #bb86ef
}
.btn.btn-warning {
    background-color: #f29824;
    border-color: #f29824
}
.btn.btn-warning:hover {
    background-color: #f4a641;
    border-color: #f4a641
}
.btn.btn-danger {
    background-color: #fa424a;
    border-color: #fa424a
}
.btn.btn-danger:hover {
    background-color: #fb6067;
    border-color: #fb6067
}
.btn.btn-danger-outline,
.btn.btn-danger-outline:focus,
.btn.btn-default-outline,
.btn.btn-default-outline:focus,
.btn.btn-info-outline,
.btn.btn-info-outline:focus,
.btn.btn-primary-outline,
.btn.btn-primary-outline:focus,
.btn.btn-secondary-outline,
.btn.btn-secondary-outline:focus,
.btn.btn-success-outline,
.btn.btn-success-outline:focus,
.btn.btn-warning-outline,
.btn.btn-warning-outline:focus {
    background-color: #fff
}
.btn.btn-default-outline {
    color: #919fa9;
    border-color: #d8e2e7
}
.btn.btn-default-outline:hover {
    background-color: #d8e2e7;
    color: #6c7a86!important
}
.btn.btn-primary-outline,
.btn.btn-primary-outline:focus {
    color: var(--primary-color);
    border-color: var(--primary-color)
}
.btn.btn-primary-outline:focus:hover,
.btn.btn-primary-outline:hover {
    background-color: var(--primary-color)
}
.btn.btn-secondary-outline {
    color: #6b7a85;
    border-color: #6b7a85
}
.btn.btn-secondary-outline:hover {
    background-color: #6b7a85
}
.btn.btn-success-outline {
    color: #46c35f;
    border-color: #46c35f
}
.btn.btn-success-outline:hover {
    background-color: #46c35f
}
.btn.btn-info-outline {
    color: #ac6bec;
    border-color: #ac6bec
}
.btn.btn-info-outline:hover {
    background-color: #ac6bec
}
.btn.btn-warning-outline {
    color: #f29824;
    border-color: #f29824
}
.btn.btn-warning-outline:hover {
    background-color: #f29824
}
.btn.btn-danger-outline {
    color: #fa424a;
    border-color: #fa424a
}
.btn.btn-danger-outline:hover {
    background-color: #fa424a
}

.bk-light-gray { background-color: #f6f8fa; }

.btn.middle-gray-bg{
    background: rgba(170, 170, 170, 1);
    border-color: rgba(170, 170, 170, 1);
    color: white;
}

.btn.middle-gray-bg:hover{
    background: rgba(205, 205, 205,0.8);
    border-color: rgba(205, 205, 205,0.8);
    color: white;
}

.btn.blue-bg{
    background: rgba(95, 167, 231,1);
    /*    color: #efefef;*/
}

.btn.blue-bg:hover{
    background: rgba(95, 167, 231,0.8);
    color: white;
}

.btn.soft-blue-bg{
    background: var(--primary-color) !important;
    color: #efefef;
}

.btn.soft-blue-bg:hover{
    background: var(--primary-color) !important;
    color: white;
}

.btn.green-bg{
    background: rgba(149,193,31,1);
    color: #efefef;
    border-color: rgba(149,193,31,1);
}

.btn.green-bg:hover{
    background: rgba(149,193,31,0.8);
    color: white;
}

.btn.blue-cl{
    color: rgba(39,125,122,0.8);
}

.btn.green-cl{
    color: rgba(149,193,31,1);
}

.btn.dark-red {
    background: #b72d2d;
}
.btn.red {
    background: #fb4848;
}
.btn.light-gray {
    background: #ececec;
}
.btn.green {
    background:#65be3e;
}
.btn.blue {
    background:#94BB54;
}
.btn.gray {
    background:#8997a7;
}
.btn.yellow {
    background:#faba20;
}
.btn.blue-color {
    color:#94BB54 !important;
}
.btn.gray-color {
    color:#8997a7;
}
.btn.dark-gray-color {
    color:#3b3b3b;
}
.btn.white-color {
    color:#fff;
}
.btn.red-color {
    color:#fb4848;
}

.btn.btn-danger, .btn.btn-danger-outline:hover, .btn.btn-default, .btn.btn-default-outline:hover, .btn.btn-info, .btn.btn-info-outline:hover, .btn.btn-primary, .btn.btn-primary-outline:hover, .btn.btn-secondary, .btn.btn-secondary-outline:hover, .btn.btn-success, .btn.btn-success-outline:hover, .btn.btn-warning, .btn.btn-warning-outline:hover {
    color: #fff!important;
}

.form-control:disabled, .form-control[readonly]{
    background-color: #f5f5f5 !important;
    border-color: var(--border-color) !important;
    color: var(--color-900) !important;
}

textarea.form-control{
    border-radius: 5px;
}

.list-indented {
    padding: 5px 15px;
    list-style: disc;
}
.list-indented ul {
    list-style: circle;
}
.list-indented ul ul {
    list-style: square;
}

.row-desktop .col-desktop-1 {
    float: left;
    width: 8.33333333%;
}
.row-desktop .col-desktop-2 {
    float: left;
    width: 16.66666667%;
}
.row-desktop .col-desktop-3 {
    float: left;
    width: 25%;
}
.row-desktop .col-desktop-4 {
    float: left;
    width: 33.33333333%;
}
.row-desktop .col-desktop-5 {
    float: left;
    width: 41.66666667%;
}
.row-desktop .col-desktop-6 {
    float: left;
    width: 50%;
}
.row-desktop .col-desktop-7 {
    float: left;
    width: 58.33333333%;
}
.row-desktop .col-desktop-8 {
    float: left;
    width: 66.66666667%;
}
.row-desktop .col-desktop-9 {
    float: left;
    width: 75%;
}
.row-desktop .col-desktop-10 {
    float: left;
    width: 83.33333333%;
}
.row-desktop .col-desktop-11 {
    float: left;
    width: 91.66666667%;
}
.row-desktop .col-desktop-12 {
    float: left;
    width: 100%;
}

.row-laptop .col-laptop-1 {
    float: left;
    width: 8.33333333%;
}
.row-laptop .col-laptop-2 {
    float: left;
    width: 16.66666667%;
}
.row-laptop .col-laptop-3 {
    float: left;
    width: 25%;
}
.row-laptop .col-laptop-4 {
    float: left;
    width: 33.33333333%;
}
.row-laptop .col-laptop-5 {
    float: left;
    width: 41.66666667%;
}
.row-laptop .col-laptop-6 {
    float: left;
    width: 50%;
}
.row-laptop .col-laptop-7 {
    float: left;
    width: 58.33333333%;
}
.row-laptop .col-laptop-8 {
    float: left;
    width: 66.66666667%;
}
.row-laptop .col-laptop-9 {
    float: left;
    width: 75%;
}
.row-laptop .col-laptop-10 {
    float: left;
    width: 83.33333333%;
}
.row-laptop .col-laptop-11 {
    float: left;
    width: 91.66666667%;
}
.row-laptop .col-laptop-12 {
    float: left;
    width: 100%;
}

.row-tablet .col-tablet-1 {
    float: left;
    width: 8.33333333%;
}
.row-tablet .col-tablet-2 {
    float: left;
    width: 16.66666667%;
}
.row-tablet .col-tablet-3 {
    float: left;
    width: 25%;
}
.row-tablet .col-tablet-4 {
    float: left;
    width: 33.33333333%;
}
.row-tablet .col-tablet-5 {
    float: left;
    width: 41.66666667%;
}
.row-tablet .col-tablet-6 {
    float: left;
    width: 50%;
}
.row-tablet .col-tablet-7 {
    float: left;
    width: 58.33333333%;
}
.row-tablet .col-tablet-8 {
    float: left;
    width: 66.66666667%;
}
.row-tablet .col-tablet-9 {
    float: left;
    width: 75%;
}
.row-tablet .col-tablet-10 {
    float: left;
    width: 83.33333333%;
}
.row-tablet .col-tablet-11 {
    float: left;
    width: 91.66666667%;
}
.row-tablet .col-tablet-12 {
    float: left;
    width: 100%;
}

.row-mobile .col-mobile-1 {
    float: left;
    width: 8.33333333%;
}
.row-mobile .col-mobile-2 {
    float: left;
    width: 16.66666667%;
}
.row-mobile .col-mobile-3 {
    float: left;
    width: 25%;
}
.row-mobile .col-mobile-4 {
    float: left;
    width: 33.33333333%;
}
.row-mobile .col-mobile-5 {
    float: left;
    width: 41.66666667%;
}
.row-mobile .col-mobile-6 {
    float: left;
    width: 50%;
}
.row-mobile .col-mobile-7 {
    float: left;
    width: 58.33333333%;
}
.row-mobile .col-mobile-8 {
    float: left;
    width: 66.66666667%;
}
.row-mobile .col-mobile-9 {
    float: left;
    width: 75%;
}
.row-mobile .col-mobile-10 {
    float: left;
    width: 83.33333333%;
}
.row-mobile .col-mobile-11 {
    float: left;
    width: 91.66666667%;
}
.row-mobile .col-mobile-12 {
    float: left;
    width: 100%;
}

.row-desktop .pdd-desktop-tp-4 {
    padding-top: 4px !important;
}
.row-desktop .pdd-desktop-tp-8 {
    padding-top: 8px !important;
}
.row-desktop .pdd-desktop-tp-10 {
    padding-top: 10px !important;
}
.row-desktop .pdd-desktop-tp-12 {
    padding-top: 12px !important;
}
.row-desktop .pdd-desktop-tp-16 {
    padding-top: 16px !important;
}
.row-desktop .pdd-desktop-tp-20 {
    padding-top: 20px !important;
}
.row-desktop .pdd-desktop-tp-1001 {
    padding-top: 1% !important;
}
.row-desktop .pdd-desktop-tp-1002 {
    padding-top: 2% !important;
}
.row-desktop .pdd-desktop-tp-1004 {
    padding-top: 4% !important;
}
.row-desktop .pdd-desktop-tp-1005 {
    padding-top: 5% !important;
}
.row-desktop .pdd-desktop-tp-1008 {
    padding-top: 8% !important;
}
.row-desktop .pdd-desktop-tp-10010 {
    padding-top: 10% !important;
}
.row-desktop .pdd-desktop-tp-10015 {
    padding-top: 15% !important;
}
.row-desktop .pdd-desktop-bt-4 {
    padding-bottom: 4px !important;
}
.row-desktop .pdd-desktop-bt-8 {
    padding-bottom: 8px !important;
}
.row-desktop .pdd-desktop-bt-10 {
    padding-bottom: 10px !important;
}
.row-desktop .pdd-desktop-bt-12 {
    padding-bottom: 12px !important;
}
.row-desktop .pdd-desktop-bt-16 {
    padding-bottom: 16px !important;
}
.row-desktop .pdd-desktop-bt-20 {
    padding-bottom: 20px !important;
}
.row-desktop .pdd-desktop-bt-1001 {
    padding-bottom: 1% !important;
}
.row-desktop .pdd-desktop-bt-1002 {
    padding-bottom: 2% !important;
}
.row-desktop .pdd-desktop-bt-1004 {
    padding-bottom: 4% !important;
}
.row-desktop .pdd-desktop-bt-1005 {
    padding-bottom: 5% !important;
}
.row-desktop .pdd-desktop-bt-1008 {
    padding-bottom: 8% !important;
}
.row-desktop .pdd-desktop-bt-10010 {
    padding-bottom: 10% !important;
}
.row-desktop .pdd-desktop-bt-10015 {
    padding-bottom: 15% !important;
}
.row-desktop .pdd-desktop-tb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.row-desktop .pdd-desktop-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.row-desktop .pdd-desktop-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.row-desktop .pdd-desktop-tb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.row-desktop .pdd-desktop-tb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.row-desktop .pdd-desktop-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.row-desktop .pdd-desktop-tb-1001 {
    padding-top: 1% !important;
    padding-bottom: 1% !important;
}
.row-desktop .pdd-desktop-tb-1002 {
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}
.row-desktop .pdd-desktop-tb-1004 {
    padding-top: 4% !important;
    padding-bottom: 4% !important;
}
.row-desktop .pdd-desktop-tb-1005 {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
}
.row-desktop .pdd-desktop-tb-1008 {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
}
.row-desktop .pdd-desktop-tb-10010 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
}
.row-desktop .pdd-desktop-tb-10015 {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
}
.row-desktop .pdd-desktop-l-4 {
    padding-left: 4px !important;
}
.row-desktop .pdd-desktop-l-8 {
    padding-left: 8px !important;
}
.row-desktop .pdd-desktop-l-10 {
    padding-left: 10px !important;
}
.row-desktop .pdd-desktop-l-12 {
    padding-left: 12px !important;
}
.row-desktop .pdd-desktop-l-16 {
    padding-left: 16px !important;
}
.row-desktop .pdd-desktop-l-20 {
    padding-left: 20px !important;
}
.row-desktop .pdd-desktop-l-1001 {
    padding-left: 1% !important;
}
.row-desktop .pdd-desktop-l-1002 {
    padding-left: 2% !important;
}
.row-desktop .pdd-desktop-l-1004 {
    padding-left: 4% !important;
}
.row-desktop .pdd-desktop-l-1005 {
    padding-left: 5% !important;
}
.row-desktop .pdd-desktop-l-1008 {
    padding-left: 8% !important;
}
.row-desktop .pdd-desktop-l-10010 {
    padding-left: 10% !important;
}
.row-desktop .pdd-desktop-l-10015 {
    padding-left: 15% !important;
}
.row-desktop .pdd-desktop-r-4 {
    padding-right: 4px !important;
}
.row-desktop .pdd-desktop-r-8 {
    padding-right: 8px !important;
}
.row-desktop .pdd-desktop-r-10 {
    padding-right: 10px !important;
}
.row-desktop .pdd-desktop-r-12 {
    padding-right: 12px !important;
}
.row-desktop .pdd-desktop-r-16 {
    padding-right: 16px !important;
}
.row-desktop .pdd-desktop-r-20 {
    padding-right: 20px !important;
}
.row-desktop .pdd-desktop-r-1001 {
    padding-right: 1% !important;
}
.row-desktop .pdd-desktop-r-1002 {
    padding-right: 2% !important;
}
.row-desktop .pdd-desktop-r-1004 {
    padding-right: 4% !important;
}
.row-desktop .pdd-desktop-r-1005 {
    padding-right: 5% !important;
}
.row-desktop .pdd-desktop-r-1008 {
    padding-right: 8% !important;
}
.row-desktop .pdd-desktop-r-10010 {
    padding-right: 10% !important;
}
.row-desktop .pdd-desktop-r-10015 {
    padding-right: 15% !important;
}
.row-desktop .pdd-desktop-lr-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.row-desktop .pdd-desktop-lr-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.row-desktop .pdd-desktop-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.row-desktop .pdd-desktop-lr-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.row-desktop .pdd-desktop-lr-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.row-desktop .pdd-desktop-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.row-desktop .pdd-desktop-lr-1001 {
    padding-left: 1% !important;
    padding-right: 1% !important;
}
.row-desktop .pdd-desktop-lr-1002 {
    padding-left: 2% !important;
    padding-right: 2% !important;
}
.row-desktop .pdd-desktop-lr-1004 {
    padding-left: 4% !important;
    padding-right: 4% !important;
}
.row-desktop .pdd-desktop-lr-1005 {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
.row-desktop .pdd-desktop-lr-1008 {
    padding-left: 8% !important;
    padding-right: 8% !important;
}
.row-desktop .pdd-desktop-lr-10010 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}
.row-desktop .pdd-desktop-lr-10015 {
    padding-left: 15% !important;
    padding-right: 15% !important;
}
.row-desktop .mrg-desktop-tp-4 {
    margin-top: 4px !important;
}
.row-desktop .mrg-desktop-tp-8 {
    margin-top: 8px !important;
}
.row-desktop .mrg-desktop-tp-10 {
    margin-top: 10px !important;
}
.row-desktop .mrg-desktop-tp-12 {
    margin-top: 12px !important;
}
.row-desktop .mrg-desktop-tp-16 {
    margin-top: 16px !important;
}
.row-desktop .mrg-desktop-tp-20 {
    margin-top: 20px !important;
}
.row-desktop .mrg-desktop-tp-1001 {
    margin-top: 1% !important;
}
.row-desktop .mrg-desktop-tp-1002 {
    margin-top: 2% !important;
}
.row-desktop .mrg-desktop-tp-1004 {
    margin-top: 4% !important;
}
.row-desktop .mrg-desktop-tp-1005 {
    margin-top: 5% !important;
}
.row-desktop .mrg-desktop-tp-1008 {
    margin-top: 8% !important;
}
.row-desktop .mrg-desktop-tp-10010 {
    margin-top: 10% !important;
}
.row-desktop .mrg-desktop-tp-10015 {
    margin-top: 15% !important;
}
.row-desktop .mrg-desktop-bt-4 {
    margin-bottom: 4px !important;
}
.row-desktop .mrg-desktop-bt-8 {
    margin-bottom: 8px !important;
}
.row-desktop .mrg-desktop-bt-10 {
    margin-bottom: 10px !important;
}
.row-desktop .mrg-desktop-bt-12 {
    margin-bottom: 12px !important;
}
.row-desktop .mrg-desktop-bt-16 {
    margin-bottom: 16px !important;
}
.row-desktop .mrg-desktop-bt-20 {
    margin-bottom: 20px !important;
}
.row-desktop .mrg-desktop-bt-1001 {
    margin-bottom: 1% !important;
}
.row-desktop .mrg-desktop-bt-1002 {
    margin-bottom: 2% !important;
}
.row-desktop .mrg-desktop-bt-1004 {
    margin-bottom: 4% !important;
}
.row-desktop .mrg-desktop-bt-1005 {
    margin-bottom: 5% !important;
}
.row-desktop .mrg-desktop-bt-1008 {
    margin-bottom: 8% !important;
}
.row-desktop .mrg-desktop-bt-10010 {
    margin-bottom: 10% !important;
}
.row-desktop .mrg-desktop-bt-10015 {
    margin-bottom: 15% !important;
}
.row-desktop .mrg-desktop-tb-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.row-desktop .mrg-desktop-tb-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.row-desktop .mrg-desktop-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.row-desktop .mrg-desktop-tb-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.row-desktop .mrg-desktop-tb-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.row-desktop .mrg-desktop-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.row-desktop .mrg-desktop-tb-1001 {
    margin-top: 1% !important;
    margin-bottom: 1% !important;
}
.row-desktop .mrg-desktop-tb-1002 {
    margin-top: 2% !important;
    margin-bottom: 2% !important;
}
.row-desktop .mrg-desktop-tb-1004 {
    margin-top: 4% !important;
    margin-bottom: 4% !important;
}
.row-desktop .mrg-desktop-tb-1005 {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}
.row-desktop .mrg-desktop-tb-1008 {
    margin-top: 8% !important;
    margin-bottom: 8% !important;
}
.row-desktop .mrg-desktop-tb-10010 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
}
.row-desktop .mrg-desktop-tb-10015 {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
}
.row-desktop .mrg-desktop-l-4 {
    margin-left: 4px !important;
}
.row-desktop .mrg-desktop-l-8 {
    margin-left: 8px !important;
}
.row-desktop .mrg-desktop-l-10 {
    margin-left: 10px !important;
}
.row-desktop .mrg-desktop-l-12 {
    margin-left: 12px !important;
}
.row-desktop .mrg-desktop-l-16 {
    margin-left: 16px !important;
}
.row-desktop .mrg-desktop-l-20 {
    margin-left: 20px !important;
}
.row-desktop .mrg-desktop-l-1001 {
    margin-left: 1% !important;
}
.row-desktop .mrg-desktop-l-1002 {
    margin-left: 2% !important;
}
.row-desktop .mrg-desktop-l-1004 {
    margin-left: 4% !important;
}
.row-desktop .mrg-desktop-l-1005 {
    margin-left: 5% !important;
}
.row-desktop .mrg-desktop-l-1008 {
    margin-left: 8% !important;
}
.row-desktop .mrg-desktop-l-10010 {
    margin-left: 10% !important;
}
.row-desktop .mrg-desktop-l-10015 {
    margin-left: 15% !important;
}
.row-desktop .mrg-desktop-r-4 {
    margin-right: 4px !important;
}
.row-desktop .mrg-desktop-r-8 {
    margin-right: 8px !important;
}
.row-desktop .mrg-desktop-r-10 {
    margin-right: 10px !important;
}
.row-desktop .mrg-desktop-r-12 {
    margin-right: 12px !important;
}
.row-desktop .mrg-desktop-r-16 {
    margin-right: 16px !important;
}
.row-desktop .mrg-desktop-r-20 {
    margin-right: 20px !important;
}
.row-desktop .mrg-desktop-r-1001 {
    margin-right: 1% !important;
}
.row-desktop .mrg-desktop-r-1002 {
    margin-right: 2% !important;
}
.row-desktop .mrg-desktop-r-1004 {
    margin-right: 4% !important;
}
.row-desktop .mrg-desktop-r-1005 {
    margin-right: 5% !important;
}
.row-desktop .mrg-desktop-r-1008 {
    margin-right: 8% !important;
}
.row-desktop .mrg-desktop-r-10010 {
    margin-right: 10% !important;
}
.row-desktop .mrg-desktop-r-10015 {
    margin-right: 15% !important;
}
.row-desktop .mrg-desktop-lr-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.row-desktop .mrg-desktop-lr-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.row-desktop .mrg-desktop-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.row-desktop .mrg-desktop-lr-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.row-desktop .mrg-desktop-lr-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.row-desktop .mrg-desktop-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.row-desktop .mrg-desktop-lr-1001 {
    margin-left: 1% !important;
    margin-right: 1% !important;
}
.row-desktop .mrg-desktop-lr-1002 {
    margin-left: 2% !important;
    margin-right: 2% !important;
}
.row-desktop .mrg-desktop-lr-1004 {
    margin-left: 4% !important;
    margin-right: 4% !important;
}
.row-desktop .mrg-desktop-lr-1005 {
    margin-left: 5% !important;
    margin-right: 5% !important;
}
.row-desktop .mrg-desktop-lr-1008 {
    margin-left: 8% !important;
    margin-right: 8% !important;
}
.row-desktop .mrg-desktop-lr-10010 {
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.row-desktop .mrg-desktop-lr-10015 {
    margin-left: 15% !important;
    margin-right: 15% !important;
}
.row-laptop .pdd-laptop-tp-4 {
    padding-top: 4px !important;
}
.row-laptop .pdd-laptop-tp-8 {
    padding-top: 8px !important;
}
.row-laptop .pdd-laptop-tp-10 {
    padding-top: 10px !important;
}
.row-laptop .pdd-laptop-tp-12 {
    padding-top: 12px !important;
}
.row-laptop .pdd-laptop-tp-16 {
    padding-top: 16px !important;
}
.row-laptop .pdd-laptop-tp-20 {
    padding-top: 20px !important;
}
.row-laptop .pdd-laptop-tp-1001 {
    padding-top: 1% !important;
}
.row-laptop .pdd-laptop-tp-1002 {
    padding-top: 2% !important;
}
.row-laptop .pdd-laptop-tp-1004 {
    padding-top: 4% !important;
}
.row-laptop .pdd-laptop-tp-1005 {
    padding-top: 5% !important;
}
.row-laptop .pdd-laptop-tp-1008 {
    padding-top: 8% !important;
}
.row-laptop .pdd-laptop-tp-10010 {
    padding-top: 10% !important;
}
.row-laptop .pdd-laptop-tp-10015 {
    padding-top: 15% !important;
}
.row-laptop .pdd-laptop-bt-4 {
    padding-bottom: 4px !important;
}
.row-laptop .pdd-laptop-bt-8 {
    padding-bottom: 8px !important;
}
.row-laptop .pdd-laptop-bt-10 {
    padding-bottom: 10px !important;
}
.row-laptop .pdd-laptop-bt-12 {
    padding-bottom: 12px !important;
}
.row-laptop .pdd-laptop-bt-16 {
    padding-bottom: 16px !important;
}
.row-laptop .pdd-laptop-bt-20 {
    padding-bottom: 20px !important;
}
.row-laptop .pdd-laptop-bt-1001 {
    padding-bottom: 1% !important;
}
.row-laptop .pdd-laptop-bt-1002 {
    padding-bottom: 2% !important;
}
.row-laptop .pdd-laptop-bt-1004 {
    padding-bottom: 4% !important;
}
.row-laptop .pdd-laptop-bt-1005 {
    padding-bottom: 5% !important;
}
.row-laptop .pdd-laptop-bt-1008 {
    padding-bottom: 8% !important;
}
.row-laptop .pdd-laptop-bt-10010 {
    padding-bottom: 10% !important;
}
.row-laptop .pdd-laptop-bt-10015 {
    padding-bottom: 15% !important;
}
.row-laptop .pdd-laptop-tb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.row-laptop .pdd-laptop-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.row-laptop .pdd-laptop-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.row-laptop .pdd-laptop-tb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.row-laptop .pdd-laptop-tb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.row-laptop .pdd-laptop-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.row-laptop .pdd-laptop-tb-1001 {
    padding-top: 1% !important;
    padding-bottom: 1% !important;
}
.row-laptop .pdd-laptop-tb-1002 {
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}
.row-laptop .pdd-laptop-tb-1004 {
    padding-top: 4% !important;
    padding-bottom: 4% !important;
}
.row-laptop .pdd-laptop-tb-1005 {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
}
.row-laptop .pdd-laptop-tb-1008 {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
}
.row-laptop .pdd-laptop-tb-10010 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
}
.row-laptop .pdd-laptop-tb-10015 {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
}
.row-laptop .pdd-laptop-l-4 {
    padding-left: 4px !important;
}
.row-laptop .pdd-laptop-l-8 {
    padding-left: 8px !important;
}
.row-laptop .pdd-laptop-l-10 {
    padding-left: 10px !important;
}
.row-laptop .pdd-laptop-l-12 {
    padding-left: 12px !important;
}
.row-laptop .pdd-laptop-l-16 {
    padding-left: 16px !important;
}
.row-laptop .pdd-laptop-l-20 {
    padding-left: 20px !important;
}
.row-laptop .pdd-laptop-l-1001 {
    padding-left: 1% !important;
}
.row-laptop .pdd-laptop-l-1002 {
    padding-left: 2% !important;
}
.row-laptop .pdd-laptop-l-1004 {
    padding-left: 4% !important;
}
.row-laptop .pdd-laptop-l-1005 {
    padding-left: 5% !important;
}
.row-laptop .pdd-laptop-l-1008 {
    padding-left: 8% !important;
}
.row-laptop .pdd-laptop-l-10010 {
    padding-left: 10% !important;
}
.row-laptop .pdd-laptop-l-10015 {
    padding-left: 15% !important;
}
.row-laptop .pdd-laptop-r-4 {
    padding-right: 4px !important;
}
.row-laptop .pdd-laptop-r-8 {
    padding-right: 8px !important;
}
.row-laptop .pdd-laptop-r-10 {
    padding-right: 10px !important;
}
.row-laptop .pdd-laptop-r-12 {
    padding-right: 12px !important;
}
.row-laptop .pdd-laptop-r-16 {
    padding-right: 16px !important;
}
.row-laptop .pdd-laptop-r-20 {
    padding-right: 20px !important;
}
.row-laptop .pdd-laptop-r-1001 {
    padding-right: 1% !important;
}
.row-laptop .pdd-laptop-r-1002 {
    padding-right: 2% !important;
}
.row-laptop .pdd-laptop-r-1004 {
    padding-right: 4% !important;
}
.row-laptop .pdd-laptop-r-1005 {
    padding-right: 5% !important;
}
.row-laptop .pdd-laptop-r-1008 {
    padding-right: 8% !important;
}
.row-laptop .pdd-laptop-r-10010 {
    padding-right: 10% !important;
}
.row-laptop .pdd-laptop-r-10015 {
    padding-right: 15% !important;
}
.row-laptop .pdd-laptop-lr-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.row-laptop .pdd-laptop-lr-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.row-laptop .pdd-laptop-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.row-laptop .pdd-laptop-lr-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.row-laptop .pdd-laptop-lr-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.row-laptop .pdd-laptop-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.row-laptop .pdd-laptop-lr-1001 {
    padding-left: 1% !important;
    padding-right: 1% !important;
}
.row-laptop .pdd-laptop-lr-1002 {
    padding-left: 2% !important;
    padding-right: 2% !important;
}
.row-laptop .pdd-laptop-lr-1004 {
    padding-left: 4% !important;
    padding-right: 4% !important;
}
.row-laptop .pdd-laptop-lr-1005 {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
.row-laptop .pdd-laptop-lr-1008 {
    padding-left: 8% !important;
    padding-right: 8% !important;
}
.row-laptop .pdd-laptop-lr-10010 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}
.row-laptop .pdd-laptop-lr-10015 {
    padding-left: 15% !important;
    padding-right: 15% !important;
}
.row-laptop .mrg-laptop-tp-4 {
    margin-top: 4px !important;
}
.row-laptop .mrg-laptop-tp-8 {
    margin-top: 8px !important;
}
.row-laptop .mrg-laptop-tp-10 {
    margin-top: 10px !important;
}
.row-laptop .mrg-laptop-tp-12 {
    margin-top: 12px !important;
}
.row-laptop .mrg-laptop-tp-16 {
    margin-top: 16px !important;
}
.row-laptop .mrg-laptop-tp-20 {
    margin-top: 20px !important;
}
.row-laptop .mrg-laptop-tp-1001 {
    margin-top: 1% !important;
}
.row-laptop .mrg-laptop-tp-1002 {
    margin-top: 2% !important;
}
.row-laptop .mrg-laptop-tp-1004 {
    margin-top: 4% !important;
}
.row-laptop .mrg-laptop-tp-1005 {
    margin-top: 5% !important;
}
.row-laptop .mrg-laptop-tp-1008 {
    margin-top: 8% !important;
}
.row-laptop .mrg-laptop-tp-10010 {
    margin-top: 10% !important;
}
.row-laptop .mrg-laptop-tp-10015 {
    margin-top: 15% !important;
}
.row-laptop .mrg-laptop-bt-4 {
    margin-bottom: 4px !important;
}
.row-laptop .mrg-laptop-bt-8 {
    margin-bottom: 8px !important;
}
.row-laptop .mrg-laptop-bt-10 {
    margin-bottom: 10px !important;
}
.row-laptop .mrg-laptop-bt-12 {
    margin-bottom: 12px !important;
}
.row-laptop .mrg-laptop-bt-16 {
    margin-bottom: 16px !important;
}
.row-laptop .mrg-laptop-bt-20 {
    margin-bottom: 20px !important;
}
.row-laptop .mrg-laptop-bt-1001 {
    margin-bottom: 1% !important;
}
.row-laptop .mrg-laptop-bt-1002 {
    margin-bottom: 2% !important;
}
.row-laptop .mrg-laptop-bt-1004 {
    margin-bottom: 4% !important;
}
.row-laptop .mrg-laptop-bt-1005 {
    margin-bottom: 5% !important;
}
.row-laptop .mrg-laptop-bt-1008 {
    margin-bottom: 8% !important;
}
.row-laptop .mrg-laptop-bt-10010 {
    margin-bottom: 10% !important;
}
.row-laptop .mrg-laptop-bt-10015 {
    margin-bottom: 15% !important;
}
.row-laptop .mrg-laptop-tb-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.row-laptop .mrg-laptop-tb-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.row-laptop .mrg-laptop-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.row-laptop .mrg-laptop-tb-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.row-laptop .mrg-laptop-tb-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.row-laptop .mrg-laptop-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.row-laptop .mrg-laptop-tb-1001 {
    margin-top: 1% !important;
    margin-bottom: 1% !important;
}
.row-laptop .mrg-laptop-tb-1002 {
    margin-top: 2% !important;
    margin-bottom: 2% !important;
}
.row-laptop .mrg-laptop-tb-1004 {
    margin-top: 4% !important;
    margin-bottom: 4% !important;
}
.row-laptop .mrg-laptop-tb-1005 {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}
.row-laptop .mrg-laptop-tb-1008 {
    margin-top: 8% !important;
    margin-bottom: 8% !important;
}
.row-laptop .mrg-laptop-tb-10010 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
}
.row-laptop .mrg-laptop-tb-10015 {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
}
.row-laptop .mrg-laptop-l-4 {
    margin-left: 4px !important;
}
.row-laptop .mrg-laptop-l-8 {
    margin-left: 8px !important;
}
.row-laptop .mrg-laptop-l-10 {
    margin-left: 10px !important;
}
.row-laptop .mrg-laptop-l-12 {
    margin-left: 12px !important;
}
.row-laptop .mrg-laptop-l-16 {
    margin-left: 16px !important;
}
.row-laptop .mrg-laptop-l-20 {
    margin-left: 20px !important;
}
.row-laptop .mrg-laptop-l-1001 {
    margin-left: 1% !important;
}
.row-laptop .mrg-laptop-l-1002 {
    margin-left: 2% !important;
}
.row-laptop .mrg-laptop-l-1004 {
    margin-left: 4% !important;
}
.row-laptop .mrg-laptop-l-1005 {
    margin-left: 5% !important;
}
.row-laptop .mrg-laptop-l-1008 {
    margin-left: 8% !important;
}
.row-laptop .mrg-laptop-l-10010 {
    margin-left: 10% !important;
}
.row-laptop .mrg-laptop-l-10015 {
    margin-left: 15% !important;
}
.row-laptop .mrg-laptop-r-4 {
    margin-right: 4px !important;
}
.row-laptop .mrg-laptop-r-8 {
    margin-right: 8px !important;
}
.row-laptop .mrg-laptop-r-10 {
    margin-right: 10px !important;
}
.row-laptop .mrg-laptop-r-12 {
    margin-right: 12px !important;
}
.row-laptop .mrg-laptop-r-16 {
    margin-right: 16px !important;
}
.row-laptop .mrg-laptop-r-20 {
    margin-right: 20px !important;
}
.row-laptop .mrg-laptop-r-1001 {
    margin-right: 1% !important;
}
.row-laptop .mrg-laptop-r-1002 {
    margin-right: 2% !important;
}
.row-laptop .mrg-laptop-r-1004 {
    margin-right: 4% !important;
}
.row-laptop .mrg-laptop-r-1005 {
    margin-right: 5% !important;
}
.row-laptop .mrg-laptop-r-1008 {
    margin-right: 8% !important;
}
.row-laptop .mrg-laptop-r-10010 {
    margin-right: 10% !important;
}
.row-laptop .mrg-laptop-r-10015 {
    margin-right: 15% !important;
}
.row-laptop .mrg-laptop-lr-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.row-laptop .mrg-laptop-lr-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.row-laptop .mrg-laptop-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.row-laptop .mrg-laptop-lr-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.row-laptop .mrg-laptop-lr-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.row-laptop .mrg-laptop-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.row-laptop .mrg-laptop-lr-1001 {
    margin-left: 1% !important;
    margin-right: 1% !important;
}
.row-laptop .mrg-laptop-lr-1002 {
    margin-left: 2% !important;
    margin-right: 2% !important;
}
.row-laptop .mrg-laptop-lr-1004 {
    margin-left: 4% !important;
    margin-right: 4% !important;
}
.row-laptop .mrg-laptop-lr-1005 {
    margin-left: 5% !important;
    margin-right: 5% !important;
}
.row-laptop .mrg-laptop-lr-1008 {
    margin-left: 8% !important;
    margin-right: 8% !important;
}
.row-laptop .mrg-laptop-lr-10010 {
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.row-laptop .mrg-laptop-lr-10015 {
    margin-left: 15% !important;
    margin-right: 15% !important;
}
.row-tablet .pdd-tablet-tp-4 {
    padding-top: 4px !important;
}
.row-tablet .pdd-tablet-tp-8 {
    padding-top: 8px !important;
}
.row-tablet .pdd-tablet-tp-10 {
    padding-top: 10px !important;
}
.row-tablet .pdd-tablet-tp-12 {
    padding-top: 12px !important;
}
.row-tablet .pdd-tablet-tp-16 {
    padding-top: 16px !important;
}
.row-tablet .pdd-tablet-tp-20 {
    padding-top: 20px !important;
}
.row-tablet .pdd-tablet-tp-1001 {
    padding-top: 1% !important;
}
.row-tablet .pdd-tablet-tp-1002 {
    padding-top: 2% !important;
}
.row-tablet .pdd-tablet-tp-1004 {
    padding-top: 4% !important;
}
.row-tablet .pdd-tablet-tp-1005 {
    padding-top: 5% !important;
}
.row-tablet .pdd-tablet-tp-1008 {
    padding-top: 8% !important;
}
.row-tablet .pdd-tablet-tp-10010 {
    padding-top: 10% !important;
}
.row-tablet .pdd-tablet-tp-10015 {
    padding-top: 15% !important;
}
.row-tablet .pdd-tablet-bt-4 {
    padding-bottom: 4px !important;
}
.row-tablet .pdd-tablet-bt-8 {
    padding-bottom: 8px !important;
}
.row-tablet .pdd-tablet-bt-10 {
    padding-bottom: 10px !important;
}
.row-tablet .pdd-tablet-bt-12 {
    padding-bottom: 12px !important;
}
.row-tablet .pdd-tablet-bt-16 {
    padding-bottom: 16px !important;
}
.row-tablet .pdd-tablet-bt-20 {
    padding-bottom: 20px !important;
}
.row-tablet .pdd-tablet-bt-1001 {
    padding-bottom: 1% !important;
}
.row-tablet .pdd-tablet-bt-1002 {
    padding-bottom: 2% !important;
}
.row-tablet .pdd-tablet-bt-1004 {
    padding-bottom: 4% !important;
}
.row-tablet .pdd-tablet-bt-1005 {
    padding-bottom: 5% !important;
}
.row-tablet .pdd-tablet-bt-1008 {
    padding-bottom: 8% !important;
}
.row-tablet .pdd-tablet-bt-10010 {
    padding-bottom: 10% !important;
}
.row-tablet .pdd-tablet-bt-10015 {
    padding-bottom: 15% !important;
}
.row-tablet .pdd-tablet-tb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.row-tablet .pdd-tablet-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.row-tablet .pdd-tablet-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.row-tablet .pdd-tablet-tb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.row-tablet .pdd-tablet-tb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.row-tablet .pdd-tablet-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.row-tablet .pdd-tablet-tb-1001 {
    padding-top: 1% !important;
    padding-bottom: 1% !important;
}
.row-tablet .pdd-tablet-tb-1002 {
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}
.row-tablet .pdd-tablet-tb-1004 {
    padding-top: 4% !important;
    padding-bottom: 4% !important;
}
.row-tablet .pdd-tablet-tb-1005 {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
}
.row-tablet .pdd-tablet-tb-1008 {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
}
.row-tablet .pdd-tablet-tb-10010 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
}
.row-tablet .pdd-tablet-tb-10015 {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
}
.row-tablet .pdd-tablet-l-4 {
    padding-left: 4px !important;
}
.row-tablet .pdd-tablet-l-8 {
    padding-left: 8px !important;
}
.row-tablet .pdd-tablet-l-10 {
    padding-left: 10px !important;
}
.row-tablet .pdd-tablet-l-12 {
    padding-left: 12px !important;
}
.row-tablet .pdd-tablet-l-16 {
    padding-left: 16px !important;
}
.row-tablet .pdd-tablet-l-20 {
    padding-left: 20px !important;
}
.row-tablet .pdd-tablet-l-1001 {
    padding-left: 1% !important;
}
.row-tablet .pdd-tablet-l-1002 {
    padding-left: 2% !important;
}
.row-tablet .pdd-tablet-l-1004 {
    padding-left: 4% !important;
}
.row-tablet .pdd-tablet-l-1005 {
    padding-left: 5% !important;
}
.row-tablet .pdd-tablet-l-1008 {
    padding-left: 8% !important;
}
.row-tablet .pdd-tablet-l-10010 {
    padding-left: 10% !important;
}
.row-tablet .pdd-tablet-l-10015 {
    padding-left: 15% !important;
}
.row-tablet .pdd-tablet-r-4 {
    padding-right: 4px !important;
}
.row-tablet .pdd-tablet-r-8 {
    padding-right: 8px !important;
}
.row-tablet .pdd-tablet-r-10 {
    padding-right: 10px !important;
}
.row-tablet .pdd-tablet-r-12 {
    padding-right: 12px !important;
}
.row-tablet .pdd-tablet-r-16 {
    padding-right: 16px !important;
}
.row-tablet .pdd-tablet-r-20 {
    padding-right: 20px !important;
}
.row-tablet .pdd-tablet-r-1001 {
    padding-right: 1% !important;
}
.row-tablet .pdd-tablet-r-1002 {
    padding-right: 2% !important;
}
.row-tablet .pdd-tablet-r-1004 {
    padding-right: 4% !important;
}
.row-tablet .pdd-tablet-r-1005 {
    padding-right: 5% !important;
}
.row-tablet .pdd-tablet-r-1008 {
    padding-right: 8% !important;
}
.row-tablet .pdd-tablet-r-10010 {
    padding-right: 10% !important;
}
.row-tablet .pdd-tablet-r-10015 {
    padding-right: 15% !important;
}
.row-tablet .pdd-tablet-lr-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.row-tablet .pdd-tablet-lr-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.row-tablet .pdd-tablet-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.row-tablet .pdd-tablet-lr-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.row-tablet .pdd-tablet-lr-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.row-tablet .pdd-tablet-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.row-tablet .pdd-tablet-lr-1001 {
    padding-left: 1% !important;
    padding-right: 1% !important;
}
.row-tablet .pdd-tablet-lr-1002 {
    padding-left: 2% !important;
    padding-right: 2% !important;
}
.row-tablet .pdd-tablet-lr-1004 {
    padding-left: 4% !important;
    padding-right: 4% !important;
}
.row-tablet .pdd-tablet-lr-1005 {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
.row-tablet .pdd-tablet-lr-1008 {
    padding-left: 8% !important;
    padding-right: 8% !important;
}
.row-tablet .pdd-tablet-lr-10010 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}
.row-tablet .pdd-tablet-lr-10015 {
    padding-left: 15% !important;
    padding-right: 15% !important;
}
.row-tablet .mrg-tablet-tp-4 {
    margin-top: 4px !important;
}
.row-tablet .mrg-tablet-tp-8 {
    margin-top: 8px !important;
}
.row-tablet .mrg-tablet-tp-10 {
    margin-top: 10px !important;
}
.row-tablet .mrg-tablet-tp-12 {
    margin-top: 12px !important;
}
.row-tablet .mrg-tablet-tp-16 {
    margin-top: 16px !important;
}
.row-tablet .mrg-tablet-tp-20 {
    margin-top: 20px !important;
}
.row-tablet .mrg-tablet-tp-1001 {
    margin-top: 1% !important;
}
.row-tablet .mrg-tablet-tp-1002 {
    margin-top: 2% !important;
}
.row-tablet .mrg-tablet-tp-1004 {
    margin-top: 4% !important;
}
.row-tablet .mrg-tablet-tp-1005 {
    margin-top: 5% !important;
}
.row-tablet .mrg-tablet-tp-1008 {
    margin-top: 8% !important;
}
.row-tablet .mrg-tablet-tp-10010 {
    margin-top: 10% !important;
}
.row-tablet .mrg-tablet-tp-10015 {
    margin-top: 15% !important;
}
.row-tablet .mrg-tablet-bt-4 {
    margin-bottom: 4px !important;
}
.row-tablet .mrg-tablet-bt-8 {
    margin-bottom: 8px !important;
}
.row-tablet .mrg-tablet-bt-10 {
    margin-bottom: 10px !important;
}
.row-tablet .mrg-tablet-bt-12 {
    margin-bottom: 12px !important;
}
.row-tablet .mrg-tablet-bt-16 {
    margin-bottom: 16px !important;
}
.row-tablet .mrg-tablet-bt-20 {
    margin-bottom: 20px !important;
}
.row-tablet .mrg-tablet-bt-1001 {
    margin-bottom: 1% !important;
}
.row-tablet .mrg-tablet-bt-1002 {
    margin-bottom: 2% !important;
}
.row-tablet .mrg-tablet-bt-1004 {
    margin-bottom: 4% !important;
}
.row-tablet .mrg-tablet-bt-1005 {
    margin-bottom: 5% !important;
}
.row-tablet .mrg-tablet-bt-1008 {
    margin-bottom: 8% !important;
}
.row-tablet .mrg-tablet-bt-10010 {
    margin-bottom: 10% !important;
}
.row-tablet .mrg-tablet-bt-10015 {
    margin-bottom: 15% !important;
}
.row-tablet .mrg-tablet-tb-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.row-tablet .mrg-tablet-tb-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.row-tablet .mrg-tablet-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.row-tablet .mrg-tablet-tb-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.row-tablet .mrg-tablet-tb-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.row-tablet .mrg-tablet-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.row-tablet .mrg-tablet-tb-1001 {
    margin-top: 1% !important;
    margin-bottom: 1% !important;
}
.row-tablet .mrg-tablet-tb-1002 {
    margin-top: 2% !important;
    margin-bottom: 2% !important;
}
.row-tablet .mrg-tablet-tb-1004 {
    margin-top: 4% !important;
    margin-bottom: 4% !important;
}
.row-tablet .mrg-tablet-tb-1005 {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}
.row-tablet .mrg-tablet-tb-1008 {
    margin-top: 8% !important;
    margin-bottom: 8% !important;
}
.row-tablet .mrg-tablet-tb-10010 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
}
.row-tablet .mrg-tablet-tb-10015 {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
}
.row-tablet .mrg-tablet-l-4 {
    margin-left: 4px !important;
}
.row-tablet .mrg-tablet-l-8 {
    margin-left: 8px !important;
}
.row-tablet .mrg-tablet-l-10 {
    margin-left: 10px !important;
}
.row-tablet .mrg-tablet-l-12 {
    margin-left: 12px !important;
}
.row-tablet .mrg-tablet-l-16 {
    margin-left: 16px !important;
}
.row-tablet .mrg-tablet-l-20 {
    margin-left: 20px !important;
}
.row-tablet .mrg-tablet-l-1001 {
    margin-left: 1% !important;
}
.row-tablet .mrg-tablet-l-1002 {
    margin-left: 2% !important;
}
.row-tablet .mrg-tablet-l-1004 {
    margin-left: 4% !important;
}
.row-tablet .mrg-tablet-l-1005 {
    margin-left: 5% !important;
}
.row-tablet .mrg-tablet-l-1008 {
    margin-left: 8% !important;
}
.row-tablet .mrg-tablet-l-10010 {
    margin-left: 10% !important;
}
.row-tablet .mrg-tablet-l-10015 {
    margin-left: 15% !important;
}
.row-tablet .mrg-tablet-r-4 {
    margin-right: 4px !important;
}
.row-tablet .mrg-tablet-r-8 {
    margin-right: 8px !important;
}
.row-tablet .mrg-tablet-r-10 {
    margin-right: 10px !important;
}
.row-tablet .mrg-tablet-r-12 {
    margin-right: 12px !important;
}
.row-tablet .mrg-tablet-r-16 {
    margin-right: 16px !important;
}
.row-tablet .mrg-tablet-r-20 {
    margin-right: 20px !important;
}
.row-tablet .mrg-tablet-r-1001 {
    margin-right: 1% !important;
}
.row-tablet .mrg-tablet-r-1002 {
    margin-right: 2% !important;
}
.row-tablet .mrg-tablet-r-1004 {
    margin-right: 4% !important;
}
.row-tablet .mrg-tablet-r-1005 {
    margin-right: 5% !important;
}
.row-tablet .mrg-tablet-r-1008 {
    margin-right: 8% !important;
}
.row-tablet .mrg-tablet-r-10010 {
    margin-right: 10% !important;
}
.row-tablet .mrg-tablet-r-10015 {
    margin-right: 15% !important;
}
.row-tablet .mrg-tablet-lr-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.row-tablet .mrg-tablet-lr-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.row-tablet .mrg-tablet-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.row-tablet .mrg-tablet-lr-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.row-tablet .mrg-tablet-lr-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.row-tablet .mrg-tablet-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.row-tablet .mrg-tablet-lr-1001 {
    margin-left: 1% !important;
    margin-right: 1% !important;
}
.row-tablet .mrg-tablet-lr-1002 {
    margin-left: 2% !important;
    margin-right: 2% !important;
}
.row-tablet .mrg-tablet-lr-1004 {
    margin-left: 4% !important;
    margin-right: 4% !important;
}
.row-tablet .mrg-tablet-lr-1005 {
    margin-left: 5% !important;
    margin-right: 5% !important;
}
.row-tablet .mrg-tablet-lr-1008 {
    margin-left: 8% !important;
    margin-right: 8% !important;
}
.row-tablet .mrg-tablet-lr-10010 {
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.row-tablet .mrg-tablet-lr-10015 {
    margin-left: 15% !important;
    margin-right: 15% !important;
}
.row-mobile .pdd-mobile-tp-4 {
    padding-top: 4px !important;
}
.row-mobile .pdd-mobile-tp-8 {
    padding-top: 8px !important;
}
.row-mobile .pdd-mobile-tp-10 {
    padding-top: 10px !important;
}
.row-mobile .pdd-mobile-tp-12 {
    padding-top: 12px !important;
}
.row-mobile .pdd-mobile-tp-16 {
    padding-top: 16px !important;
}
.row-mobile .pdd-mobile-tp-20 {
    padding-top: 20px !important;
}
.row-mobile .pdd-mobile-tp-1001 {
    padding-top: 1% !important;
}
.row-mobile .pdd-mobile-tp-1002 {
    padding-top: 2% !important;
}
.row-mobile .pdd-mobile-tp-1004 {
    padding-top: 4% !important;
}
.row-mobile .pdd-mobile-tp-1005 {
    padding-top: 5% !important;
}
.row-mobile .pdd-mobile-tp-1008 {
    padding-top: 8% !important;
}
.row-mobile .pdd-mobile-tp-10010 {
    padding-top: 10% !important;
}
.row-mobile .pdd-mobile-tp-10015 {
    padding-top: 15% !important;
}
.row-mobile .pdd-mobile-bt-4 {
    padding-bottom: 4px !important;
}
.row-mobile .pdd-mobile-bt-8 {
    padding-bottom: 8px !important;
}
.row-mobile .pdd-mobile-bt-10 {
    padding-bottom: 10px !important;
}
.row-mobile .pdd-mobile-bt-12 {
    padding-bottom: 12px !important;
}
.row-mobile .pdd-mobile-bt-16 {
    padding-bottom: 16px !important;
}
.row-mobile .pdd-mobile-bt-20 {
    padding-bottom: 20px !important;
}
.row-mobile .pdd-mobile-bt-1001 {
    padding-bottom: 1% !important;
}
.row-mobile .pdd-mobile-bt-1002 {
    padding-bottom: 2% !important;
}
.row-mobile .pdd-mobile-bt-1004 {
    padding-bottom: 4% !important;
}
.row-mobile .pdd-mobile-bt-1005 {
    padding-bottom: 5% !important;
}
.row-mobile .pdd-mobile-bt-1008 {
    padding-bottom: 8% !important;
}
.row-mobile .pdd-mobile-bt-10010 {
    padding-bottom: 10% !important;
}
.row-mobile .pdd-mobile-bt-10015 {
    padding-bottom: 15% !important;
}
.row-mobile .pdd-mobile-tb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.row-mobile .pdd-mobile-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.row-mobile .pdd-mobile-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.row-mobile .pdd-mobile-tb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.row-mobile .pdd-mobile-tb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.row-mobile .pdd-mobile-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.row-mobile .pdd-mobile-tb-1001 {
    padding-top: 1% !important;
    padding-bottom: 1% !important;
}
.row-mobile .pdd-mobile-tb-1002 {
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}
.row-mobile .pdd-mobile-tb-1004 {
    padding-top: 4% !important;
    padding-bottom: 4% !important;
}
.row-mobile .pdd-mobile-tb-1005 {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
}
.row-mobile .pdd-mobile-tb-1008 {
    padding-top: 8% !important;
    padding-bottom: 8% !important;
}
.row-mobile .pdd-mobile-tb-10010 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
}
.row-mobile .pdd-mobile-tb-10015 {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
}
.row-mobile .pdd-mobile-l-4 {
    padding-left: 4px !important;
}
.row-mobile .pdd-mobile-l-8 {
    padding-left: 8px !important;
}
.row-mobile .pdd-mobile-l-10 {
    padding-left: 10px !important;
}
.row-mobile .pdd-mobile-l-12 {
    padding-left: 12px !important;
}
.row-mobile .pdd-mobile-l-16 {
    padding-left: 16px !important;
}
.row-mobile .pdd-mobile-l-20 {
    padding-left: 20px !important;
}
.row-mobile .pdd-mobile-l-1001 {
    padding-left: 1% !important;
}
.row-mobile .pdd-mobile-l-1002 {
    padding-left: 2% !important;
}
.row-mobile .pdd-mobile-l-1004 {
    padding-left: 4% !important;
}
.row-mobile .pdd-mobile-l-1005 {
    padding-left: 5% !important;
}
.row-mobile .pdd-mobile-l-1008 {
    padding-left: 8% !important;
}
.row-mobile .pdd-mobile-l-10010 {
    padding-left: 10% !important;
}
.row-mobile .pdd-mobile-l-10015 {
    padding-left: 15% !important;
}
.row-mobile .pdd-mobile-r-4 {
    padding-right: 4px !important;
}
.row-mobile .pdd-mobile-r-8 {
    padding-right: 8px !important;
}
.row-mobile .pdd-mobile-r-10 {
    padding-right: 10px !important;
}
.row-mobile .pdd-mobile-r-12 {
    padding-right: 12px !important;
}
.row-mobile .pdd-mobile-r-16 {
    padding-right: 16px !important;
}
.row-mobile .pdd-mobile-r-20 {
    padding-right: 20px !important;
}
.row-mobile .pdd-mobile-r-1001 {
    padding-right: 1% !important;
}
.row-mobile .pdd-mobile-r-1002 {
    padding-right: 2% !important;
}
.row-mobile .pdd-mobile-r-1004 {
    padding-right: 4% !important;
}
.row-mobile .pdd-mobile-r-1005 {
    padding-right: 5% !important;
}
.row-mobile .pdd-mobile-r-1008 {
    padding-right: 8% !important;
}
.row-mobile .pdd-mobile-r-10010 {
    padding-right: 10% !important;
}
.row-mobile .pdd-mobile-r-10015 {
    padding-right: 15% !important;
}
.row-mobile .pdd-mobile-lr-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.row-mobile .pdd-mobile-lr-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.row-mobile .pdd-mobile-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.row-mobile .pdd-mobile-lr-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.row-mobile .pdd-mobile-lr-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.row-mobile .pdd-mobile-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.row-mobile .pdd-mobile-lr-1001 {
    padding-left: 1% !important;
    padding-right: 1% !important;
}
.row-mobile .pdd-mobile-lr-1002 {
    padding-left: 2% !important;
    padding-right: 2% !important;
}
.row-mobile .pdd-mobile-lr-1004 {
    padding-left: 4% !important;
    padding-right: 4% !important;
}
.row-mobile .pdd-mobile-lr-1005 {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
.row-mobile .pdd-mobile-lr-1008 {
    padding-left: 8% !important;
    padding-right: 8% !important;
}
.row-mobile .pdd-mobile-lr-10010 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}
.row-mobile .pdd-mobile-lr-10015 {
    padding-left: 15% !important;
    padding-right: 15% !important;
}
.row-mobile .mrg-mobile-tp-4 {
    margin-top: 4px !important;
}
.row-mobile .mrg-mobile-tp-8 {
    margin-top: 8px !important;
}
.row-mobile .mrg-mobile-tp-10 {
    margin-top: 10px !important;
}
.row-mobile .mrg-mobile-tp-12 {
    margin-top: 12px !important;
}
.row-mobile .mrg-mobile-tp-16 {
    margin-top: 16px !important;
}
.row-mobile .mrg-mobile-tp-20 {
    margin-top: 20px !important;
}
.row-mobile .mrg-mobile-tp-1001 {
    margin-top: 1% !important;
}
.row-mobile .mrg-mobile-tp-1002 {
    margin-top: 2% !important;
}
.row-mobile .mrg-mobile-tp-1004 {
    margin-top: 4% !important;
}
.row-mobile .mrg-mobile-tp-1005 {
    margin-top: 5% !important;
}
.row-mobile .mrg-mobile-tp-1008 {
    margin-top: 8% !important;
}
.row-mobile .mrg-mobile-tp-10010 {
    margin-top: 10% !important;
}
.row-mobile .mrg-mobile-tp-10015 {
    margin-top: 15% !important;
}
.row-mobile .mrg-mobile-bt-4 {
    margin-bottom: 4px !important;
}
.row-mobile .mrg-mobile-bt-8 {
    margin-bottom: 8px !important;
}
.row-mobile .mrg-mobile-bt-10 {
    margin-bottom: 10px !important;
}
.row-mobile .mrg-mobile-bt-12 {
    margin-bottom: 12px !important;
}
.row-mobile .mrg-mobile-bt-16 {
    margin-bottom: 16px !important;
}
.row-mobile .mrg-mobile-bt-20 {
    margin-bottom: 20px !important;
}
.row-mobile .mrg-mobile-bt-1001 {
    margin-bottom: 1% !important;
}
.row-mobile .mrg-mobile-bt-1002 {
    margin-bottom: 2% !important;
}
.row-mobile .mrg-mobile-bt-1004 {
    margin-bottom: 4% !important;
}
.row-mobile .mrg-mobile-bt-1005 {
    margin-bottom: 5% !important;
}
.row-mobile .mrg-mobile-bt-1008 {
    margin-bottom: 8% !important;
}
.row-mobile .mrg-mobile-bt-10010 {
    margin-bottom: 10% !important;
}
.row-mobile .mrg-mobile-bt-10015 {
    margin-bottom: 15% !important;
}
.row-mobile .mrg-mobile-tb-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.row-mobile .mrg-mobile-tb-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.row-mobile .mrg-mobile-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.row-mobile .mrg-mobile-tb-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.row-mobile .mrg-mobile-tb-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.row-mobile .mrg-mobile-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.row-mobile .mrg-mobile-tb-1001 {
    margin-top: 1% !important;
    margin-bottom: 1% !important;
}
.row-mobile .mrg-mobile-tb-1002 {
    margin-top: 2% !important;
    margin-bottom: 2% !important;
}
.row-mobile .mrg-mobile-tb-1004 {
    margin-top: 4% !important;
    margin-bottom: 4% !important;
}
.row-mobile .mrg-mobile-tb-1005 {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}
.row-mobile .mrg-mobile-tb-1008 {
    margin-top: 8% !important;
    margin-bottom: 8% !important;
}
.row-mobile .mrg-mobile-tb-10010 {
    margin-top: 10% !important;
    margin-bottom: 10% !important;
}
.row-mobile .mrg-mobile-tb-10015 {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
}
.row-mobile .mrg-mobile-l-4 {
    margin-left: 4px !important;
}
.row-mobile .mrg-mobile-l-8 {
    margin-left: 8px !important;
}
.row-mobile .mrg-mobile-l-10 {
    margin-left: 10px !important;
}
.row-mobile .mrg-mobile-l-12 {
    margin-left: 12px !important;
}
.row-mobile .mrg-mobile-l-16 {
    margin-left: 16px !important;
}
.row-mobile .mrg-mobile-l-20 {
    margin-left: 20px !important;
}
.row-mobile .mrg-mobile-l-1001 {
    margin-left: 1% !important;
}
.row-mobile .mrg-mobile-l-1002 {
    margin-left: 2% !important;
}
.row-mobile .mrg-mobile-l-1004 {
    margin-left: 4% !important;
}
.row-mobile .mrg-mobile-l-1005 {
    margin-left: 5% !important;
}
.row-mobile .mrg-mobile-l-1008 {
    margin-left: 8% !important;
}
.row-mobile .mrg-mobile-l-10010 {
    margin-left: 10% !important;
}
.row-mobile .mrg-mobile-l-10015 {
    margin-left: 15% !important;
}
.row-mobile .mrg-mobile-r-4 {
    margin-right: 4px !important;
}
.row-mobile .mrg-mobile-r-8 {
    margin-right: 8px !important;
}
.row-mobile .mrg-mobile-r-10 {
    margin-right: 10px !important;
}
.row-mobile .mrg-mobile-r-12 {
    margin-right: 12px !important;
}
.row-mobile .mrg-mobile-r-16 {
    margin-right: 16px !important;
}
.row-mobile .mrg-mobile-r-20 {
    margin-right: 20px !important;
}
.row-mobile .mrg-mobile-r-1001 {
    margin-right: 1% !important;
}
.row-mobile .mrg-mobile-r-1002 {
    margin-right: 2% !important;
}
.row-mobile .mrg-mobile-r-1004 {
    margin-right: 4% !important;
}
.row-mobile .mrg-mobile-r-1005 {
    margin-right: 5% !important;
}
.row-mobile .mrg-mobile-r-1008 {
    margin-right: 8% !important;
}
.row-mobile .mrg-mobile-r-10010 {
    margin-right: 10% !important;
}
.row-mobile .mrg-mobile-r-10015 {
    margin-right: 15% !important;
}
.row-mobile .mrg-mobile-lr-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.row-mobile .mrg-mobile-lr-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.row-mobile .mrg-mobile-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.row-mobile .mrg-mobile-lr-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.row-mobile .mrg-mobile-lr-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.row-mobile .mrg-mobile-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.row-mobile .mrg-mobile-lr-1001 {
    margin-left: 1% !important;
    margin-right: 1% !important;
}
.row-mobile .mrg-mobile-lr-1002 {
    margin-left: 2% !important;
    margin-right: 2% !important;
}
.row-mobile .mrg-mobile-lr-1004 {
    margin-left: 4% !important;
    margin-right: 4% !important;
}
.row-mobile .mrg-mobile-lr-1005 {
    margin-left: 5% !important;
    margin-right: 5% !important;
}
.row-mobile .mrg-mobile-lr-1008 {
    margin-left: 8% !important;
    margin-right: 8% !important;
}
.row-mobile .mrg-mobile-lr-10010 {
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.row-mobile .mrg-mobile-lr-10015 {
    margin-left: 15% !important;
    margin-right: 15% !important;
}

.opacity-0 { opacity: 0; }
.opacity-05 { opacity: 0.5; }
.opacity-06 { opacity: 0.6; }
.opacity-07 { opacity: 0.7; }
.opacity-08 { opacity: 0.8; }
.opacity-09 { opacity: 0.9; }
.opacity-1 { opacity: 1; }

.opacity-0:hover { opacity: 0; }
.opacity-hover-05:hover { opacity: 0.5; }
.opacity-hover-06:hover { opacity: 0.6; }
.opacity-hover-07:hover { opacity: 0.7; }
.opacity-hover-08:hover { opacity: 0.8; }
.opacity-hover-09:hover { opacity: 0.9; }
.opacity-hover-1:hover { opacity: 1; }

.page-preloader {
    background-color: #FFF;
    opacity: 0.7;
    border: medium none;
    cursor: default;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}
.center-loading {
    height: 34px;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 200;
}

@-moz-keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes three-quarters-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
    -moz-animation: three-quarters-loader 1250ms infinite linear;
    -webkit-animation: three-quarters-loader 1250ms infinite linear;
    animation: three-quarters-loader 1250ms infinite linear;
    border: 6px solid #234489;
    border-right-color: transparent;
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-block;
    /*position: relative;*/
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
}

.info-text .info-text-label{
    margin-bottom:0rem;
}
/*
.info-text .info-text-value{
    padding-left: 5px;
}*/

/*
* display
*/
.hide { display:none !important; }
.inline { display:inline !important; }
.inline-block { display:inline-block !important; }
.display-table { display: table !important; }

/*
* float
*/
.right, .f-right, .fright { float:right !important; }
.left, .f-left, .fleft { float:left !important; }
.flnone, .f-none, .fnone { float: none !important; }

/*
* align
*/
.align-left, .txt-left, .text-left { text-align: left !important; }
.align-right, .txt-right, .text-right { text-align: right !important; }
.align-center, .txt-center, .text-center { text-align: center !important; }
.txt-uppercase, .uppercase{text-transform: uppercase !important;}
.txt-lowercase, .lowercase{text-transform: lowercase !important;}
.align-items-center { align-items: center; }
.valign-center-father{display: flex;align-items: center;}
.valign-center-child{}

/*
* clear
*/
.clear { clear: both; }

.bold{ font-weight: bold !important; }

.brd0{border:0 !important;}
.brd1{border:1px solid var(--border-color);}
.brd-l0{border-left:0 !important;}
.brd-tp0{border-top:0 !important;}
.brd-bt0{border-bottom:0 !important;}
.brd-r0{border-right:0 !important;}

.brd-l1-gray { border-left: 1px solid #adb7be; }
.brd-l2-gray { border-left: 2px solid #adb7be; }
.brd-l3-gray { border-left: 3px solid #adb7be; }
.brd-r1-gray { border-right: 1px solid #adb7be; }
.brd-r2-gray { border-right: 2px solid #adb7be; }
.brd-r3-gray { border-right: 3px solid #adb7be; }

/*
* margin
*/
.mrg-l1per { margin-left:1% !important; }
.mrg-r1per { margin-right:1% !important; }
.mrg-auto { margin-left:auto !important;margin-right:auto !important; }
.mrg-l-auto { margin-left:auto !important; }
.mrg-r-auto { margin-right:auto !important; }

.mrg0 { margin:0 !important; }
.mrg5 { margin:5px !important; }
.mrg10 { margin:10px !important; }
.mrg15 { margin:15px !important; }
.mrg20 { margin:20px !important; }
.mrg25 { margin:25px !important; }
.mrg35 { margin:35px !important; }

.mrg-tp--8 { margin-top:-8px !important; }
.mrg-tp--4 { margin-top:-4px !important; }
.mrg-tp-0 { margin-top:0px !important; }
.mrg-tp-3 { margin-top:3px !important; }
.mrg-tp-5 { margin-top:5px !important; }
.mrg-tp-8 { margin-top:8px !important; }
.mrg-tp-10 { margin-top:10px !important; }
.mrg-tp-15 { margin-top:15px !important; }
.mrg-tp-20 { margin-top: 20px !important; }
.mrg-tp-25 { margin-top:25px !important; }
.mrg-tp-28 { margin-top: 28px !important; }
.mrg-tp-30 { margin-top: 30px !important; }
.mrg-tp-32 { margin-top: 32px !important; }
.mrg-tp-33 { margin-top: 33px !important; }
.mrg-tp-35 { margin-top:35px !important; }
.mrg-tp-40 { margin-top:40px !important; }
.mrg-tp-45 { margin-top:45px !important; }
.mrg-tp-50 { margin-top:50px !important; }
.mrg-tp-55 { margin-top:55px !important; }
.mrg-tp-60 { margin-top:60px !important; }

.mrg-bt-0 { margin-bottom:0 !important; }
.mrg-bt-3 { margin-bottom:3px !important; }
.mrg-bt-5 { margin-bottom:5px !important; }
.mrg-bt-8 { margin-bottom:8px !important; }
.mrg-bt-10 { margin-bottom:10px !important; }
.mrg-bt-15 { margin-bottom:15px !important; }
.mrg-bt-20 { margin-bottom:20px !important; }
.mrg-bt-25 { margin-bottom:25px !important; }
.mrg-bt-30 { margin-bottom:30px !important; }
.mrg-bt-35 { margin-bottom:35px !important; }
.mrg-bt-40 { margin-bottom:40px !important; }
.mrg-bt-45 { margin-bottom:45px !important; }
.mrg-bt-50 { margin-bottom:50px !important; }
.mrg-bt-100 { margin-bottom:100px !important; }

.mrg-bt-0pr { margin-bottom:0 !important; }
.mrg-bt-3pr { margin-bottom:3% !important; }
.mrg-bt-5pr { margin-bottom:5% !important; }
.mrg-bt-10pr { margin-bottom:10% !important; }
.mrg-bt-15pr { margin-bottom:15% !important; }
.mrg-bt-25pr { margin-bottom:25% !important; }
.mrg-bt-50pr { margin-bottom:50% !important; }
.mrg-bt-100pr { margin-bottom:100% !important; }

.mrg-tp-0pr { margin-top:0 !important; }
.mrg-tp-3pr { margin-top:3% !important; }
.mrg-tp-5pr { margin-top:5% !important; }
.mrg-tp-10pr { margin-top:10% !important; }
.mrg-tp-15pr { margin-top:15% !important; }
.mrg-tp-25pr { margin-top:25% !important; }
.mrg-tp-50pr { margin-top:50% !important; }
.mrg-tp-100pr { margin-top:100% !important; }

.mrg-l-0pr { margin-left:0 !important; }
.mrg-l-3pr { margin-left:3% !important; }
.mrg-l-5pr { margin-left:5% !important; }
.mrg-l-10pr { margin-left:10% !important; }
.mrg-l-15pr { margin-left:15% !important; }
.mrg-l-25pr { margin-left:25% !important; }
.mrg-l-50pr { margin-left:50% !important; }
.mrg-l-100pr { margin-left:100% !important; }

.mrg-r-0pr { margin-right:0 !important; }
.mrg-r-3pr { margin-right:3% !important; }
.mrg-r-5pr { margin-right:5% !important; }
.mrg-r-10pr { margin-right:10% !important; }
.mrg-r-15pr { margin-right:15% !important; }
.mrg-r-25pr { margin-right:25% !important; }
.mrg-r-50pr { margin-right:50% !important; }
.mrg-r-100pr { margin-right:100% !important; }

.mrg-l0 { margin-left:0 !important; }
.mrg-l4 { margin-left:4px !important; }
.mrg-l5 { margin-left:5px !important; }
.mrg-l8 { margin-left:8px !important; }
.mrg-l10 { margin-left:10px !important; }
.mrg-l12 { margin-left:12px !important; }
.mrg-l15 { margin-left:15px !important; }
.mrg-l20 { margin-left:20px !important; }
.mrg-l25 { margin-left:25px !important; }
.mrg-l30 { margin-left:30px !important; }
.mrg-l35 { margin-left:35px !important; }
.mrg-l40 { margin-left:40px !important; }
.mrg-l50 { margin-left:50px !important; }
.mrg-l60 { margin-left:60px !important; }
.mrg-l70 { margin-left:70px !important; }
.mrg-l80 { margin-left:80px !important; }
.mrg-l90 { margin-left:90px !important; }
.mrg-l100 { margin-left:100px !important; }
.mrg-l110 { margin-left:110px !important; }
.mrg-l120 { margin-left:120px !important; }
.mrg-l130 { margin-left:130px !important; }
.mrg-l140 { margin-left:140px !important; }
.mrg-l150 { margin-left:150px !important; }
.mrg-l160 { margin-left:160px !important; }
.mrg-l170 { margin-left:170px !important; }
.mrg-l180 { margin-left:180px !important; }
.mrg-l190 { margin-left:190px !important; }
.mrg-l200 { margin-left:200px !important; }
.mrg-l210 { margin-left:210px !important; }
.mrg-l220 { margin-left:220px !important; }
.mrg-l230 { margin-left:230px !important; }
.mrg-l240 { margin-left:240px !important; }
.mrg-l250 { margin-left:250px !important; }

.mrg-r0 { margin-right:0 !important; }
.mrg-r4 { margin-right:4px !important; }
.mrg-r5 { margin-right:5px !important; }
.mrg-r8 { margin-right:8px !important; }
.mrg-r10 { margin-right:10px !important; }
.mrg-r12 { margin-right:12px !important; }
.mrg-r15 { margin-right:15px !important; }
.mrg-r20 { margin-right:20px !important; }
.mrg-r25 { margin-right:25px !important; }
.mrg-r30 { margin-right:30px !important; }
.mrg-r35 { margin-right:35px !important; }

@media (min-width: 480px){
    .mrg-xs-l1per { margin-left:1% !important; }
    .mrg-xs-r1per { margin-right:1% !important; }
    .mrg-xs-l-auto { margin-left:auto !important; }
    .mrg-xs-r-auto { margin-right:auto !important; }

    .mrg-xs0 { margin:0 !important; }
    .mrg-xs5 { margin:5px !important; }
    .mrg-xs10 { margin:10px !important; }
    .mrg-xs15 { margin:15px !important; }
    .mrg-xs20 { margin:20px !important; }
    .mrg-xs25 { margin:25px !important; }
    .mrg-xs35 { margin:35px !important; }

    .mrg-xs-tp-0 { margin-top:0 !important; }
    .mrg-xs-tp-3 { margin-top:3px !important; }
    .mrg-xs-tp-5 { margin-top:5px !important; }
    .mrg-xs-tp-8 { margin-top:8px !important; }
    .mrg-xs-tp-10 { margin-top:10px !important; }
    .mrg-xs-tp-15 { margin-top:15px !important; }
    .mrg-xs-tp-20 { margin-top: 20px !important; }
    .mrg-xs-tp-25 { margin-top:25px !important; }
    .mrg-xs-tp-28 { margin-top: 28px !important; }
    .mrg-xs-tp-30 { margin-top: 30px !important; }
    .mrg-xs-tp-32 { margin-top: 32px !important; }
    .mrg-xs-tp-33 { margin-top: 33px !important; }
    .mrg-xs-tp-35 { margin-top:35px !important; }
    .mrg-xs-tp-40 { margin-top:40px !important; }
    .mrg-xs-tp-45 { margin-top:45px !important; }
    .mrg-xs-tp-50 { margin-top:50px !important; }
    .mrg-xs-tp-55 { margin-top:55px !important; }
    .mrg-xs-tp-60 { margin-top:60px !important; }

    .mrg-xs-bt-0 { margin-bottom:0 !important; }
    .mrg-xs-bt-3 { margin-bottom:3px !important; }
    .mrg-xs-bt-5 { margin-bottom:5px !important; }
    .mrg-xs-bt-8 { margin-bottom:8px !important; }
    .mrg-xs-bt-10 { margin-bottom:10px !important; }
    .mrg-xs-bt-15 { margin-bottom:15px !important; }
    .mrg-xs-bt-20 { margin-bottom:20px !important; }
    .mrg-xs-bt-25 { margin-bottom:25px !important; }
    .mrg-xs-bt-30 { margin-bottom:30px !important; }
    .mrg-xs-bt-35 { margin-bottom:35px !important; }
    .mrg-xs-bt-40 { margin-bottom:40px !important; }
    .mrg-xs-bt-45 { margin-bottom:45px !important; }
    .mrg-xs-bt-50 { margin-bottom:50px !important; }
    .mrg-xs-bt-100 { margin-bottom:100px !important; }

    .mrg-xs-bt-0pr { margin-bottom:0 !important; }
    .mrg-xs-bt-3pr { margin-bottom:3% !important; }
    .mrg-xs-bt-5pr { margin-bottom:5% !important; }
    .mrg-xs-bt-10pr { margin-bottom:10% !important; }
    .mrg-xs-bt-15pr { margin-bottom:15% !important; }
    .mrg-xs-bt-25pr { margin-bottom:25% !important; }
    .mrg-xs-bt-50pr { margin-bottom:50% !important; }
    .mrg-xs-bt-100pr { margin-bottom:100% !important; }

    .mrg-xs-tp-0pr { margin-top:0 !important; }
    .mrg-xs-tp-3pr { margin-top:3% !important; }
    .mrg-xs-tp-5pr { margin-top:5% !important; }
    .mrg-xs-tp-10pr { margin-top:10% !important; }
    .mrg-xs-tp-15pr { margin-top:15% !important; }
    .mrg-xs-tp-25pr { margin-top:25% !important; }
    .mrg-xs-tp-50pr { margin-top:50% !important; }
    .mrg-xs-tp-100pr { margin-top:100% !important; }

    .mrg-xs-l-0pr { margin-left:0 !important; }
    .mrg-xs-l-3pr { margin-left:3% !important; }
    .mrg-xs-l-5pr { margin-left:5% !important; }
    .mrg-xs-l-10pr { margin-left:10% !important; }
    .mrg-xs-l-15pr { margin-left:15% !important; }
    .mrg-xs-l-25pr { margin-left:25% !important; }
    .mrg-xs-l-50pr { margin-left:50% !important; }
    .mrg-xs-l-100pr { margin-left:100% !important; }

    .mrg-xs-r-0pr { margin-right:0 !important; }
    .mrg-xs-r-3pr { margin-right:3% !important; }
    .mrg-xs-r-5pr { margin-right:5% !important; }
    .mrg-xs-r-10pr { margin-right:10% !important; }
    .mrg-xs-r-15pr { margin-right:15% !important; }
    .mrg-xs-r-25pr { margin-right:25% !important; }
    .mrg-xs-r-50pr { margin-right:50% !important; }
    .mrg-xs-r-100pr { margin-right:100% !important; }

    .mrg-xs-l0 { margin-left:0 !important; }
    .mrg-xs-l5 { margin-left:5px !important; }
    .mrg-xs-l8 { margin-left:8px !important; }
    .mrg-xs-l10 { margin-left:10px !important; }
    .mrg-xs-l12 { margin-left:12px !important; }
    .mrg-xs-l15 { margin-left:15px !important; }
    .mrg-xs-l20 { margin-left:20px !important; }
    .mrg-xs-l25 { margin-left:25px !important; }
    .mrg-xs-l30 { margin-left:30px !important; }
    .mrg-xs-l35 { margin-left:35px !important; }
    .mrg-xs-l50 { margin-left:50px !important; }
    .mrg-xs-l100 { margin-left:100px !important; }
    .mrg-xs-l110 { margin-left:110px !important; }
    .mrg-xs-l120 { margin-left:120px !important; }
    .mrg-xs-l130 { margin-left:130px !important; }
    .mrg-xs-l140 { margin-left:140px !important; }
    .mrg-xs-l150 { margin-left:150px !important; }
    .mrg-xs-l160 { margin-left:160px !important; }
    .mrg-xs-l170 { margin-left:170px !important; }
    .mrg-xs-l180 { margin-left:180px !important; }
    .mrg-xs-l190 { margin-left:190px !important; }
    .mrg-xs-l200 { margin-left:200px !important; }
    .mrg-xs-l210 { margin-left:210px !important; }
    .mrg-xs-l220 { margin-left:220px !important; }
    .mrg-xs-l230 { margin-left:230px !important; }
    .mrg-xs-l240 { margin-left:240px !important; }
    .mrg-xs-l250 { margin-left:250px !important; }

    .mrg-xs-r0 { margin-right:0 !important; }
    .mrg-xs-r5 { margin-right:5px !important; }
    .mrg-xs-r8 { margin-right:8px !important; }
    .mrg-xs-r10 { margin-right:10px !important; }
    .mrg-xs-r12 { margin-right:12px !important; }
    .mrg-xs-r15 { margin-right:15px !important; }
    .mrg-xs-r20 { margin-right:20px !important; }
    .mrg-xs-r25 { margin-right:25px !important; }
    .mrg-xs-r30 { margin-right:30px !important; }
    .mrg-xs-r35 { margin-right:35px !important; }
    
    .border-radius-xs-50p{
        border-radius: 50% !important;
    }
    .border-radius-xs-0{
        border-radius: 0px !important;
    }
    .border-radius-xs-3{
        border-radius: 3px !important;
    }
    .border-radius-xs-4{
        border-radius: 4px !important;
    }
    .border-radius-xs-5{
        border-radius: 5px !important;
    }
    .border-radius-xs-8{
        border-radius: 8px !important;
    }
    .border-radius-xs-10{
        border-radius: 10px !important;
    }
    .border-radius-xs-15{
        border-radius: 15px !important;
    }
    .border-radius-xs-16{
        border-radius: 16px !important;
    }
    .border-radius-xs-30{
        border-radius: 30px !important;
    }
    .border-radius-xs-top-3{
        border-radius: 3px 3px 0px 0px !important;
    }
    .border-radius-xs-top-4{
        border-radius: 4px 4px 0px 0px !important;
    }
    .border-radius-xs-top-5{
        border-radius: 5px 5px 0px 0px !important;
    }
    .border-radius-xs-top-10{
        border-radius: 10px 10px 0px 0px !important;
    }
    .border-radius-xs-top-15{
        border-radius: 15px 15px 0px 0px !important;
    }
    .border-radius-xs-bottom-3{
        border-radius: 0px 0px 3px 3px !important;
    }
    .border-radius-xs-bottom-4{
        border-radius: 0px 0px 4px 4px !important;
    }
    .border-radius-xs-bottom-5{
        border-radius: 0px 0px 5px 5px !important;
    }
    .border-radius-xs-bottom-10{
        border-radius: 0px 0px 10px 10px !important;
    }
    .border-radius-xs-bottom-15{
        border-radius: 0px 0px 15px 15px !important;
    }
    .border-radius-xs-left-3{
        border-radius: 3px 0px 0px 3px !important;
    }
    .border-radius-xs-left-4{
        border-radius: 4px 0px 0px 4px !important;
    }
    .border-radius-xs-left-5{
        border-radius: 5px 0px 0px 5px !important;
    }
    .border-radius-xs-left-10{
        border-radius: 10px 0px 0px 10px !important;
    }
    .border-radius-xs-left-15{
        border-radius: 15px 0px 0px 15px !important;
    }
    .border-radius-xs-right-3{
        border-radius: 0px 3px 3px 0px !important;
    }
    .border-radius-xs-right-4{
        border-radius: 0px 4px 4px 0px !important;
    }
    .border-radius-xs-right-5{
        border-radius: 0px 5px 5px 0px !important;
    }
    .border-radius-xs-right-10{
        border-radius: 0px 10px 10px 0px !important;
    }
    .border-radius-xs-right-15{
        border-radius: 0px 15px 15px 0px !important;
    }
}

@media (min-width: 576px){
    .mrg-sm-l1per { margin-left:1% !important; }
    .mrg-sm-r1per { margin-right:1% !important; }
    .mrg-sm-l-auto { margin-left:auto !important; }
    .mrg-sm-r-auto { margin-right:auto !important; }

    .mrg-sm0 { margin:0 !important; }
    .mrg-sm5 { margin:5px !important; }
    .mrg-sm10 { margin:10px !important; }
    .mrg-sm15 { margin:15px !important; }
    .mrg-sm20 { margin:20px !important; }
    .mrg-sm25 { margin:25px !important; }
    .mrg-sm35 { margin:35px !important; }

    .mrg-sm-tp-0 { margin-top:0 !important; }
    .mrg-sm-tp-3 { margin-top:3px !important; }
    .mrg-sm-tp-5 { margin-top:5px !important; }
    .mrg-sm-tp-8 { margin-top:8px !important; }
    .mrg-sm-tp-10 { margin-top:10px !important; }
    .mrg-sm-tp-15 { margin-top:15px !important; }
    .mrg-sm-tp-20 { margin-top: 20px !important; }
    .mrg-sm-tp-25 { margin-top:25px !important; }
    .mrg-sm-tp-28 { margin-top: 28px !important; }
    .mrg-sm-tp-30 { margin-top: 30px !important; }
    .mrg-sm-tp-32 { margin-top: 32px !important; }
    .mrg-sm-tp-33 { margin-top: 33px !important; }
    .mrg-sm-tp-35 { margin-top:35px !important; }
    .mrg-sm-tp-40 { margin-top:40px !important; }
    .mrg-sm-tp-45 { margin-top:45px !important; }
    .mrg-sm-tp-50 { margin-top:50px !important; }
    .mrg-sm-tp-55 { margin-top:55px !important; }
    .mrg-sm-tp-60 { margin-top:60px !important; }

    .mrg-sm-bt-0 { margin-bottom:0 !important; }
    .mrg-sm-bt-3 { margin-bottom:3px !important; }
    .mrg-sm-bt-5 { margin-bottom:5px !important; }
    .mrg-sm-bt-8 { margin-bottom:8px !important; }
    .mrg-sm-bt-10 { margin-bottom:10px !important; }
    .mrg-sm-bt-15 { margin-bottom:15px !important; }
    .mrg-sm-bt-20 { margin-bottom:20px !important; }
    .mrg-sm-bt-25 { margin-bottom:25px !important; }
    .mrg-sm-bt-30 { margin-bottom:30px !important; }
    .mrg-sm-bt-35 { margin-bottom:35px !important; }
    .mrg-sm-bt-40 { margin-bottom:40px !important; }
    .mrg-sm-bt-45 { margin-bottom:45px !important; }
    .mrg-sm-bt-50 { margin-bottom:50px !important; }
    .mrg-sm-bt-100 { margin-bottom:100px !important; }

    .mrg-sm-bt-0pr { margin-bottom:0 !important; }
    .mrg-sm-bt-3pr { margin-bottom:3% !important; }
    .mrg-sm-bt-5pr { margin-bottom:5% !important; }
    .mrg-sm-bt-10pr { margin-bottom:10% !important; }
    .mrg-sm-bt-15pr { margin-bottom:15% !important; }
    .mrg-sm-bt-25pr { margin-bottom:25% !important; }
    .mrg-sm-bt-50pr { margin-bottom:50% !important; }
    .mrg-sm-bt-100pr { margin-bottom:100% !important; }

    .mrg-sm-tp-0pr { margin-top:0 !important; }
    .mrg-sm-tp-3pr { margin-top:3% !important; }
    .mrg-sm-tp-5pr { margin-top:5% !important; }
    .mrg-sm-tp-10pr { margin-top:10% !important; }
    .mrg-sm-tp-15pr { margin-top:15% !important; }
    .mrg-sm-tp-25pr { margin-top:25% !important; }
    .mrg-sm-tp-50pr { margin-top:50% !important; }
    .mrg-sm-tp-100pr { margin-top:100% !important; }

    .mrg-sm-l-0pr { margin-left:0 !important; }
    .mrg-sm-l-3pr { margin-left:3% !important; }
    .mrg-sm-l-5pr { margin-left:5% !important; }
    .mrg-sm-l-10pr { margin-left:10% !important; }
    .mrg-sm-l-15pr { margin-left:15% !important; }
    .mrg-sm-l-25pr { margin-left:25% !important; }
    .mrg-sm-l-50pr { margin-left:50% !important; }
    .mrg-sm-l-100pr { margin-left:100% !important; }

    .mrg-sm-r-0pr { margin-right:0 !important; }
    .mrg-sm-r-3pr { margin-right:3% !important; }
    .mrg-sm-r-5pr { margin-right:5% !important; }
    .mrg-sm-r-10pr { margin-right:10% !important; }
    .mrg-sm-r-15pr { margin-right:15% !important; }
    .mrg-sm-r-25pr { margin-right:25% !important; }
    .mrg-sm-r-50pr { margin-right:50% !important; }
    .mrg-sm-r-100pr { margin-right:100% !important; }

    .mrg-sm-l0 { margin-left:0 !important; }
    .mrg-sm-l5 { margin-left:5px !important; }
    .mrg-sm-l8 { margin-left:8px !important; }
    .mrg-sm-l10 { margin-left:10px !important; }
    .mrg-sm-l12 { margin-left:12px !important; }
    .mrg-sm-l15 { margin-left:15px !important; }
    .mrg-sm-l20 { margin-left:20px !important; }
    .mrg-sm-l25 { margin-left:25px !important; }
    .mrg-sm-l30 { margin-left:30px !important; }
    .mrg-sm-l35 { margin-left:35px !important; }
    .mrg-sm-l50 { margin-left:50px !important; }
    .mrg-sm-l100 { margin-left:100px !important; }
    .mrg-sm-l110 { margin-left:110px !important; }
    .mrg-sm-l120 { margin-left:120px !important; }
    .mrg-sm-l130 { margin-left:130px !important; }
    .mrg-sm-l140 { margin-left:140px !important; }
    .mrg-sm-l150 { margin-left:150px !important; }
    .mrg-sm-l160 { margin-left:160px !important; }
    .mrg-sm-l170 { margin-left:170px !important; }
    .mrg-sm-l180 { margin-left:180px !important; }
    .mrg-sm-l190 { margin-left:190px !important; }
    .mrg-sm-l200 { margin-left:200px !important; }
    .mrg-sm-l210 { margin-left:210px !important; }
    .mrg-sm-l220 { margin-left:220px !important; }
    .mrg-sm-l230 { margin-left:230px !important; }
    .mrg-sm-l240 { margin-left:240px !important; }
    .mrg-sm-l250 { margin-left:250px !important; }

    .mrg-sm-r0 { margin-right:0 !important; }
    .mrg-sm-r5 { margin-right:5px !important; }
    .mrg-sm-r8 { margin-right:8px !important; }
    .mrg-sm-r10 { margin-right:10px !important; }
    .mrg-sm-r12 { margin-right:12px !important; }
    .mrg-sm-r15 { margin-right:15px !important; }
    .mrg-sm-r20 { margin-right:20px !important; }
    .mrg-sm-r25 { margin-right:25px !important; }
    .mrg-sm-r30 { margin-right:30px !important; }
    .mrg-sm-r35 { margin-right:35px !important; }
    
    .border-radius-sm-50p{
        border-radius: 50% !important;
    }
    .border-radius-sm-0{
        border-radius: 0px !important;
    }
    .border-radius-sm-3{
        border-radius: 3px !important;
    }
    .border-radius-sm-4{
        border-radius: 4px !important;
    }
    .border-radius-sm-5{
        border-radius: 5px !important;
    }
    .border-radius-sm-8{
        border-radius: 8px !important;
    }
    .border-radius-sm-10{
        border-radius: 10px !important;
    }
    .border-radius-sm-15{
        border-radius: 15px !important;
    }
    .border-radius-sm-16{
        border-radius: 16px !important;
    }
    .border-radius-sm-30{
        border-radius: 30px !important;
    }
    .border-radius-sm-top-3{
        border-radius: 3px 3px 0px 0px !important;
    }
    .border-radius-sm-top-4{
        border-radius: 4px 4px 0px 0px !important;
    }
    .border-radius-sm-top-5{
        border-radius: 5px 5px 0px 0px !important;
    }
    .border-radius-sm-top-10{
        border-radius: 10px 10px 0px 0px !important;
    }
    .border-radius-sm-top-15{
        border-radius: 15px 15px 0px 0px !important;
    }
    .border-radius-sm-bottom-3{
        border-radius: 0px 0px 3px 3px !important;
    }
    .border-radius-sm-bottom-4{
        border-radius: 0px 0px 4px 4px !important;
    }
    .border-radius-sm-bottom-5{
        border-radius: 0px 0px 5px 5px !important;
    }
    .border-radius-sm-bottom-10{
        border-radius: 0px 0px 10px 10px !important;
    }
    .border-radius-sm-bottom-15{
        border-radius: 0px 0px 15px 15px !important;
    }
    .border-radius-sm-left-3{
        border-radius: 3px 0px 0px 3px !important;
    }
    .border-radius-sm-left-4{
        border-radius: 4px 0px 0px 4px !important;
    }
    .border-radius-sm-left-5{
        border-radius: 5px 0px 0px 5px !important;
    }
    .border-radius-sm-left-10{
        border-radius: 10px 0px 0px 10px !important;
    }
    .border-radius-sm-left-15{
        border-radius: 15px 0px 0px 15px !important;
    }
    .border-radius-sm-right-3{
        border-radius: 0px 3px 3px 0px !important;
    }
    .border-radius-sm-right-4{
        border-radius: 0px 4px 4px 0px !important;
    }
    .border-radius-sm-right-5{
        border-radius: 0px 5px 5px 0px !important;
    }
    .border-radius-sm-right-10{
        border-radius: 0px 10px 10px 0px !important;
    }
    .border-radius-sm-right-15{
        border-radius: 0px 15px 15px 0px !important;
    }
}

@media (max-width: 768px) {    
    .mrg-l0-u767 { margin-left:0 !important; }
    .mrg-l5-u767 { margin-left:5px !important; }
    .mrg-l8-u767 { margin-left:8px !important; }
    .mrg-l10-u767 { margin-left:10px !important; }
    .mrg-l12-u767 { margin-left:12px !important; }
    .mrg-l15-u767 { margin-left:15px !important; }
    .mrg-l20-u767 { margin-left:20px !important; }
    .mrg-l25-u767 { margin-left:25px !important; }
    .mrg-l30-u767 { margin-left:30px !important; }
    .mrg-l35-u767 { margin-left:35px !important; }
    .mrg-l50-u767 { margin-left:50px !important; }
    .mrg-l100-u767 { margin-left:100px !important; }
    .mrg-l110-u767 { margin-left:110px !important; }
    .mrg-l120-u767 { margin-left:120px !important; }
    .mrg-l130-u767 { margin-left:130px !important; }
    .mrg-l140-u767 { margin-left:140px !important; }
    .mrg-l150-u767 { margin-left:150px !important; }
    .mrg-l160-u767 { margin-left:160px !important; }
    .mrg-l170-u767 { margin-left:170px !important; }
    .mrg-l180-u767 { margin-left:180px !important; }
    .mrg-l190-u767 { margin-left:190px !important; }
    .mrg-l200-u767 { margin-left:200px !important; }
    .mrg-l210-u767 { margin-left:210px !important; }
    .mrg-l220-u767 { margin-left:220px !important; }
    .mrg-l230-u767 { margin-left:230px !important; }
    .mrg-l240-u767 { margin-left:240px !important; }
    .mrg-l250-u767 { margin-left:250px !important; }
    
    .mrg-r0-u767 { margin-right:0 !important; }
    .mrg-r5-u767 { margin-right:5px !important; }
    .mrg-r8-u767 { margin-right:8px !important; }
    .mrg-r10-u767 { margin-right:10px !important; }
    .mrg-r12-u767 { margin-right:12px !important; }
    .mrg-r15-u767 { margin-right:15px !important; }
    .mrg-r20-u767 { margin-right:20px !important; }
    .mrg-r25-u767 { margin-right:25px !important; }
    .mrg-r30-u767 { margin-right:30px !important; }
    .mrg-r35-u767 { margin-right:35px !important; }
}

@media (min-width: 768px) {
    .mrg-md-l1per { margin-left:1% !important; }
    .mrg-md-r1per { margin-right:1% !important; }
    .mrg-md-l-auto { margin-left:auto !important; }
    .mrg-md-r-auto { margin-right:auto !important; }

    .mrg-md0 { margin:0 !important; }
    .mrg-md5 { margin:5px !important; }
    .mrg-md10 { margin:10px !important; }
    .mrg-md15 { margin:15px !important; }
    .mrg-md20 { margin:20px !important; }
    .mrg-md25 { margin:25px !important; }
    .mrg-md35 { margin:35px !important; }

    .mrg-md-tp-0 { margin-top:0 !important; }
    .mrg-md-tp-3 { margin-top:3px !important; }
    .mrg-md-tp-5 { margin-top:5px !important; }
    .mrg-md-tp-8 { margin-top:8px !important; }
    .mrg-md-tp-10 { margin-top:10px !important; }
    .mrg-md-tp-15 { margin-top:15px !important; }
    .mrg-md-tp-20 { margin-top: 20px !important; }
    .mrg-md-tp-25 { margin-top:25px !important; }
    .mrg-md-tp-28 { margin-top: 28px !important; }
    .mrg-md-tp-30 { margin-top: 30px !important; }
    .mrg-md-tp-32 { margin-top: 32px !important; }
    .mrg-md-tp-33 { margin-top: 33px !important; }
    .mrg-md-tp-35 { margin-top:35px !important; }
    .mrg-md-tp-40 { margin-top:40px !important; }
    .mrg-md-tp-45 { margin-top:45px !important; }
    .mrg-md-tp-50 { margin-top:50px !important; }
    .mrg-md-tp-55 { margin-top:55px !important; }
    .mrg-md-tp-60 { margin-top:60px !important; }

    .mrg-md-bt-0 { margin-bottom:0 !important; }
    .mrg-md-bt-3 { margin-bottom:3px !important; }
    .mrg-md-bt-5 { margin-bottom:5px !important; }
    .mrg-md-bt-8 { margin-bottom:8px !important; }
    .mrg-md-bt-10 { margin-bottom:10px !important; }
    .mrg-md-bt-15 { margin-bottom:15px !important; }
    .mrg-md-bt-20 { margin-bottom:20px !important; }
    .mrg-md-bt-25 { margin-bottom:25px !important; }
    .mrg-md-bt-30 { margin-bottom:30px !important; }
    .mrg-md-bt-35 { margin-bottom:35px !important; }
    .mrg-md-bt-40 { margin-bottom:40px !important; }
    .mrg-md-bt-45 { margin-bottom:45px !important; }
    .mrg-md-bt-50 { margin-bottom:50px !important; }
    .mrg-md-bt-100 { margin-bottom:100px !important; }

    .mrg-md-bt-0pr { margin-bottom:0 !important; }
    .mrg-md-bt-3pr { margin-bottom:3% !important; }
    .mrg-md-bt-5pr { margin-bottom:5% !important; }
    .mrg-md-bt-10pr { margin-bottom:10% !important; }
    .mrg-md-bt-15pr { margin-bottom:15% !important; }
    .mrg-md-bt-25pr { margin-bottom:25% !important; }
    .mrg-md-bt-50pr { margin-bottom:50% !important; }
    .mrg-md-bt-100pr { margin-bottom:100% !important; }

    .mrg-md-tp-0pr { margin-top:0 !important; }
    .mrg-md-tp-3pr { margin-top:3% !important; }
    .mrg-md-tp-5pr { margin-top:5% !important; }
    .mrg-md-tp-10pr { margin-top:10% !important; }
    .mrg-md-tp-15pr { margin-top:15% !important; }
    .mrg-md-tp-25pr { margin-top:25% !important; }
    .mrg-md-tp-50pr { margin-top:50% !important; }
    .mrg-md-tp-100pr { margin-top:100% !important; }

    .mrg-md-l-0pr { margin-left:0 !important; }
    .mrg-md-l-3pr { margin-left:3% !important; }
    .mrg-md-l-5pr { margin-left:5% !important; }
    .mrg-md-l-10pr { margin-left:10% !important; }
    .mrg-md-l-15pr { margin-left:15% !important; }
    .mrg-md-l-25pr { margin-left:25% !important; }
    .mrg-md-l-50pr { margin-left:50% !important; }
    .mrg-md-l-100pr { margin-left:100% !important; }

    .mrg-md-r-0pr { margin-right:0 !important; }
    .mrg-md-r-3pr { margin-right:3% !important; }
    .mrg-md-r-5pr { margin-right:5% !important; }
    .mrg-md-r-10pr { margin-right:10% !important; }
    .mrg-md-r-15pr { margin-right:15% !important; }
    .mrg-md-r-25pr { margin-right:25% !important; }
    .mrg-md-r-50pr { margin-right:50% !important; }
    .mrg-md-r-100pr { margin-right:100% !important; }

    .mrg-md-l0 { margin-left:0 !important; }
    .mrg-md-l5 { margin-left:5px !important; }
    .mrg-md-l8 { margin-left:8px !important; }
    .mrg-md-l10 { margin-left:10px !important; }
    .mrg-md-l12 { margin-left:12px !important; }
    .mrg-md-l15 { margin-left:15px !important; }
    .mrg-md-l20 { margin-left:20px !important; }
    .mrg-md-l25 { margin-left:25px !important; }
    .mrg-md-l30 { margin-left:30px !important; }
    .mrg-md-l35 { margin-left:35px !important; }
    .mrg-md-l50 { margin-left:50px !important; }
    .mrg-md-l100 { margin-left:100px !important; }
    .mrg-md-l110 { margin-left:110px !important; }
    .mrg-md-l120 { margin-left:120px !important; }
    .mrg-md-l130 { margin-left:130px !important; }
    .mrg-md-l140 { margin-left:140px !important; }
    .mrg-md-l150 { margin-left:150px !important; }
    .mrg-md-l160 { margin-left:160px !important; }
    .mrg-md-l170 { margin-left:170px !important; }
    .mrg-md-l180 { margin-left:180px !important; }
    .mrg-md-l190 { margin-left:190px !important; }
    .mrg-md-l200 { margin-left:200px !important; }
    .mrg-md-l210 { margin-left:210px !important; }
    .mrg-md-l220 { margin-left:220px !important; }
    .mrg-md-l230 { margin-left:230px !important; }
    .mrg-md-l240 { margin-left:240px !important; }
    .mrg-md-l250 { margin-left:250px !important; }

    .mrg-md-r0 { margin-right:0 !important; }
    .mrg-md-r5 { margin-right:5px !important; }
    .mrg-md-r8 { margin-right:8px !important; }
    .mrg-md-r10 { margin-right:10px !important; }
    .mrg-md-r12 { margin-right:12px !important; }
    .mrg-md-r15 { margin-right:15px !important; }
    .mrg-md-r20 { margin-right:20px !important; }
    .mrg-md-r25 { margin-right:25px !important; }
    .mrg-md-r30 { margin-right:30px !important; }
    .mrg-md-r35 { margin-right:35px !important; }
    
    .border-radius-md-50p{
        border-radius: 50% !important;
    }
    .border-radius-md-0{
        border-radius: 0px !important;
    }
    .border-radius-md-3{
        border-radius: 3px !important;
    }
    .border-radius-md-4{
        border-radius: 4px !important;
    }
    .border-radius-md-5{
        border-radius: 5px !important;
    }
    .border-radius-md-8{
        border-radius: 8px !important;
    }
    .border-radius-md-10{
        border-radius: 10px !important;
    }
    .border-radius-md-15{
        border-radius: 15px !important;
    }
    .border-radius-md-16{
        border-radius: 16px !important;
    }
    .border-radius-md-30{
        border-radius: 30px !important;
    }
    .border-radius-md-top-3{
        border-radius: 3px 3px 0px 0px !important;
    }
    .border-radius-md-top-4{
        border-radius: 4px 4px 0px 0px !important;
    }
    .border-radius-md-top-5{
        border-radius: 5px 5px 0px 0px !important;
    }
    .border-radius-md-top-10{
        border-radius: 10px 10px 0px 0px !important;
    }
    .border-radius-md-top-15{
        border-radius: 15px 15px 0px 0px !important;
    }
    .border-radius-md-bottom-3{
        border-radius: 0px 0px 3px 3px !important;
    }
    .border-radius-md-bottom-4{
        border-radius: 0px 0px 4px 4px !important;
    }
    .border-radius-md-bottom-5{
        border-radius: 0px 0px 5px 5px !important;
    }
    .border-radius-md-bottom-10{
        border-radius: 0px 0px 10px 10px !important;
    }
    .border-radius-md-bottom-15{
        border-radius: 0px 0px 15px 15px !important;
    }
    .border-radius-md-left-3{
        border-radius: 3px 0px 0px 3px !important;
    }
    .border-radius-md-left-4{
        border-radius: 4px 0px 0px 4px !important;
    }
    .border-radius-md-left-5{
        border-radius: 5px 0px 0px 5px !important;
    }
    .border-radius-md-left-10{
        border-radius: 10px 0px 0px 10px !important;
    }
    .border-radius-md-left-15{
        border-radius: 15px 0px 0px 15px !important;
    }
    .border-radius-md-right-3{
        border-radius: 0px 3px 3px 0px !important;
    }
    .border-radius-md-right-4{
        border-radius: 0px 4px 4px 0px !important;
    }
    .border-radius-md-right-5{
        border-radius: 0px 5px 5px 0px !important;
    }
    .border-radius-md-right-10{
        border-radius: 0px 10px 10px 0px !important;
    }
    .border-radius-md-right-15{
        border-radius: 0px 15px 15px 0px !important;
    }
}

@media (min-width: 992px){
    .mrg-lg-l1per { margin-left:1% !important; }
    .mrg-lg-r1per { margin-right:1% !important; }
    .mrg-lg-l-auto { margin-left:auto !important; }
    .mrg-lg-r-auto { margin-right:auto !important; }

    .mrg-lg0 { margin:0 !important; }
    .mrg-lg5 { margin:5px !important; }
    .mrg-lg10 { margin:10px !important; }
    .mrg-lg15 { margin:15px !important; }
    .mrg-lg20 { margin:20px !important; }
    .mrg-lg25 { margin:25px !important; }
    .mrg-lg35 { margin:35px !important; }

    .mrg-lg-tp-0 { margin-top:0 !important; }
    .mrg-lg-tp-3 { margin-top:3px !important; }
    .mrg-lg-tp-5 { margin-top:5px !important; }
    .mrg-lg-tp-8 { margin-top:8px !important; }
    .mrg-lg-tp-10 { margin-top:10px !important; }
    .mrg-lg-tp-15 { margin-top:15px !important; }
    .mrg-lg-tp-20 { margin-top: 20px !important; }
    .mrg-lg-tp-25 { margin-top:25px !important; }
    .mrg-lg-tp-28 { margin-top: 28px !important; }
    .mrg-lg-tp-30 { margin-top: 30px !important; }
    .mrg-lg-tp-32 { margin-top: 32px !important; }
    .mrg-lg-tp-33 { margin-top: 33px !important; }
    .mrg-lg-tp-35 { margin-top:35px !important; }
    .mrg-lg-tp-40 { margin-top:40px !important; }
    .mrg-lg-tp-45 { margin-top:45px !important; }
    .mrg-lg-tp-50 { margin-top:50px !important; }
    .mrg-lg-tp-55 { margin-top:55px !important; }
    .mrg-lg-tp-60 { margin-top:60px !important; }

    .mrg-lg-bt-0 { margin-bottom:0 !important; }
    .mrg-lg-bt-3 { margin-bottom:3px !important; }
    .mrg-lg-bt-5 { margin-bottom:5px !important; }
    .mrg-lg-bt-8 { margin-bottom:8px !important; }
    .mrg-lg-bt-10 { margin-bottom:10px !important; }
    .mrg-lg-bt-15 { margin-bottom:15px !important; }
    .mrg-lg-bt-20 { margin-bottom:20px !important; }
    .mrg-lg-bt-25 { margin-bottom:25px !important; }
    .mrg-lg-bt-30 { margin-bottom:30px !important; }
    .mrg-lg-bt-35 { margin-bottom:35px !important; }
    .mrg-lg-bt-40 { margin-bottom:40px !important; }
    .mrg-lg-bt-45 { margin-bottom:45px !important; }
    .mrg-lg-bt-50 { margin-bottom:50px !important; }
    .mrg-lg-bt-100 { margin-bottom:100px !important; }

    .mrg-lg-bt-0pr { margin-bottom:0 !important; }
    .mrg-lg-bt-3pr { margin-bottom:3% !important; }
    .mrg-lg-bt-5pr { margin-bottom:5% !important; }
    .mrg-lg-bt-10pr { margin-bottom:10% !important; }
    .mrg-lg-bt-15pr { margin-bottom:15% !important; }
    .mrg-lg-bt-25pr { margin-bottom:25% !important; }
    .mrg-lg-bt-50pr { margin-bottom:50% !important; }
    .mrg-lg-bt-100pr { margin-bottom:100% !important; }

    .mrg-lg-tp-0pr { margin-top:0 !important; }
    .mrg-lg-tp-3pr { margin-top:3% !important; }
    .mrg-lg-tp-5pr { margin-top:5% !important; }
    .mrg-lg-tp-10pr { margin-top:10% !important; }
    .mrg-lg-tp-15pr { margin-top:15% !important; }
    .mrg-lg-tp-25pr { margin-top:25% !important; }
    .mrg-lg-tp-50pr { margin-top:50% !important; }
    .mrg-lg-tp-100pr { margin-top:100% !important; }

    .mrg-lg-l-0pr { margin-left:0 !important; }
    .mrg-lg-l-3pr { margin-left:3% !important; }
    .mrg-lg-l-5pr { margin-left:5% !important; }
    .mrg-lg-l-10pr { margin-left:10% !important; }
    .mrg-lg-l-15pr { margin-left:15% !important; }
    .mrg-lg-l-25pr { margin-left:25% !important; }
    .mrg-lg-l-50pr { margin-left:50% !important; }
    .mrg-lg-l-100pr { margin-left:100% !important; }

    .mrg-lg-r-0pr { margin-right:0 !important; }
    .mrg-lg-r-3pr { margin-right:3% !important; }
    .mrg-lg-r-5pr { margin-right:5% !important; }
    .mrg-lg-r-10pr { margin-right:10% !important; }
    .mrg-lg-r-15pr { margin-right:15% !important; }
    .mrg-lg-r-25pr { margin-right:25% !important; }
    .mrg-lg-r-50pr { margin-right:50% !important; }
    .mrg-lg-r-100pr { margin-right:100% !important; }

    .mrg-lg-l0 { margin-left:0 !important; }
    .mrg-lg-l5 { margin-left:5px !important; }
    .mrg-lg-l8 { margin-left:8px !important; }
    .mrg-lg-l10 { margin-left:10px !important; }
    .mrg-lg-l12 { margin-left:12px !important; }
    .mrg-lg-l15 { margin-left:15px !important; }
    .mrg-lg-l20 { margin-left:20px !important; }
    .mrg-lg-l25 { margin-left:25px !important; }
    .mrg-lg-l30 { margin-left:30px !important; }
    .mrg-lg-l35 { margin-left:35px !important; }
    .mrg-lg-l50 { margin-left:50px !important; }
    .mrg-lg-l100 { margin-left:100px !important; }
    .mrg-lg-l110 { margin-left:110px !important; }
    .mrg-lg-l120 { margin-left:120px !important; }
    .mrg-lg-l130 { margin-left:130px !important; }
    .mrg-lg-l140 { margin-left:140px !important; }
    .mrg-lg-l150 { margin-left:150px !important; }
    .mrg-lg-l160 { margin-left:160px !important; }
    .mrg-lg-l170 { margin-left:170px !important; }
    .mrg-lg-l180 { margin-left:180px !important; }
    .mrg-lg-l190 { margin-left:190px !important; }
    .mrg-lg-l200 { margin-left:200px !important; }
    .mrg-lg-l210 { margin-left:210px !important; }
    .mrg-lg-l220 { margin-left:220px !important; }
    .mrg-lg-l230 { margin-left:230px !important; }
    .mrg-lg-l240 { margin-left:240px !important; }
    .mrg-lg-l250 { margin-left:250px !important; }

    .mrg-lg-r0 { margin-right:0 !important; }
    .mrg-lg-r5 { margin-right:5px !important; }
    .mrg-lg-r8 { margin-right:8px !important; }
    .mrg-lg-r10 { margin-right:10px !important; }
    .mrg-lg-r12 { margin-right:12px !important; }
    .mrg-lg-r15 { margin-right:15px !important; }
    .mrg-lg-r20 { margin-right:20px !important; }
    .mrg-lg-r25 { margin-right:25px !important; }
    .mrg-lg-r30 { margin-right:30px !important; }
    .mrg-lg-r35 { margin-right:35px !important; }
    
    .border-radius-lg-50p{
        border-radius: 50% !important;
    }
    .border-radius-lg-0{
        border-radius: 0px !important;
    }
    .border-radius-lg-3{
        border-radius: 3px !important;
    }
    .border-radius-lg-4{
        border-radius: 4px !important;
    }
    .border-radius-lg-5{
        border-radius: 5px !important;
    }
    .border-radius-lg-8{
        border-radius: 8px !important;
    }
    .border-radius-lg-10{
        border-radius: 10px !important;
    }
    .border-radius-lg-15{
        border-radius: 15px !important;
    }
    .border-radius-lg-16{
        border-radius: 16px !important;
    }
    .border-radius-lg-30{
        border-radius: 30px !important;
    }
    .border-radius-lg-top-3{
        border-radius: 3px 3px 0px 0px !important;
    }
    .border-radius-lg-top-4{
        border-radius: 4px 4px 0px 0px !important;
    }
    .border-radius-lg-top-5{
        border-radius: 5px 5px 0px 0px !important;
    }
    .border-radius-lg-top-10{
        border-radius: 10px 10px 0px 0px !important;
    }
    .border-radius-lg-top-15{
        border-radius: 15px 15px 0px 0px !important;
    }
    .border-radius-lg-bottom-3{
        border-radius: 0px 0px 3px 3px !important;
    }
    .border-radius-lg-bottom-4{
        border-radius: 0px 0px 4px 4px !important;
    }
    .border-radius-lg-bottom-5{
        border-radius: 0px 0px 5px 5px !important;
    }
    .border-radius-lg-bottom-10{
        border-radius: 0px 0px 10px 10px !important;
    }
    .border-radius-lg-bottom-15{
        border-radius: 0px 0px 15px 15px !important;
    }
    .border-radius-lg-left-3{
        border-radius: 3px 0px 0px 3px !important;
    }
    .border-radius-lg-left-4{
        border-radius: 4px 0px 0px 4px !important;
    }
    .border-radius-lg-left-5{
        border-radius: 5px 0px 0px 5px !important;
    }
    .border-radius-lg-left-10{
        border-radius: 10px 0px 0px 10px !important;
    }
    .border-radius-lg-left-15{
        border-radius: 15px 0px 0px 15px !important;
    }
    .border-radius-lg-right-3{
        border-radius: 0px 3px 3px 0px !important;
    }
    .border-radius-lg-right-4{
        border-radius: 0px 4px 4px 0px !important;
    }
    .border-radius-lg-right-5{
        border-radius: 0px 5px 5px 0px !important;
    }
    .border-radius-lg-right-10{
        border-radius: 0px 10px 10px 0px !important;
    }
    .border-radius-lg-right-15{
        border-radius: 0px 15px 15px 0px !important;
    }
}

@media (min-width: 1200px){
    .mrg-xl-l1per { margin-left:1% !important; }
    .mrg-xl-r1per { margin-right:1% !important; }
    .mrg-xl-l-auto { margin-left:auto !important; }
    .mrg-xl-r-auto { margin-right:auto !important; }

    .mrg-xl0 { margin:0 !important; }
    .mrg-xl5 { margin:5px !important; }
    .mrg-xl10 { margin:10px !important; }
    .mrg-xl15 { margin:15px !important; }
    .mrg-xl20 { margin:20px !important; }
    .mrg-xl25 { margin:25px !important; }
    .mrg-xl35 { margin:35px !important; }

    .mrg-xl-tp-0 { margin-top:0 !important; }
    .mrg-xl-tp-3 { margin-top:3px !important; }
    .mrg-xl-tp-5 { margin-top:5px !important; }
    .mrg-xl-tp-8 { margin-top:8px !important; }
    .mrg-xl-tp-10 { margin-top:10px !important; }
    .mrg-xl-tp-15 { margin-top:15px !important; }
    .mrg-xl-tp-20 { margin-top: 20px !important; }
    .mrg-xl-tp-25 { margin-top:25px !important; }
    .mrg-xl-tp-28 { margin-top: 28px !important; }
    .mrg-xl-tp-30 { margin-top: 30px !important; }
    .mrg-xl-tp-32 { margin-top: 32px !important; }
    .mrg-xl-tp-33 { margin-top: 33px !important; }
    .mrg-xl-tp-35 { margin-top:35px !important; }
    .mrg-xl-tp-40 { margin-top:40px !important; }
    .mrg-xl-tp-45 { margin-top:45px !important; }
    .mrg-xl-tp-50 { margin-top:50px !important; }
    .mrg-xl-tp-55 { margin-top:55px !important; }
    .mrg-xl-tp-60 { margin-top:60px !important; }

    .mrg-xl-bt-0 { margin-bottom:0 !important; }
    .mrg-xl-bt-3 { margin-bottom:3px !important; }
    .mrg-xl-bt-5 { margin-bottom:5px !important; }
    .mrg-xl-bt-8 { margin-bottom:8px !important; }
    .mrg-xl-bt-10 { margin-bottom:10px !important; }
    .mrg-xl-bt-15 { margin-bottom:15px !important; }
    .mrg-xl-bt-20 { margin-bottom:20px !important; }
    .mrg-xl-bt-25 { margin-bottom:25px !important; }
    .mrg-xl-bt-30 { margin-bottom:30px !important; }
    .mrg-xl-bt-35 { margin-bottom:35px !important; }
    .mrg-xl-bt-40 { margin-bottom:40px !important; }
    .mrg-xl-bt-45 { margin-bottom:45px !important; }
    .mrg-xl-bt-50 { margin-bottom:50px !important; }
    .mrg-xl-bt-100 { margin-bottom:100px !important; }

    .mrg-xl-bt-0pr { margin-bottom:0 !important; }
    .mrg-xl-bt-3pr { margin-bottom:3% !important; }
    .mrg-xl-bt-5pr { margin-bottom:5% !important; }
    .mrg-xl-bt-10pr { margin-bottom:10% !important; }
    .mrg-xl-bt-15pr { margin-bottom:15% !important; }
    .mrg-xl-bt-25pr { margin-bottom:25% !important; }
    .mrg-xl-bt-50pr { margin-bottom:50% !important; }
    .mrg-xl-bt-100pr { margin-bottom:100% !important; }

    .mrg-xl-tp-0pr { margin-top:0 !important; }
    .mrg-xl-tp-3pr { margin-top:3% !important; }
    .mrg-xl-tp-5pr { margin-top:5% !important; }
    .mrg-xl-tp-10pr { margin-top:10% !important; }
    .mrg-xl-tp-15pr { margin-top:15% !important; }
    .mrg-xl-tp-25pr { margin-top:25% !important; }
    .mrg-xl-tp-50pr { margin-top:50% !important; }
    .mrg-xl-tp-100pr { margin-top:100% !important; }

    .mrg-xl-l-0pr { margin-left:0 !important; }
    .mrg-xl-l-3pr { margin-left:3% !important; }
    .mrg-xl-l-5pr { margin-left:5% !important; }
    .mrg-xl-l-10pr { margin-left:10% !important; }
    .mrg-xl-l-15pr { margin-left:15% !important; }
    .mrg-xl-l-25pr { margin-left:25% !important; }
    .mrg-xl-l-50pr { margin-left:50% !important; }
    .mrg-xl-l-100pr { margin-left:100% !important; }

    .mrg-xl-r-0pr { margin-right:0 !important; }
    .mrg-xl-r-3pr { margin-right:3% !important; }
    .mrg-xl-r-5pr { margin-right:5% !important; }
    .mrg-xl-r-10pr { margin-right:10% !important; }
    .mrg-xl-r-15pr { margin-right:15% !important; }
    .mrg-xl-r-25pr { margin-right:25% !important; }
    .mrg-xl-r-50pr { margin-right:50% !important; }
    .mrg-xl-r-100pr { margin-right:100% !important; }

    .mrg-xl-l0 { margin-left:0 !important; }
    .mrg-xl-l5 { margin-left:5px !important; }
    .mrg-xl-l8 { margin-left:8px !important; }
    .mrg-xl-l10 { margin-left:10px !important; }
    .mrg-xl-l12 { margin-left:12px !important; }
    .mrg-xl-l15 { margin-left:15px !important; }
    .mrg-xl-l20 { margin-left:20px !important; }
    .mrg-xl-l25 { margin-left:25px !important; }
    .mrg-xl-l30 { margin-left:30px !important; }
    .mrg-xl-l35 { margin-left:35px !important; }
    .mrg-xl-l50 { margin-left:50px !important; }
    .mrg-xl-l100 { margin-left:100px !important; }
    .mrg-xl-l110 { margin-left:110px !important; }
    .mrg-xl-l120 { margin-left:120px !important; }
    .mrg-xl-l130 { margin-left:130px !important; }
    .mrg-xl-l140 { margin-left:140px !important; }
    .mrg-xl-l150 { margin-left:150px !important; }
    .mrg-xl-l160 { margin-left:160px !important; }
    .mrg-xl-l170 { margin-left:170px !important; }
    .mrg-xl-l180 { margin-left:180px !important; }
    .mrg-xl-l190 { margin-left:190px !important; }
    .mrg-xl-l200 { margin-left:200px !important; }
    .mrg-xl-l210 { margin-left:210px !important; }
    .mrg-xl-l220 { margin-left:220px !important; }
    .mrg-xl-l230 { margin-left:230px !important; }
    .mrg-xl-l240 { margin-left:240px !important; }
    .mrg-xl-l250 { margin-left:250px !important; }

    .mrg-xl-r0 { margin-right:0 !important; }
    .mrg-xl-r5 { margin-right:5px !important; }
    .mrg-xl-r8 { margin-right:8px !important; }
    .mrg-xl-r10 { margin-right:10px !important; }
    .mrg-xl-r12 { margin-right:12px !important; }
    .mrg-xl-r15 { margin-right:15px !important; }
    .mrg-xl-r20 { margin-right:20px !important; }
    .mrg-xl-r25 { margin-right:25px !important; }
    .mrg-xl-r30 { margin-right:30px !important; }
    .mrg-xl-r35 { margin-right:35px !important; }
    
    .border-radius-xl-50p{
        border-radius: 50% !important;
    }
    .border-radius-xl-0{
        border-radius: 0px !important;
    }
    .border-radius-xl-3{
        border-radius: 3px !important;
    }
    .border-radius-xl-4{
        border-radius: 4px !important;
    }
    .border-radius-xl-5{
        border-radius: 5px !important;
    }
    .border-radius-xl-8{
        border-radius: 8px !important;
    }
    .border-radius-xl-10{
        border-radius: 10px !important;
    }
    .border-radius-xl-15{
        border-radius: 15px !important;
    }
    .border-radius-xl-16{
        border-radius: 16px !important;
    }
    .border-radius-xl-30{
        border-radius: 30px !important;
    }
    .border-radius-xl-top-3{
        border-radius: 3px 3px 0px 0px !important;
    }
    .border-radius-xl-top-4{
        border-radius: 4px 4px 0px 0px !important;
    }
    .border-radius-xl-top-5{
        border-radius: 5px 5px 0px 0px !important;
    }
    .border-radius-xl-top-10{
        border-radius: 10px 10px 0px 0px !important;
    }
    .border-radius-xl-top-15{
        border-radius: 15px 15px 0px 0px !important;
    }
    .border-radius-xl-bottom-3{
        border-radius: 0px 0px 3px 3px !important;
    }
    .border-radius-xl-bottom-4{
        border-radius: 0px 0px 4px 4px !important;
    }
    .border-radius-xl-bottom-5{
        border-radius: 0px 0px 5px 5px !important;
    }
    .border-radius-xl-bottom-10{
        border-radius: 0px 0px 10px 10px !important;
    }
    .border-radius-xl-bottom-15{
        border-radius: 0px 0px 15px 15px !important;
    }
    .border-radius-xl-left-3{
        border-radius: 3px 0px 0px 3px !important;
    }
    .border-radius-xl-left-4{
        border-radius: 4px 0px 0px 4px !important;
    }
    .border-radius-xl-left-5{
        border-radius: 5px 0px 0px 5px !important;
    }
    .border-radius-xl-left-10{
        border-radius: 10px 0px 0px 10px !important;
    }
    .border-radius-xl-left-15{
        border-radius: 15px 0px 0px 15px !important;
    }
    .border-radius-xl-right-3{
        border-radius: 0px 3px 3px 0px !important;
    }
    .border-radius-xl-right-4{
        border-radius: 0px 4px 4px 0px !important;
    }
    .border-radius-xl-right-5{
        border-radius: 0px 5px 5px 0px !important;
    }
    .border-radius-xl-right-10{
        border-radius: 0px 10px 10px 0px !important;
    }
    .border-radius-xl-right-15{
        border-radius: 0px 15px 15px 0px !important;
    }
}

@media (min-width: 1600px){
    .mrg-xxl-l1per { margin-left:1% !important; }
    .mrg-xxl-r1per { margin-right:1% !important; }
    .mrg-xxl-l-auto { margin-left:auto !important; }
    .mrg-xxl-r-auto { margin-right:auto !important; }

    .mrg-xxl0 { margin:0 !important; }
    .mrg-xxl5 { margin:5px !important; }
    .mrg-xxl10 { margin:10px !important; }
    .mrg-xxl15 { margin:15px !important; }
    .mrg-xxl20 { margin:20px !important; }
    .mrg-xxl25 { margin:25px !important; }
    .mrg-xxl35 { margin:35px !important; }

    .mrg-xxl-tp-0 { margin-top:0 !important; }
    .mrg-xxl-tp-3 { margin-top:3px !important; }
    .mrg-xxl-tp-5 { margin-top:5px !important; }
    .mrg-xxl-tp-8 { margin-top:8px !important; }
    .mrg-xxl-tp-10 { margin-top:10px !important; }
    .mrg-xxl-tp-15 { margin-top:15px !important; }
    .mrg-xxl-tp-20 { margin-top: 20px !important; }
    .mrg-xxl-tp-25 { margin-top:25px !important; }
    .mrg-xxl-tp-28 { margin-top: 28px !important; }
    .mrg-xxl-tp-30 { margin-top: 30px !important; }
    .mrg-xxl-tp-32 { margin-top: 32px !important; }
    .mrg-xxl-tp-33 { margin-top: 33px !important; }
    .mrg-xxl-tp-35 { margin-top:35px !important; }
    .mrg-xxl-tp-40 { margin-top:40px !important; }
    .mrg-xxl-tp-45 { margin-top:45px !important; }
    .mrg-xxl-tp-50 { margin-top:50px !important; }
    .mrg-xxl-tp-55 { margin-top:55px !important; }
    .mrg-xxl-tp-60 { margin-top:60px !important; }

    .mrg-xxl-bt-0 { margin-bottom:0 !important; }
    .mrg-xxl-bt-3 { margin-bottom:3px !important; }
    .mrg-xxl-bt-5 { margin-bottom:5px !important; }
    .mrg-xxl-bt-8 { margin-bottom:8px !important; }
    .mrg-xxl-bt-10 { margin-bottom:10px !important; }
    .mrg-xxl-bt-15 { margin-bottom:15px !important; }
    .mrg-xxl-bt-20 { margin-bottom:20px !important; }
    .mrg-xxl-bt-25 { margin-bottom:25px !important; }
    .mrg-xxl-bt-30 { margin-bottom:30px !important; }
    .mrg-xxl-bt-35 { margin-bottom:35px !important; }
    .mrg-xxl-bt-40 { margin-bottom:40px !important; }
    .mrg-xxl-bt-45 { margin-bottom:45px !important; }
    .mrg-xxl-bt-50 { margin-bottom:50px !important; }
    .mrg-xxl-bt-100 { margin-bottom:100px !important; }

    .mrg-xxl-bt-0pr { margin-bottom:0 !important; }
    .mrg-xxl-bt-3pr { margin-bottom:3% !important; }
    .mrg-xxl-bt-5pr { margin-bottom:5% !important; }
    .mrg-xxl-bt-10pr { margin-bottom:10% !important; }
    .mrg-xxl-bt-15pr { margin-bottom:15% !important; }
    .mrg-xxl-bt-25pr { margin-bottom:25% !important; }
    .mrg-xxl-bt-50pr { margin-bottom:50% !important; }
    .mrg-xxl-bt-100pr { margin-bottom:100% !important; }

    .mrg-xxl-tp-0pr { margin-top:0 !important; }
    .mrg-xxl-tp-3pr { margin-top:3% !important; }
    .mrg-xxl-tp-5pr { margin-top:5% !important; }
    .mrg-xxl-tp-10pr { margin-top:10% !important; }
    .mrg-xxl-tp-15pr { margin-top:15% !important; }
    .mrg-xxl-tp-25pr { margin-top:25% !important; }
    .mrg-xxl-tp-50pr { margin-top:50% !important; }
    .mrg-xxl-tp-100pr { margin-top:100% !important; }

    .mrg-xxl-l-0pr { margin-left:0 !important; }
    .mrg-xxl-l-3pr { margin-left:3% !important; }
    .mrg-xxl-l-5pr { margin-left:5% !important; }
    .mrg-xxl-l-10pr { margin-left:10% !important; }
    .mrg-xxl-l-15pr { margin-left:15% !important; }
    .mrg-xxl-l-25pr { margin-left:25% !important; }
    .mrg-xxl-l-50pr { margin-left:50% !important; }
    .mrg-xxl-l-100pr { margin-left:100% !important; }

    .mrg-xxl-r-0pr { margin-right:0 !important; }
    .mrg-xxl-r-3pr { margin-right:3% !important; }
    .mrg-xxl-r-5pr { margin-right:5% !important; }
    .mrg-xxl-r-10pr { margin-right:10% !important; }
    .mrg-xxl-r-15pr { margin-right:15% !important; }
    .mrg-xxl-r-25pr { margin-right:25% !important; }
    .mrg-xxl-r-50pr { margin-right:50% !important; }
    .mrg-xxl-r-100pr { margin-right:100% !important; }

    .mrg-xxl-l0 { margin-left:0 !important; }
    .mrg-xxl-l5 { margin-left:5px !important; }
    .mrg-xxl-l8 { margin-left:8px !important; }
    .mrg-xxl-l10 { margin-left:10px !important; }
    .mrg-xxl-l12 { margin-left:12px !important; }
    .mrg-xxl-l15 { margin-left:15px !important; }
    .mrg-xxl-l20 { margin-left:20px !important; }
    .mrg-xxl-l25 { margin-left:25px !important; }
    .mrg-xxl-l30 { margin-left:30px !important; }
    .mrg-xxl-l35 { margin-left:35px !important; }
    .mrg-xxl-l50 { margin-left:50px !important; }
    .mrg-xxl-l100 { margin-left:100px !important; }
    .mrg-xxl-l110 { margin-left:110px !important; }
    .mrg-xxl-l120 { margin-left:120px !important; }
    .mrg-xxl-l130 { margin-left:130px !important; }
    .mrg-xxl-l140 { margin-left:140px !important; }
    .mrg-xxl-l150 { margin-left:150px !important; }
    .mrg-xxl-l160 { margin-left:160px !important; }
    .mrg-xxl-l170 { margin-left:170px !important; }
    .mrg-xxl-l180 { margin-left:180px !important; }
    .mrg-xxl-l190 { margin-left:190px !important; }
    .mrg-xxl-l200 { margin-left:200px !important; }
    .mrg-xxl-l210 { margin-left:210px !important; }
    .mrg-xxl-l220 { margin-left:220px !important; }
    .mrg-xxl-l230 { margin-left:230px !important; }
    .mrg-xxl-l240 { margin-left:240px !important; }
    .mrg-xxl-l250 { margin-left:250px !important; }

    .mrg-xxl-r0 { margin-right:0 !important; }
    .mrg-xxl-r5 { margin-right:5px !important; }
    .mrg-xxl-r8 { margin-right:8px !important; }
    .mrg-xxl-r10 { margin-right:10px !important; }
    .mrg-xxl-r12 { margin-right:12px !important; }
    .mrg-xxl-r15 { margin-right:15px !important; }
    .mrg-xxl-r20 { margin-right:20px !important; }
    .mrg-xxl-r25 { margin-right:25px !important; }
    .mrg-xxl-r30 { margin-right:30px !important; }
    .mrg-xxl-r35 { margin-right:35px !important; }
    
    .border-radius-xxl-50p{
        border-radius: 50% !important;
    }
    .border-radius-xxl-0{
        border-radius: 0px !important;
    }
    .border-radius-xxl-3{
        border-radius: 3px !important;
    }
    .border-radius-xxl-4{
        border-radius: 4px !important;
    }
    .border-radius-xxl-5{
        border-radius: 5px !important;
    }
    .border-radius-xxl-8{
        border-radius: 8px !important;
    }
    .border-radius-xxl-10{
        border-radius: 10px !important;
    }
    .border-radius-xxl-15{
        border-radius: 15px !important;
    }
    .border-radius-xxl-16{
        border-radius: 16px !important;
    }
    .border-radius-xxl-30{
        border-radius: 30px !important;
    }
    .border-radius-xxl-top-3{
        border-radius: 3px 3px 0px 0px !important;
    }
    .border-radius-xxl-top-4{
        border-radius: 4px 4px 0px 0px !important;
    }
    .border-radius-xxl-top-5{
        border-radius: 5px 5px 0px 0px !important;
    }
    .border-radius-xxl-top-10{
        border-radius: 10px 10px 0px 0px !important;
    }
    .border-radius-xxl-top-15{
        border-radius: 15px 15px 0px 0px !important;
    }
    .border-radius-xxl-bottom-3{
        border-radius: 0px 0px 3px 3px !important;
    }
    .border-radius-xxl-bottom-4{
        border-radius: 0px 0px 4px 4px !important;
    }
    .border-radius-xxl-bottom-5{
        border-radius: 0px 0px 5px 5px !important;
    }
    .border-radius-xxl-bottom-10{
        border-radius: 0px 0px 10px 10px !important;
    }
    .border-radius-xxl-bottom-15{
        border-radius: 0px 0px 15px 15px !important;
    }
    .border-radius-xxl-left-3{
        border-radius: 3px 0px 0px 3px !important;
    }
    .border-radius-xxl-left-4{
        border-radius: 4px 0px 0px 4px !important;
    }
    .border-radius-xxl-left-5{
        border-radius: 5px 0px 0px 5px !important;
    }
    .border-radius-xxl-left-10{
        border-radius: 10px 0px 0px 10px !important;
    }
    .border-radius-xxl-left-15{
        border-radius: 15px 0px 0px 15px !important;
    }
    .border-radius-xxl-right-3{
        border-radius: 0px 3px 3px 0px !important;
    }
    .border-radius-xxl-right-4{
        border-radius: 0px 4px 4px 0px !important;
    }
    .border-radius-xxl-right-5{
        border-radius: 0px 5px 5px 0px !important;
    }
    .border-radius-xxl-right-10{
        border-radius: 0px 10px 10px 0px !important;
    }
    .border-radius-xxl-right-15{
        border-radius: 0px 15px 15px 0px !important;
    }
}

.mrg-tp-bt-0 { margin-top:0 !important; margin-bottom:0 !important; }
.mrg-tp-bt-5 { margin-top:5px !important; margin-bottom:5px !important; }
.mrg-tp-bt-10 { margin-top:10px !important; margin-bottom:10px !important; }
.mrg-tp-bt-12 { margin-top:12px !important; margin-bottom:12px !important; }
.mrg-tp-bt-15 { margin-top:15px !important; margin-bottom:15px !important; }
.mrg-tp-bt-20 { margin-top:20px !important; margin-bottom:20px !important; }
.mrg-tp-bt-25 { margin-top:25px !important; margin-bottom:25px !important; }
.mrg-tp-bt-35 { margin-top:35px !important; margin-bottom:35px !important; }

.mrg-lr-0 { margin-left:0 !important; margin-right:0 !important; }
.mrg-lr-5 { margin-left:5px !important; margin-right:5px !important; }
.mrg-lr-10 { margin-left:10px !important; margin-right:10px !important; }
.mrg-lr-15 { margin-left:15px !important; margin-right:15px !important; }
.mrg-lr-20 { margin-left:20px !important; margin-right:20px !important; }
.mrg-lr-25 { margin-left:25px !important; margin-right:25px !important; }
.mrg-lr-30 { margin-left:30px !important; margin-right:30px !important; }
.mrg-lr-35 { margin-left:35px !important; margin-right:35px !important; }

/*
* padding
*/
.pdd0 { padding:0 !important; }
.pdd1 { padding:1px !important; }
.pdd2 { padding:2px !important; }
.pdd3 { padding:3px !important; }
.pdd4 { padding:4px !important; }
.pdd5 { padding:5px !important; }
.pdd8 { padding:8px !important; }
.pdd10 { padding:10px !important; }
.pdd12 { padding:12px !important; }
.pdd14 { padding:14px !important; }
.pdd15 { padding:15px !important; }
.pdd16 { padding:16px !important; }
.pdd18 { padding:18px !important; }
.pdd20 { padding:20px !important; }
.pdd22 { padding:22px !important; }
.pdd24 { padding:24px !important; }

.pdd-tp-0 { padding-top:0 !important; }
.pdd-tp-2 { padding-top:2px !important; }
.pdd-tp-3 { padding-top:3px !important; }
.pdd-tp-4 { padding-top:4px !important; }
.pdd-tp-5 { padding-top:5px !important; }
.pdd-tp-6 { padding-top:6px !important; }
.pdd-tp-8 { padding-top:8px !important; }
.pdd-tp-10 { padding-top:10px !important; }
.pdd-tp-12 { padding-top:12px !important; }
.pdd-tp-14 { padding-top:14px !important; }
.pdd-tp-15 { padding-top:15px !important; }
.pdd-tp-16 { padding-top:16px !important; }
.pdd-tp-18 { padding-top:18px !important; }
.pdd-tp-20 { padding-top:20px !important; }
.pdd-tp-22 { padding-top:22px !important; }
.pdd-tp-24 { padding-top:24px !important; }
.pdd-tp-25 { padding-top:25px !important; }
.pdd-tp-30 { padding-top:30px !important; }
.pdd-tp-32 { padding-top:32px !important; }
.pdd-tp-35 { padding-top:35px !important; }
.pdd-tp-40 { padding-top:40px !important; }
.pdd-tp-45 { padding-top:45px !important; }
.pdd-tp-50 { padding-top:50px !important; }
.pdd-tp-60 { padding-top:60px !important; }
.pdd-tp-70 { padding-top:70px !important; }
.pdd-tp-80 { padding-top:80px !important; }
.pdd-tp-90 { padding-top:90px !important; }
.pdd-tp-100 { padding-top:100px !important; }

.pdd-bt-0 { padding-bottom:0 !important; }
.pdd-bt-2 { padding-bottom:2px !important; }
.pdd-bt-4 { padding-bottom:4px !important; }
.pdd-bt-5 { padding-bottom:5px !important; }
.pdd-bt-8 { padding-bottom:8px !important; }
.pdd-bt-10 { padding-bottom:10px !important; }
.pdd-bt-12 { padding-bottom:12px !important; }
.pdd-bt-14 { padding-bottom:14px !important; }
.pdd-bt-15 { padding-bottom:15px !important; }
.pdd-bt-16 { padding-bottom:16px !important; }
.pdd-bt-18 { padding-bottom:18px !important; }
.pdd-bt-20 { padding-bottom:20px !important; }
.pdd-bt-22 { padding-bottom:22px !important; }
.pdd-bt-24 { padding-bottom:24px !important; }
.pdd-bt-25 { padding-bottom:25px !important; }
.pdd-bt-30 { padding-bottom:30px !important; }
.pdd-bt-35 { padding-bottom:35px !important; }
.pdd-bt-40 { padding-bottom:40px !important; }
.pdd-bt-45 { padding-bottom:45px !important; }
.pdd-bt-50 { padding-bottom:50px !important; }
.pdd-bt-54 { padding-bottom:54px !important; }
.pdd-bt-56 { padding-bottom:56px !important; }
.pdd-bt-60 { padding-bottom:60px !important; }
.pdd-bt-70 { padding-bottom:70px !important; }
.pdd-bt-80 { padding-bottom:80px !important; }
.pdd-bt-90 { padding-bottom:90px !important; }
.pdd-bt-100 { padding-bottom:100px !important; }

.pdd-l0 { padding-left:0 !important; }
.pdd-l3 { padding-left:3px !important; }
.pdd-l4 { padding-left:4px !important; }
.pdd-l5 { padding-left:5px !important; }
.pdd-l6 { padding-left:6px !important; }
.pdd-l8 { padding-left:8px !important; }
.pdd-l10 { padding-left:10px !important; }
.pdd-l12 { padding-left:12px !important; }
.pdd-l14 { padding-left:14px !important; }
.pdd-l15 { padding-left:15px !important; }
.pdd-l16 { padding-left:16px !important; }
.pdd-l18 { padding-left:18px !important; }
.pdd-l20 { padding-left:20px !important; }
.pdd-l22 { padding-left:22px !important; }
.pdd-l24 { padding-left:24px !important; }
.pdd-l25 { padding-left:25px !important; }
.pdd-l30 { padding-left:30px !important; }
.pdd-l35 { padding-left:35px !important; }
.pdd-l40 { padding-left:40px !important; }
.pdd-l45 { padding-left:45px !important; }
.pdd-l50 { padding-left:50px !important; }
.pdd-l56 { padding-left:56px !important; }
.pdd-l60 { padding-left:60px !important; }
.pdd-l64 { padding-left:64px !important; }
.pdd-l70 { padding-left:70px !important; }
.pdd-l80 { padding-left:80px !important; }
.pdd-l90 { padding-left:90px !important; }
.pdd-l100 { padding-left:100px !important; }

.pdd-r0 { padding-right:0 !important; }
.pdd-r3 { padding-right:3px !important; }
.pdd-r4 { padding-right:4px !important; }
.pdd-r5 { padding-right:5px !important; }
.pdd-r6 { padding-right:6px !important; }
.pdd-r8 { padding-right:8px !important; }
.pdd-r10 { padding-right:10px !important; }
.pdd-r12 { padding-right:12px !important; }
.pdd-r14 { padding-right:14px !important; }
.pdd-r15 { padding-right:15px !important; }
.pdd-r16 { padding-right:16px !important; }
.pdd-r18 { padding-right:18px !important; }
.pdd-r20 { padding-right:20px !important; }
.pdd-r22 { padding-right:22px !important; }
.pdd-r24 { padding-right:24px !important; }
.pdd-r25 { padding-right:25px !important; }
.pdd-r30 { padding-right:30px !important; }
.pdd-r35 { padding-right:35px !important; }
.pdd-r40 { padding-right:40px !important; }
.pdd-r45 { padding-right:45px !important; }
.pdd-r50 { padding-right:50px !important; }
.pdd-r60 { padding-right:60px !important; }
.pdd-r70 { padding-right:70px !important; }
.pdd-r80 { padding-right:80px !important; }
.pdd-r90 { padding-right:90px !important; }
.pdd-r100 { padding-right:100px !important; }

.pdd-tp-bt-0 { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5 { padding-top:5px !important; padding-bottom:5px !important; }
.pdd-tp-bt-10 { padding-top:10px !important; padding-bottom:10px !important; }
.pdd-tp-bt-15 { padding-top:15px !important; padding-bottom:15px !important; }
.pdd-tp-bt-20 { padding-top:20px !important; padding-bottom:20px !important; }

.pdd-lr-0 { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-2 { padding-left:2px !important; padding-right:2px !important; }
.pdd-lr-3 { padding-left:3px !important; padding-right:3px !important; }
.pdd-lr-5 { padding-left:5px !important; padding-right:5px !important; }
.pdd-lr-10 { padding-left:10px !important; padding-right:10px !important; }
.pdd-lr-15 { padding-left:15px !important; padding-right:15px !important; }
.pdd-lr-20 { padding-left:20px !important; padding-right:20px !important; }

.pdd-bt-0pr { padding-bottom:0 !important; }
.pdd-bt-3pr { padding-bottom:3% !important; }
.pdd-bt-5pr { padding-bottom:5% !important; }
.pdd-bt-10pr { padding-bottom:10% !important; }
.pdd-bt-15pr { padding-bottom:15% !important; }
.pdd-bt-25pr { padding-bottom:25% !important; }
.pdd-bt-50pr { padding-bottom:50% !important; }
.pdd-bt-100pr { padding-bottom:100% !important; }

.pdd-tp-0pr { padding-top:0 !important; }
.pdd-tp-3pr { padding-top:3% !important; }
.pdd-tp-5pr { padding-top:5% !important; }
.pdd-tp-10pr { padding-top:10% !important; }
.pdd-tp-15pr { padding-top:15% !important; }
.pdd-tp-25pr { padding-top:25% !important; }
.pdd-tp-50pr { padding-top:50% !important; }
.pdd-tp-100pr { padding-top:100% !important; }

.pdd-l-0pr { padding-left:0 !important; }
.pdd-l-3pr { padding-left:3% !important; }
.pdd-l-5pr { padding-left:5% !important; }
.pdd-l-10pr { padding-left:10% !important; }
.pdd-l-15pr { padding-left:15% !important; }
.pdd-l-25pr { padding-left:25% !important; }
.pdd-l-50pr { padding-left:50% !important; }
.pdd-l-100pr { padding-left:100% !important; }

.pdd-r-0pr { padding-right:0 !important; }
.pdd-r-3pr { padding-right:3% !important; }
.pdd-r-5pr { padding-right:5% !important; }
.pdd-r-10pr { padding-right:10% !important; }
.pdd-r-15pr { padding-right:15% !important; }
.pdd-r-25pr { padding-right:25% !important; }
.pdd-r-50pr { padding-right:50% !important; }
.pdd-r-100pr { padding-right:100% !important; }

.pdd0-perc { padding:0 !important; }
.pdd5-perc { padding:5% !important; }
.pdd10-perc { padding:10% !important; }
.pdd15-perc { padding:15% !important; }
.pdd20-perc { padding:20% !important; }

.pdd-tp-0-perc { padding-top:0 !important; }
.pdd-tp-5-perc { padding-top:5% !important; }
.pdd-tp-10-perc { padding-top:10% !important; }
.pdd-tp-15-perc { padding-top:15% !important; }
.pdd-tp-20-perc { padding-top:20% !important; }
.pdd-tp-25-perc { padding-top:25% !important; }
.pdd-tp-50-perc { padding-top:50% !important; }

.pdd-bt-0-perc { padding-bottom:0 !important; }
.pdd-bt-5-perc { padding-bottom:5% !important; }
.pdd-bt-10-perc { padding-bottom:10% !important; }
.pdd-bt-15-perc { padding-bottom:15% !important; }
.pdd-bt-20-perc { padding-bottom:20% !important; }
.pdd-bt-25-perc { padding-bottom:25% !important; }
.pdd-bt-50-perc { padding-bottom:50% !important; }

.pdd-l0-perc { padding-left:0 !important; }
.pdd-l5-perc { padding-left:5% !important; }
.pdd-l10-perc { padding-left:10% !important; }
.pdd-l15-perc { padding-left:15% !important; }
.pdd-l20-perc { padding-left:20% !important; }

.pdd-r0-perc { padding-right:0 !important; }
.pdd-r5-perc { padding-right:5% !important; }
.pdd-r10-perc { padding-right:10% !important; }
.pdd-r15-perc { padding-right:15% !important; }
.pdd-r20-perc { padding-right:20% !important; }

.pdd-tp-bt-0-perc { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5-perc { padding-top:5% !important; padding-bottom:5% !important; }
.pdd-tp-bt-10-perc { padding-top:10% !important; padding-bottom:10% !important; }
.pdd-tp-bt-15-perc { padding-top:15% !important; padding-bottom:15% !important; }
.pdd-tp-bt-20-perc { padding-top:20% !important; padding-bottom:20% !important; }

.pdd-lr-0-perc { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5-perc { padding-left:5% !important; padding-right:5% !important; }
.pdd-lr-10-perc { padding-left:10% !important; padding-right:10% !important; }
.pdd-lr-15-perc { padding-left:15% !important; padding-right:15% !important; }
.pdd-lr-20-perc { padding-left:20% !important; padding-right:20% !important; }

.pdd-tp-1d {
    padding-top: 5px !important;
}
.pdd-tp-2d {
    padding-top: 8px !important;
}
.pdd-tp-3d {
    padding-top: 10px !important;
}
.pdd-tp-4d {
    padding-top: 16px !important;
}
.pdd-tp-5d {
    padding-top: 20px !important;
}
.pdd-bt-1d {
    padding-bottom: 5px !important;
}
.pdd-bt-2d {
    padding-bottom: 8px !important;
}
.pdd-bt-3d {
    padding-bottom: 10px !important;
}
.pdd-bt-4d {
    padding-bottom: 16px !important;
}
.pdd-bt-5d {
    padding-bottom: 20px !important;
}
.pdd-tb-1d {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.pdd-tb-2d {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.pdd-tb-3d {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.pdd-tb-4d {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.pdd-tb-5d {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.pdd-l-1d {
    padding-left: 5px !important;
}
.pdd-l-2d {
    padding-left: 8px !important;
}
.pdd-l-3d {
    padding-left: 10px !important;
}
.pdd-l-4d {
    padding-left: 16px !important;
}
.pdd-l-5d {
    padding-left: 20px !important;
}
.pdd-r-1d {
    padding-right: 5px !important;
}
.pdd-r-2d {
    padding-right: 8px !important;
}
.pdd-r-3d {
    padding-right: 10px !important;
}
.pdd-r-4d {
    padding-right: 16px !important;
}
.pdd-r-5d {
    padding-right: 20px !important;
}
.pdd-lr-1d {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.pdd-lr-2d {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.pdd-lr-3d {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.pdd-lr-4d {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.pdd-lr-5d {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.mrg-tp-1d {
    margin-top: 5px !important;
}
.mrg-tp-2d {
    margin-top: 8px !important;
}
.mrg-tp-3d {
    margin-top: 10px !important;
}
.mrg-tp-4d {
    margin-top: 16px !important;
}
.mrg-tp-5d {
    margin-top: 20px !important;
}
.mrg-bt-1d {
    margin-bottom: 5px !important;
}
.mrg-bt-2d {
    margin-bottom: 8px !important;
}
.mrg-bt-3d {
    margin-bottom: 10px !important;
}
.mrg-bt-4d {
    margin-bottom: 16px !important;
}
.mrg-bt-5d {
    margin-bottom: 20px !important;
}
.mrg-tb-1d {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.mrg-tb-2d {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.mrg-tb-3d {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.mrg-tb-4d {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.mrg-tb-5d {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mrg-l-1d {
    margin-left: 5px !important;
}
.mrg-l-2d {
    margin-left: 8px !important;
}
.mrg-l-3d {
    margin-left: 10px !important;
}
.mrg-l-4d {
    margin-left: 16px !important;
}
.mrg-l-5d {
    margin-left: 20px !important;
}
.mrg-r-1d {
    margin-right: 5px !important;
}
.mrg-r-2d {
    margin-right: 8px !important;
}
.mrg-r-3d {
    margin-right: 10px !important;
}
.mrg-r-4d {
    margin-right: 16px !important;
}
.mrg-r-5d {
    margin-right: 20px !important;
}
.mrg-lr-1d {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.mrg-lr-2d {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.mrg-lr-3d {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.mrg-lr-4d {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.mrg-lr-5d {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

@media (min-width: 576px) {
    .pdd-tp-sm-1d {
        padding-top: 5px !important;
    }
    .pdd-tp-sm-2d {
        padding-top: 8px !important;
    }
    .pdd-tp-sm-3d {
        padding-top: 10px !important;
    }
    .pdd-tp-sm-4d {
        padding-top: 16px !important;
    }
    .pdd-tp-sm-5d {
        padding-top: 20px !important;
    }
    .pdd-bt-sm-1d {
        padding-bottom: 5px !important;
    }
    .pdd-bt-sm-2d {
        padding-bottom: 8px !important;
    }
    .pdd-bt-sm-3d {
        padding-bottom: 10px !important;
    }
    .pdd-bt-sm-4d {
        padding-bottom: 16px !important;
    }
    .pdd-bt-sm-5d {
        padding-bottom: 20px !important;
    }
    .pdd-tb-sm-1d {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pdd-tb-sm-2d {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .pdd-tb-sm-3d {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pdd-tb-sm-4d {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .pdd-tb-sm-5d {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pdd-l-sm-1d {
        padding-left: 5px !important;
    }
    .pdd-l-sm-2d {
        padding-left: 8px !important;
    }
    .pdd-l-sm-3d {
        padding-left: 10px !important;
    }
    .pdd-l-sm-4d {
        padding-left: 16px !important;
    }
    .pdd-l-sm-5d {
        padding-left: 20px !important;
    }
    .pdd-r-sm-1d {
        padding-right: 5px !important;
    }
    .pdd-r-sm-2d {
        padding-right: 8px !important;
    }
    .pdd-r-sm-3d {
        padding-right: 10px !important;
    }
    .pdd-r-sm-4d {
        padding-right: 16px !important;
    }
    .pdd-r-sm-5d {
        padding-right: 20px !important;
    }
    .pdd-lr-sm-1d {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .pdd-lr-sm-2d {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .pdd-lr-sm-3d {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .pdd-lr-sm-4d {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .pdd-lr-sm-5d {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .mrg-tp-sm-1d {
        margin-top: 5px !important;
    }
    .mrg-tp-sm-2d {
        margin-top: 8px !important;
    }
    .mrg-tp-sm-3d {
        margin-top: 10px !important;
    }
    .mrg-tp-sm-4d {
        margin-top: 16px !important;
    }
    .mrg-tp-sm-5d {
        margin-top: 20px !important;
    }
    .mrg-bt-sm-1d {
        margin-bottom: 5px !important;
    }
    .mrg-bt-sm-2d {
        margin-bottom: 8px !important;
    }
    .mrg-bt-sm-3d {
        margin-bottom: 10px !important;
    }
    .mrg-bt-sm-4d {
        margin-bottom: 16px !important;
    }
    .mrg-bt-sm-5d {
        margin-bottom: 20px !important;
    }
    .mrg-tb-sm-1d {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mrg-tb-sm-2d {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .mrg-tb-sm-3d {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mrg-tb-sm-4d {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .mrg-tb-sm-5d {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mrg-l-sm-1d {
        margin-left: 5px !important;
    }
    .mrg-l-sm-2d {
        margin-left: 8px !important;
    }
    .mrg-l-sm-3d {
        margin-left: 10px !important;
    }
    .mrg-l-sm-4d {
        margin-left: 16px !important;
    }
    .mrg-l-sm-5d {
        margin-left: 20px !important;
    }
    .mrg-r-sm-1d {
        margin-right: 5px !important;
    }
    .mrg-r-sm-2d {
        margin-right: 8px !important;
    }
    .mrg-r-sm-3d {
        margin-right: 10px !important;
    }
    .mrg-r-sm-4d {
        margin-right: 16px !important;
    }
    .mrg-r-sm-5d {
        margin-right: 20px !important;
    }
    .mrg-lr-sm-1d {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .mrg-lr-sm-2d {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .mrg-lr-sm-3d {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .mrg-lr-sm-4d {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .mrg-lr-sm-5d {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

@media (min-width: 768px) {
    .pdd-tp-md-1d {
        padding-top: 5px !important;
    }
    .pdd-tp-md-2d {
        padding-top: 8px !important;
    }
    .pdd-tp-md-3d {
        padding-top: 10px !important;
    }
    .pdd-tp-md-4d {
        padding-top: 16px !important;
    }
    .pdd-tp-md-5d {
        padding-top: 20px !important;
    }
    .pdd-bt-md-1d {
        padding-bottom: 5px !important;
    }
    .pdd-bt-md-2d {
        padding-bottom: 8px !important;
    }
    .pdd-bt-md-3d {
        padding-bottom: 10px !important;
    }
    .pdd-bt-md-4d {
        padding-bottom: 16px !important;
    }
    .pdd-bt-md-5d {
        padding-bottom: 20px !important;
    }
    .pdd-tb-md-1d {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pdd-tb-md-2d {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .pdd-tb-md-3d {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pdd-tb-md-4d {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .pdd-tb-md-5d {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pdd-l-md-1d {
        padding-left: 5px !important;
    }
    .pdd-l-md-2d {
        padding-left: 8px !important;
    }
    .pdd-l-md-3d {
        padding-left: 10px !important;
    }
    .pdd-l-md-4d {
        padding-left: 16px !important;
    }
    .pdd-l-md-5d {
        padding-left: 20px !important;
    }
    .pdd-r-md-1d {
        padding-right: 5px !important;
    }
    .pdd-r-md-2d {
        padding-right: 8px !important;
    }
    .pdd-r-md-3d {
        padding-right: 10px !important;
    }
    .pdd-r-md-4d {
        padding-right: 16px !important;
    }
    .pdd-r-md-5d {
        padding-right: 20px !important;
    }
    .pdd-lr-md-1d {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .pdd-lr-md-2d {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .pdd-lr-md-3d {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .pdd-lr-md-4d {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .pdd-lr-md-5d {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .mrg-tp-md-1d {
        margin-top: 5px !important;
    }
    .mrg-tp-md-2d {
        margin-top: 8px !important;
    }
    .mrg-tp-md-3d {
        margin-top: 10px !important;
    }
    .mrg-tp-md-4d {
        margin-top: 16px !important;
    }
    .mrg-tp-md-5d {
        margin-top: 20px !important;
    }
    .mrg-bt-md-1d {
        margin-bottom: 5px !important;
    }
    .mrg-bt-md-2d {
        margin-bottom: 8px !important;
    }
    .mrg-bt-md-3d {
        margin-bottom: 10px !important;
    }
    .mrg-bt-md-4d {
        margin-bottom: 16px !important;
    }
    .mrg-bt-md-5d {
        margin-bottom: 20px !important;
    }
    .mrg-tb-md-1d {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mrg-tb-md-2d {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .mrg-tb-md-3d {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mrg-tb-md-4d {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .mrg-tb-md-5d {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mrg-l-md-1d {
        margin-left: 5px !important;
    }
    .mrg-l-md-2d {
        margin-left: 8px !important;
    }
    .mrg-l-md-3d {
        margin-left: 10px !important;
    }
    .mrg-l-md-4d {
        margin-left: 16px !important;
    }
    .mrg-l-md-5d {
        margin-left: 20px !important;
    }
    .mrg-r-md-1d {
        margin-right: 5px !important;
    }
    .mrg-r-md-2d {
        margin-right: 8px !important;
    }
    .mrg-r-md-3d {
        margin-right: 10px !important;
    }
    .mrg-r-md-4d {
        margin-right: 16px !important;
    }
    .mrg-r-md-5d {
        margin-right: 20px !important;
    }
    .mrg-lr-md-1d {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .mrg-lr-md-2d {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .mrg-lr-md-3d {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .mrg-lr-md-4d {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .mrg-lr-md-5d {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

@media (min-width: 992px) {
    .pdd-tp-lg-1d {
        padding-top: 5px !important;
    }
    .pdd-tp-lg-2d {
        padding-top: 8px !important;
    }
    .pdd-tp-lg-3d {
        padding-top: 10px !important;
    }
    .pdd-tp-lg-4d {
        padding-top: 16px !important;
    }
    .pdd-tp-lg-5d {
        padding-top: 20px !important;
    }
    .pdd-bt-lg-1d {
        padding-bottom: 5px !important;
    }
    .pdd-bt-lg-2d {
        padding-bottom: 8px !important;
    }
    .pdd-bt-lg-3d {
        padding-bottom: 10px !important;
    }
    .pdd-bt-lg-4d {
        padding-bottom: 16px !important;
    }
    .pdd-bt-lg-5d {
        padding-bottom: 20px !important;
    }
    .pdd-tb-lg-1d {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pdd-tb-lg-2d {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .pdd-tb-lg-3d {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pdd-tb-lg-4d {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .pdd-tb-lg-5d {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pdd-l-lg-1d {
        padding-left: 5px !important;
    }
    .pdd-l-lg-2d {
        padding-left: 8px !important;
    }
    .pdd-l-lg-3d {
        padding-left: 10px !important;
    }
    .pdd-l-lg-4d {
        padding-left: 16px !important;
    }
    .pdd-l-lg-5d {
        padding-left: 20px !important;
    }
    .pdd-r-lg-1d {
        padding-right: 5px !important;
    }
    .pdd-r-lg-2d {
        padding-right: 8px !important;
    }
    .pdd-r-lg-3d {
        padding-right: 10px !important;
    }
    .pdd-r-lg-4d {
        padding-right: 16px !important;
    }
    .pdd-r-lg-5d {
        padding-right: 20px !important;
    }
    .pdd-lr-lg-1d {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .pdd-lr-lg-2d {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .pdd-lr-lg-3d {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .pdd-lr-lg-4d {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .pdd-lr-lg-5d {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .mrg-tp-lg-1d {
        margin-top: 5px !important;
    }
    .mrg-tp-lg-2d {
        margin-top: 8px !important;
    }
    .mrg-tp-lg-3d {
        margin-top: 10px !important;
    }
    .mrg-tp-lg-4d {
        margin-top: 16px !important;
    }
    .mrg-tp-lg-5d {
        margin-top: 20px !important;
    }
    .mrg-bt-lg-1d {
        margin-bottom: 5px !important;
    }
    .mrg-bt-lg-2d {
        margin-bottom: 8px !important;
    }
    .mrg-bt-lg-3d {
        margin-bottom: 10px !important;
    }
    .mrg-bt-lg-4d {
        margin-bottom: 16px !important;
    }
    .mrg-bt-lg-5d {
        margin-bottom: 20px !important;
    }
    .mrg-tb-lg-1d {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mrg-tb-lg-2d {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .mrg-tb-lg-3d {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mrg-tb-lg-4d {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .mrg-tb-lg-5d {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mrg-l-lg-1d {
        margin-left: 5px !important;
    }
    .mrg-l-lg-2d {
        margin-left: 8px !important;
    }
    .mrg-l-lg-3d {
        margin-left: 10px !important;
    }
    .mrg-l-lg-4d {
        margin-left: 16px !important;
    }
    .mrg-l-lg-5d {
        margin-left: 20px !important;
    }
    .mrg-r-lg-1d {
        margin-right: 5px !important;
    }
    .mrg-r-lg-2d {
        margin-right: 8px !important;
    }
    .mrg-r-lg-3d {
        margin-right: 10px !important;
    }
    .mrg-r-lg-4d {
        margin-right: 16px !important;
    }
    .mrg-r-lg-5d {
        margin-right: 20px !important;
    }
    .mrg-lr-lg-1d {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .mrg-lr-lg-2d {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .mrg-lr-lg-3d {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .mrg-lr-lg-4d {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .mrg-lr-lg-5d {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

@media (min-width: 1200px) {
    .pdd-tp-xl-1d {
        padding-top: 5px !important;
    }
    .pdd-tp-xl-2d {
        padding-top: 8px !important;
    }
    .pdd-tp-xl-3d {
        padding-top: 10px !important;
    }
    .pdd-tp-xl-4d {
        padding-top: 16px !important;
    }
    .pdd-tp-xl-5d {
        padding-top: 20px !important;
    }
    .pdd-bt-xl-1d {
        padding-bottom: 5px !important;
    }
    .pdd-bt-xl-2d {
        padding-bottom: 8px !important;
    }
    .pdd-bt-xl-3d {
        padding-bottom: 10px !important;
    }
    .pdd-bt-xl-4d {
        padding-bottom: 16px !important;
    }
    .pdd-bt-xl-5d {
        padding-bottom: 20px !important;
    }
    .pdd-tb-xl-1d {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pdd-tb-xl-2d {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .pdd-tb-xl-3d {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pdd-tb-xl-4d {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .pdd-tb-xl-5d {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pdd-l-xl-1d {
        padding-left: 5px !important;
    }
    .pdd-l-xl-2d {
        padding-left: 8px !important;
    }
    .pdd-l-xl-3d {
        padding-left: 10px !important;
    }
    .pdd-l-xl-4d {
        padding-left: 16px !important;
    }
    .pdd-l-xl-5d {
        padding-left: 20px !important;
    }
    .pdd-r-xl-1d {
        padding-right: 5px !important;
    }
    .pdd-r-xl-2d {
        padding-right: 8px !important;
    }
    .pdd-r-xl-3d {
        padding-right: 10px !important;
    }
    .pdd-r-xl-4d {
        padding-right: 16px !important;
    }
    .pdd-r-xl-5d {
        padding-right: 20px !important;
    }
    .pdd-lr-xl-1d {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .pdd-lr-xl-2d {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .pdd-lr-xl-3d {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .pdd-lr-xl-4d {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .pdd-lr-xl-5d {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .mrg-tp-xl-1d {
        margin-top: 5px !important;
    }
    .mrg-tp-xl-2d {
        margin-top: 8px !important;
    }
    .mrg-tp-xl-3d {
        margin-top: 10px !important;
    }
    .mrg-tp-xl-4d {
        margin-top: 16px !important;
    }
    .mrg-tp-xl-5d {
        margin-top: 20px !important;
    }
    .mrg-bt-xl-1d {
        margin-bottom: 5px !important;
    }
    .mrg-bt-xl-2d {
        margin-bottom: 8px !important;
    }
    .mrg-bt-xl-3d {
        margin-bottom: 10px !important;
    }
    .mrg-bt-xl-4d {
        margin-bottom: 16px !important;
    }
    .mrg-bt-xl-5d {
        margin-bottom: 20px !important;
    }
    .mrg-tb-xl-1d {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mrg-tb-xl-2d {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .mrg-tb-xl-3d {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mrg-tb-xl-4d {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .mrg-tb-xl-5d {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mrg-l-xl-1d {
        margin-left: 5px !important;
    }
    .mrg-l-xl-2d {
        margin-left: 8px !important;
    }
    .mrg-l-xl-3d {
        margin-left: 10px !important;
    }
    .mrg-l-xl-4d {
        margin-left: 16px !important;
    }
    .mrg-l-xl-5d {
        margin-left: 20px !important;
    }
    .mrg-r-xl-1d {
        margin-right: 5px !important;
    }
    .mrg-r-xl-2d {
        margin-right: 8px !important;
    }
    .mrg-r-xl-3d {
        margin-right: 10px !important;
    }
    .mrg-r-xl-4d {
        margin-right: 16px !important;
    }
    .mrg-r-xl-5d {
        margin-right: 20px !important;
    }
    .mrg-lr-xl-1d {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .mrg-lr-xl-2d {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .mrg-lr-xl-3d {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .mrg-lr-xl-4d {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .mrg-lr-xl-5d {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

@media (min-width: 1400px) {
    .pdd-tp-xxl-1d {
        padding-top: 5px !important;
    }
    .pdd-tp-xxl-2d {
        padding-top: 8px !important;
    }
    .pdd-tp-xxl-3d {
        padding-top: 10px !important;
    }
    .pdd-tp-xxl-4d {
        padding-top: 16px !important;
    }
    .pdd-tp-xxl-5d {
        padding-top: 20px !important;
    }
    .pdd-bt-xxl-1d {
        padding-bottom: 5px !important;
    }
    .pdd-bt-xxl-2d {
        padding-bottom: 8px !important;
    }
    .pdd-bt-xxl-3d {
        padding-bottom: 10px !important;
    }
    .pdd-bt-xxl-4d {
        padding-bottom: 16px !important;
    }
    .pdd-bt-xxl-5d {
        padding-bottom: 20px !important;
    }
    .pdd-tb-xxl-1d {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pdd-tb-xxl-2d {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .pdd-tb-xxl-3d {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pdd-tb-xxl-4d {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .pdd-tb-xxl-5d {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pdd-l-xxl-1d {
        padding-left: 5px !important;
    }
    .pdd-l-xxl-2d {
        padding-left: 8px !important;
    }
    .pdd-l-xxl-3d {
        padding-left: 10px !important;
    }
    .pdd-l-xxl-4d {
        padding-left: 16px !important;
    }
    .pdd-l-xxl-5d {
        padding-left: 20px !important;
    }
    .pdd-r-xxl-1d {
        padding-right: 5px !important;
    }
    .pdd-r-xxl-2d {
        padding-right: 8px !important;
    }
    .pdd-r-xxl-3d {
        padding-right: 10px !important;
    }
    .pdd-r-xxl-4d {
        padding-right: 16px !important;
    }
    .pdd-r-xxl-5d {
        padding-right: 20px !important;
    }
    .pdd-lr-xxl-1d {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .pdd-lr-xxl-2d {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .pdd-lr-xxl-3d {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .pdd-lr-xxl-4d {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .pdd-lr-xxl-5d {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .mrg-tp-xxl-1d {
        margin-top: 5px !important;
    }
    .mrg-tp-xxl-2d {
        margin-top: 8px !important;
    }
    .mrg-tp-xxl-3d {
        margin-top: 10px !important;
    }
    .mrg-tp-xxl-4d {
        margin-top: 16px !important;
    }
    .mrg-tp-xxl-5d {
        margin-top: 20px !important;
    }
    .mrg-bt-xxl-1d {
        margin-bottom: 5px !important;
    }
    .mrg-bt-xxl-2d {
        margin-bottom: 8px !important;
    }
    .mrg-bt-xxl-3d {
        margin-bottom: 10px !important;
    }
    .mrg-bt-xxl-4d {
        margin-bottom: 16px !important;
    }
    .mrg-bt-xxl-5d {
        margin-bottom: 20px !important;
    }
    .mrg-tb-xxl-1d {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mrg-tb-xxl-2d {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .mrg-tb-xxl-3d {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mrg-tb-xxl-4d {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .mrg-tb-xxl-5d {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mrg-l-xxl-1d {
        margin-left: 5px !important;
    }
    .mrg-l-xxl-2d {
        margin-left: 8px !important;
    }
    .mrg-l-xxl-3d {
        margin-left: 10px !important;
    }
    .mrg-l-xxl-4d {
        margin-left: 16px !important;
    }
    .mrg-l-xxl-5d {
        margin-left: 20px !important;
    }
    .mrg-r-xxl-1d {
        margin-right: 5px !important;
    }
    .mrg-r-xxl-2d {
        margin-right: 8px !important;
    }
    .mrg-r-xxl-3d {
        margin-right: 10px !important;
    }
    .mrg-r-xxl-4d {
        margin-right: 16px !important;
    }
    .mrg-r-xxl-5d {
        margin-right: 20px !important;
    }
    .mrg-lr-xxl-1d {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .mrg-lr-xxl-2d {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .mrg-lr-xxl-3d {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .mrg-lr-xxl-4d {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .mrg-lr-xxl-5d {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

/*
* width
*/
.w-auto { width: auto; }
.w5, .w5x100 { width: 5% !important; }
.w10, .w10x100 { width: 10% !important; }
.w11, .w11x100 { width: 11% !important; }
.w12, .w12x100 { width: 12% !important; }
.w13, .w13x100 { width: 13% !important; }
.w14, .w14x100 { width: 14% !important; }
.w15, .w15x100 { width: 15% !important; }
.w20, .w20x100 { width: 20% !important; }
.w22, .w22x100 { width: 22% !important; }
.w25, .w25x100 { width: 25% !important; }
.w30, .w30x100 { width: 30% !important; }
.w33, .w33x100 { width: 33.33% !important; }
.w40, .w40x100 { width: 40% !important; }
.w45, .w45x100 { width: 45% !important; }
.w48, .w48x100 { width: 48% !important; }
.w50, .w50x100 { width: 50% !important; }
.w58, .w58x100 { width: 58% !important; }
.w60, .w60x100 { width: 60% !important; }
.w65, .w65x100 { width: 65% !important; }
.w70, .w70x100 { width: 70% !important; }
.w75, .w75x100 { width: 75% !important; }
.w80, .w80x100 { width: 80% !important; }
.w85, .w85x100 { width: 85% !important; }
.w90, .w90x100 { width: 90% !important; }
.w95, .w95x100 { width: 95% !important; }
.w100,.w100x100 { width: 100% !important; }
.w100-row{
    width: calc(100% + calc(1 * var(--bs-gutter-x)));
}

.w100-10p{
    width: calc(100% - 10px) !important;
}
.w100-20p{
    width: calc(100% - 20px) !important;
}
.w100-30p{
    width: calc(100% - 30px) !important;
}
.w100-40p{
    width: calc(100% - 40px) !important;
}
.w100-50p{
    width: calc(100% - 50px) !important;
}
.w100-60p{
    width: calc(100% - 60px) !important;
}
.w100-70p{
    width: calc(100% - 70px) !important;
}
.w100-80p{
    width: calc(100% - 80px) !important;
}
.w100-90p{
    width: calc(100% - 90px) !important;
}
.w100-100p{
    width: calc(100% - 100px) !important;
}
.w100-120p{
    width: calc(100% - 120px) !important;
}

.w5p   { width: 5px !important; }
.w10p  { width: 10px !important; }
.w15p  { width: 15px !important; }
.w20p  { width: 20px !important; }
.w22p  { width: 22px !important; }
.w25p  { width: 25px !important; }
.w30p  { width: 30px !important; }
.w32p  { width: 32px !important; }
.w33p  { width: 33px !important; }
.w35p  { width: 35px !important; }
.w36p  { width: 36px !important; }
.w40p  { width: 40px !important; }
.w44p  { width: 44px !important; }
.w45p  { width: 45px !important; }
.w50p  { width: 50px !important; }
.w58p  { width: 58px !important; }
.w60p  { width: 60px !important; }
.w70p  { width: 70px !important; }
.w80p  { width: 80px !important; }
.w90p  { width: 90px !important; }
.w95p  { width: 95px !important; }
.w100p { width: 100px !important; }
.w105p, .w105 { width: 105px !important; }
.w110p, .w110 { width: 110px !important; }
.w115p, .w115 { width: 115px !important; }
.w120p, .w120 { width: 120px !important; }
.w125p, .w125 { width: 125px !important; }
.w130p, .w130 { width: 130px !important; }
.w135p, .w135 { width: 135px !important; }
.w140p, .w140 { width: 140px !important; }
.w145p, .w145 { width: 145px !important; }
.w150p, .w150 { width: 150px !important; }
.w155p, .w155 { width: 155px !important; }
.w160p, .w160 { width: 160px !important; }
.w165p, .w165 { width: 165px !important; }
.w170p, .w170 { width: 170px !important; }
.w175p, .w175 { width: 175px !important; }
.w180p, .w180 { width: 180px !important; }
.w185p, .w185 { width: 185px !important; }
.w190p, .w190 { width: 190px !important; }
.w195p, .w195 { width: 195px !important; }
.w200p, .w200 { width: 200px !important; }
.w210p, .w210 { width: 210px !important; }
.w240p, .w240 { width: 240px !important; }
.w250p, .w250 { width: 250px !important; }
.w300p, .w300 { width: 300px !important; }
.w350p, .w350 { width: 350px !important; }
.w400p, .w400 { width: 400px !important; }

.h-auto { height: auto; }
.h5   { height: 5% !important; }
.h10  { height: 10% !important; }
.h15  { height: 15% !important; }
.h20  { height: 20% !important; }
.h22  { height: 22% !important; }
.h25  { height: 25% !important; }
.h30  { height: 30% !important; }
.h33  { height: 33.33% !important; }
.h40  { height: 40% !important; }
.h45  { height: 45% !important; }
.h48  { height: 48% !important; }
.h50  { height: 50% !important; }
.h58  { height: 58% !important; }
.h60  { height: 60% !important; }
.h65  { height: 65% !important; }
.h70  { height: 70% !important; }
.h75  { height: 75% !important; }
.h80  { height: 80% !important; }
.h85  { height: 85% !important; }
.h90  { height: 90% !important; }
.h95  { height: 95% !important; }
.h100 { height: 100% !important; }
.h100v { height: 100vh !important; }

.h5p   { height: 5px !important; }
.h10p  { height: 10px !important; }
.h15p  { height: 15px !important; }
.h20p  { height: 20px !important; }
.h22p  { height: 22px !important; }
.h24p  { height: 24px !important; }
.h25p  { height: 25px !important; }
.h30p  { height: 30px !important; }
.h32p  { height: 32px !important; }
.h33p  { height: 33px !important; }
.h34p  { height: 34px !important; }
.h35p  { height: 35px !important; }
.h36p  { height: 36px !important; }
.h38p  { height: 38px !important; }
.h40p  { height: 40px !important; }
.h45p  { height: 45px !important; }
.h50p  { height: 50px !important; }
.h58p  { height: 58px !important; }
.h60p  { height: 60px !important; }
.h70p  { height: 70px !important; }
.h80p  { height: 80px !important; }
.h90p  { height: 90px !important; }
.h95p  { height: 95px !important; }
.h100p { height: 100px !important; }
.h105p { height: 105px !important; }
.h110p { height: 110px !important; }
.h115p { height: 115px !important; }
.h120p { height: 120px !important; }
.h125p { height: 125px !important; }
.h130p { height: 130px !important; }
.h135p { height: 135px !important; }
.h140p { height: 140px !important; }
.h150p { height: 150px !important; }
.h160p { height: 160px !important; }
.h175p { height: 175px !important; }
.h180p { height: 180px !important; }
.h180p { height: 180px !important; }
.h200p { height: 200px !important; }
.h200p { height: 200px !important; }
.h210p { height: 210px !important; }
.h220p { height: 220px !important; }
.h230p { height: 230px !important; }
.h240p { height: 240px !important; }
.h250p { height: 250px !important; }
.h260p { height: 260px !important; }
.h270p { height: 270px !important; }
.h280p { height: 280px !important; }
.h290p { height: 290px !important; }
.h300p { height: 300px !important; }
.h310p { height: 310px !important; }
.h320p { height: 320px !important; }
.h330p { height: 330px !important; }
.h340p { height: 340px !important; }
.h350p { height: 350px !important; }
.h360p { height: 360px !important; }
.h370p { height: 370px !important; }
.h380p { height: 380px !important; }
.h390p { height: 390px !important; }
.h400p { height: 400px !important; }

.minw5   {min-width: 5% !important; }
.minw10  {min-width: 10% !important; }
.minw15  {min-width: 15% !important; }
.minw20  {min-width: 20% !important; }
.minw22  {min-width: 22% !important; }
.minw25  {min-width: 25% !important; }
.minw30  {min-width: 30% !important; }
.minw33  {min-width: 33.33% !important; }
.minw40  {min-width: 40% !important; }
.minw45  {min-width: 45% !important; }
.minw48  {min-width: 48% !important; }
.minw50  {min-width: 50% !important; }
.minw58  {min-width: 58% !important; }
.minw60  {min-width: 60% !important; }
.minw70  {min-width: 70% !important; }
.minw80  {min-width: 80% !important; }
.minw90  {min-width: 90% !important; }
.minw95  {min-width: 95% !important; }
.minw100 {min-width: 100% !important; }

.minw5p   {min-width: 5px !important; }
.minw10p  {min-width: 10px !important; }
.minw15p  {min-width: 15px !important; }
.minw20p  {min-width: 20px !important; }
.minw22p  {min-width: 22px !important; }
.minw25p  {min-width: 25px !important; }
.minw30p  {min-width: 30px !important; }
.minw33p  {min-width: 33px !important; }
.minw40p  {min-width: 40px !important; }
.minw45p  {min-width: 45px !important; }
.minw50p  {min-width: 50px !important; }
.minw58p  {min-width: 58px !important; }
.minw60p  {min-width: 60px !important; }
.minw70p  {min-width: 70px !important; }
.minw80p  {min-width: 80px !important; }
.minw90p  {min-width: 90px !important; }
.minw95p  {min-width: 95px !important; }
.minw100p {min-width: 100px !important; }
.minw105p {min-width: 105px !important; }
.minw110p {min-width: 110px !important; }
.minw120p {min-width: 120px !important; }
.minw130p {min-width: 130px !important; }
.minw140p {min-width: 140px !important; }
.minw150p {min-width: 150px !important; }
.minw160p {min-width: 160px !important; }
.minw170p {min-width: 170px !important; }
.minw175p {min-width: 175px !important; }
.minw180p {min-width: 180px !important; }
.minw190p {min-width: 190px !important; }
.minw200p {min-width: 200px !important; }
.minw210p {min-width: 210px !important; }
.minw220p {min-width: 220px !important; }
.minw230p {min-width: 230px !important; }
.minw240p {min-width: 240px !important; }
.minw245p {min-width: 245px !important; }
.minw250p {min-width: 250px !important; }
.minw260p {min-width: 260px !important; }
.minw270p {min-width: 270px !important; }
.minw280p {min-width: 280px !important; }
.minw290p {min-width: 290px !important; }
.minw300p {min-width: 300px !important; }
.minw310p {min-width: 310px !important; }
.minw320p {min-width: 320px !important; }
.minw330p {min-width: 330px !important; }
.minw340p {min-width: 340px !important; }
.minw350p {min-width: 350px !important; }
.minw360p {min-width: 360px !important; }
.minw370p {min-width: 370px !important; }
.minw380p {min-width: 380px !important; }
.minw390p {min-width: 390px !important; }
.minw400p {min-width: 400px !important; }
.minw500p {min-width: 500px !important; }
.minw550p {min-width: 550px !important; }
.minw600p {min-width: 600px !important; }
.minw700p {min-width: 700px !important; }
.minw800p {min-width: 800px !important; }

.minh5   {min-height: 5% !important; }
.minh10  {min-height: 10% !important; }
.minh15  {min-height: 15% !important; }
.minh20  {min-height: 20% !important; }
.minh22  {min-height: 22% !important; }
.minh25  {min-height: 25% !important; }
.minh30  {min-height: 30% !important; }
.minh33  {min-height: 33.33% !important; }
.minh40  {min-height: 40% !important; }
.minh45  {min-height: 45% !important; }
.minh48  {min-height: 48% !important; }
.minh50  {min-height: 50% !important; }
.minh58  {min-height: 58% !important; }
.minh60  {min-height: 60% !important; }
.minh70  {min-height: 70% !important; }
.minh80  {min-height: 80% !important; }
.minh90  {min-height: 90% !important; }
.minh95  {min-height: 95% !important; }
.minh100 {min-height: 100% !important; }
.minh100v {min-height: 100vh !important; }

.minh5p   {min-height: 5px !important; }
.minh10p  {min-height: 10px !important; }
.minh15p  {min-height: 15px !important; }
.minh16p  {min-height: 16px !important; }
.minh18p  {min-height: 18px !important; }
.minh20p  {min-height: 20px !important; }
.minh22p  {min-height: 22px !important; }
.minh24p  {min-height: 24px !important; }
.minh25p  {min-height: 25px !important; }
.minh26p  {min-height: 26px !important; }
.minh28p  {min-height: 28px !important; }
.minh30p  {min-height: 30px !important; }
.minh32p  {min-height: 32px !important; }
.minh33p  {min-height: 33px !important; }
.minh34p  {min-height: 34px !important; }
.minh36p  {min-height: 36px !important; }
.minh40p  {min-height: 40px !important; }
.minh44p  {min-height: 44px !important; }
.minh45p  {min-height: 45px !important; }
.minh50p  {min-height: 50px !important; }
.minh58p  {min-height: 58px !important; }
.minh60p  {min-height: 60px !important; }
.minh70p  {min-height: 70px !important; }
.minh80p  {min-height: 80px !important; }
.minh90p  {min-height: 90px !important; }
.minh95p  {min-height: 95px !important; }
.minh100p {min-height: 100px !important; }
.minh105p {min-height: 105px !important; }
.minh120p {min-height: 120px !important; }
.minh140p {min-height: 140px !important; }
.minh150p {min-height: 150px !important; }
.minh160p {min-height: 160px !important; }
.minh175p {min-height: 175px !important; }
.minh180p {min-height: 180px !important; }
.minh190p {min-height: 190px !important; }
.minh200p {min-height: 200px !important; }
.minh210p {min-height: 210px !important; }
.minh220p {min-height: 220px !important; }
.minh230p {min-height: 230px !important; }
.minh240p {min-height: 240px !important; }
.minh245p {min-height: 245px !important; }
.minh250p {min-height: 250px !important; }
.minh280p {min-height: 280px !important; }
.minh300p {min-height: 300px !important; }
.minh350p {min-height: 350px !important; }
.minh400p {min-height: 400px !important; }
.minh450p {min-height: 450px !important; }
.minh500p {min-height: 500px !important; }
.minh550p {min-height: 550px !important; }
.minh600p {min-height: 600px !important; }
.minh650p {min-height: 650px !important; }
.minh700p {min-height: 700px !important; }
.minh750p {min-height: 750px !important; }
.minh800p {min-height: 800px !important; }

.maxw100 {max-width: 100% !important; }
.maxw90 {max-width: 90% !important; }
.maxw40p {max-width: 40px !important; }
.maxw50p {max-width: 50px !important; }
.maxw60p {max-width: 60px !important; }
.maxw80p {max-width: 80px !important; }
.maxw100p {max-width: 100px !important; }
.maxw110p {max-width: 110px !important; }
.maxw120p {max-width: 120px !important; }
.maxw130p {max-width: 130px !important; }
.maxw140p {max-width: 140px !important; }
.maxw150p {max-width: 150px !important; }
.maxw160p {max-width: 160px !important; }
.maxw170p {max-width: 170px !important; }
.maxw180p {max-width: 180px !important; }
.maxw190p {max-width: 190px !important; }
.maxw200p {max-width: 200px !important; }
.maxw210p {max-width: 210px !important; }
.maxw220p {max-width: 220px !important; }
.maxw230p {max-width: 230px !important; }
.maxw240p {max-width: 240px !important; }
.maxw250p {max-width: 250px !important; }
.maxw300p {max-width: 300px !important; }
.maxw350p {max-width: 350px !important; }
.maxw400p {max-width: 400px !important; }
.maxw500p {max-width: 500px !important; }
.maxw600p {max-width: 600px !important; }
.maxw700p {max-width: 700px !important; }
.maxw800p {max-width: 800px !important; }

@media (min-width: 768px) {
    .maxw100p-o767 {max-width: 100px !important; }
    .maxw110p-o767 {max-width: 110px !important; }
    .maxw120p-o767 {max-width: 120px !important; }
    .maxw130p-o767 {max-width: 130px !important; }
    .maxw140p-o767 {max-width: 140px !important; }
    .maxw150p-o767 {max-width: 150px !important; }
    .maxw160p-o767 {max-width: 160px !important; }
    .maxw170p-o767 {max-width: 170px !important; }
    .maxw180p-o767 {max-width: 180px !important; }
    .maxw190p-o767 {max-width: 190px !important; }
    .maxw200p-o767 {max-width: 200px !important; }
    .maxw210p-o767 {max-width: 210px !important; }
    .maxw220p-o767 {max-width: 220px !important; }
    .maxw230p-o767 {max-width: 230px !important; }
    .maxw240p-o767 {max-width: 240px !important; }
    .maxw250p-o767 {max-width: 250px !important; }
    .maxw300p-o767 {max-width: 300px !important; }
    .maxw350p-o767 {max-width: 350px !important; }
    .maxw400p-o767 {max-width: 400px !important; }
    .maxw500p-o767 {max-width: 500px !important; }
    .maxw600p-o767 {max-width: 600px !important; }
    .maxw700p-o767 {max-width: 700px !important; }
    .maxw800p-o767 {max-width: 800px !important; }
}

@media (min-width: 1440px) {
    .maxw100p-o1439 {max-width: 100px !important; }
    .maxw110p-o1439 {max-width: 110px !important; }
    .maxw120p-o1439 {max-width: 120px !important; }
    .maxw130p-o1439 {max-width: 130px !important; }
    .maxw140p-o1439 {max-width: 140px !important; }
    .maxw150p-o1439 {max-width: 150px !important; }
    .maxw160p-o1439 {max-width: 160px !important; }
    .maxw170p-o1439 {max-width: 170px !important; }
    .maxw180p-o1439 {max-width: 180px !important; }
    .maxw190p-o1439 {max-width: 190px !important; }
    .maxw200p-o1439 {max-width: 200px !important; }
    .maxw210p-o1439 {max-width: 210px !important; }
    .maxw220p-o1439 {max-width: 220px !important; }
    .maxw230p-o1439 {max-width: 230px !important; }
    .maxw240p-o1439 {max-width: 240px !important; }
    .maxw250p-o1439 {max-width: 250px !important; }
    .maxw300p-o1439 {max-width: 300px !important; }
    .maxw350p-o1439 {max-width: 350px !important; }
    .maxw400p-o1439 {max-width: 400px !important; }
    .maxw500p-o1439 {max-width: 500px !important; }
    .maxw600p-o1439 {max-width: 600px !important; }
    .maxw700p-o1439 {max-width: 700px !important; }
    .maxw800p-o1439 {max-width: 800px !important; }
}

.maxh-reset {max-height: inherit !important;}
.minh-reset {min-height: inherit !important;}
.maxw-reset {max-width: inherit !important;}
.minw-reset {min-width: inherit !important;}

.maxh80p { max-height: 80px !important; }
.maxh90p { max-height: 90px !important; }
.maxh100p { max-height: 100px !important; }
.maxh200p { max-height: 200px !important; }
.maxh250p { max-height: 250px !important; }
.maxh300p { max-height: 300px !important; }
.maxh400p { max-height: 400px !important; }
.maxh500p { max-height: 500px !important; }
.maxh600p { max-height: 600px !important; }

.txtsize-10{font-size: 10px;}
.txtsize-12{font-size: 12px;}
.txtsize-13{font-size: 13px;}
.txtsize-14{font-size: 14px;}
.txtsize-15{font-size: 15px;}
.txtsize-16{font-size: 16px;}
.txtsize-18{font-size: 18px;}
.txtsize-20{font-size: 20px;}
.txtsize-22{font-size: 22px;}
.txtsize-24{font-size: 24px;}
.txtsize-26{font-size: 26px;}

.line-height-10{line-height: 10px;}
.line-height-12{line-height: 12px;}
.line-height-13{line-height: 13px;}
.line-height-14{line-height: 14px;}
.line-height-15{line-height: 15px;}
.line-height-16{line-height: 16px;}
.line-height-18{line-height: 18px;}
.line-height-20{line-height: 20px;}
.line-height-22{line-height: 22px;}
.line-height-24{line-height: 24px;}
.line-height-26{line-height: 26px;}
.line-height-28{line-height: 28px;}
.line-height-30{line-height: 30px;}
.line-height-32{line-height: 32px;}
.line-height-34{line-height: 34px;}
.line-height-36{line-height: 36px;}
.line-height-38{line-height: 38px;}
.line-height-40{line-height: 40px;}
.line-height-50{line-height: 50px;}

.pointer { cursor: pointer; }
.cursor-move { cursor: move !important; }
.cursor-default { cursor: default !important; }

.font-italic { font-style:  italic; }

.v-align-md { vertical-align: middle !important; }
.v-align-tp { vertical-align: top !important; }
.v-align-bt { vertical-align: bottom !important; }

.bg-color-white {background-color: #fff;}
.bg-transparent {background-color: transparent !important;}
.bg-00C3B2{background-color: #00C3B2 !important;}
.bg-eeeeee{background-color: #eeeeee !important;}
.bg-efefef{background-color: #efefef !important;}
.bg-dddddd{background-color: #dddddd !important;}
.bg-cccccc{background-color: #cccccc !important;}
.bg-bbbbbb{background-color: #bbbbbb !important;}
.bg-aaaaaa{background-color: #aaaaaa !important;}
.bg-f5f5f5{background-color: #f5f5f5 !important;}
.bg-f7f7f7{background-color: #f7f7f7 !important;}
.bg-clear-danger{background-color: rgba(255,0,0,0.2); }


span.bg-default,div.bg-default,p.bg-default,a.bg-default{
    background-color: #adb7be !important;
}
span.bg-primary,div.bg-primary,p.bg-primary,a.bg-primary {
    background-color: var(--primary-color) !important;
}
div.bg-primary-clear,p.bg-primary-clear,a.bg-primary-clear {
    background-color: rgba(32,154,174,0.1);
}
span.bg-secondary,div.bg-secondary,p.bg-secondary,a.bg-secondary {
    background-color: #6b7a85 !important;
}
span.bg-info,div.bg-info,p.bg-info,a.bg-info {
    background-color: #5fa7e7 !important;
}
div.bg-clear-info,p.bg-clear-info {
    background-color: #8bbeeb !important;
}
span.bg-success,div.bg-success,p.bg-success,a.bg-success {
    background-color: #46c35f !important;
}
div.bg-purple,p.bg-purple {
    background-color: #ac6bec !important;
}
span.bg-warning,div.bg-warning,p.bg-warning,a.bg-warning {
    background-color: #f29824 !important;
}
span.bg-danger,div.bg-danger,p.bg-danger,a.bg-danger {
    background-color: #fa424a !important;
}

span.bg-default-outline,div.bg-default-outline,p.bg-default-outline,a.bg-default-outline {
    border-color: #adb7be !important;
    color: #adb7be !important;
}
span.bg-primary-outline,div.bg-primary-outline,p.bg-primary-outline,a.bg-primary-outline {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}
span.bg-secondary-outline,div.bg-secondary-outline,p.bg-secondary-outline,a.bg-secondary-outline {
    border-color: #6b7a85 !important;
    color: #6b7a85 !important;
}
span.bg-success-outline,div.bg-success-outline,p.bg-success-outline,a.bg-success-outline {
    border-color: #46c35f !important;
    color: #46c35f !important;
}
span.bg-info-outline,div.bg-info-outline,p.bg-info-outline,a.bg-info-outline {
    border-color: #5fa7e7 !important;
    color: #5fa7e7 !important;
}
span.bg-warning-outline,div.bg-warning-outline,p.bg-warning-outline,a.bg-warning-outline {
    border-color: #f29824 !important;
    color: #f29824 !important;
}
span.bg-danger-outline,div.bg-danger-outline,p.bg-danger-outline,a.bg-danger-outline {
    border-color: #fa424a !important;
    color: #fa424a !important;
}


.bg-superlight-primary {
    background: rgba(var(--primary-rgb), 0.1) !important;
}

.brd-size-tp-0{
    border-top-width: 0px !important;
}
.brd-size-tp-1{
    border-top-width: 1px !important;
}
.brd-size-tp-2{
    border-top-width: 2px !important;
}
.brd-size-tp-3{
    border-top-width: 3px !important;
}
.brd-size-tp-4{
    border-top-width: 4px !important;
}
.brd-size-tp-5{
    border-top-width: 5px !important;
}

.brd-size-bt-0{
    border-bottom-width: 0px !important;
}
.brd-size-bt-1{
    border-bottom-width: 1px !important;
}
.brd-size-bt-2{
    border-bottom-width: 2px !important;
}
.brd-size-bt-3{
    border-bottom-width: 3px !important;
}
.brd-size-bt-4{
    border-bottom-width: 4px !important;
}
.brd-size-bt-5{
    border-bottom-width: 5px !important;
}

.brd-size-l-0{
    border-left-width: 0px !important;
}
.brd-size-l-1{
    border-left-width: 1px !important;
}
.brd-size-l-2{
    border-left-width: 2px !important;
}
.brd-size-l-3{
    border-left-width: 3px !important;
}
.brd-size-l-4{
    border-left-width: 4px !important;
}
.brd-size-l-5{
    border-left-width: 5px !important;
}

.brd-size-r-0{
    border-right-width: 0px !important;
}
.brd-size-r-1{
    border-right-width: 1px !important;
}
.brd-size-r-2{
    border-right-width: 2px !important;
}
.brd-size-r-3{
    border-right-width: 3px !important;
}
.brd-size-r-4{
    border-right-width: 4px !important;
}
.brd-size-r-5{
    border-right-width: 5px !important;
}

.radius3{border-radius: 3px;}
.radius5{border-radius: 5px;}
.radius7{border-radius: 7px;}
.radius10{border-radius: 10px;}
.radius-tp3{border-top-left-radius: 3px;border-top-right-radius: 3px;}
.radius-tp5{border-top-left-radius: 5px;border-top-right-radius: 5px;}
.radius-tp7{border-top-left-radius: 7px;border-top-right-radius: 7px;}
.radius-tp10{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.radius-bt3{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.radius-bt5{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.radius-bt7{border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
.radius-bt10{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.radius-l3{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.radius-l5{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.radius-l7{border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.radius-l10{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.radius-r3{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.radius-r5{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.radius-r7{border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.radius-r10{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}

/* loading */
.context-loader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    background-color: #fff;
    opacity: 0.8;
    z-index: 99;
}

.context-loader div {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 200;
    margin-left: -20px;
    margin-top: -20px;
}

@media (max-width: 1100px) {
    .info-text-label, .info-text-value{
        font-size: 0.9rem;
    }
}

.nv-container .box-typical{
    position: relative;
}

.ng-refresh {
    float: left;
    margin-top:9px;
    /*line-height: 4.5 !important;*/
    margin-right: 10px;
    margin-left: 10px;
}

th.ng-order:not(.ng-not-sort) .th-inner {
    cursor: pointer;
    position: relative;
    padding-left:18px;
    font-size:12px;
}

th.ng-order .fas{
    display:none;
    position:absolute;
    left:2px;
    top:2px;
}

th.ng-order:not(.ng-asc):not(.ng-desc) .fa-sort{
    display:block;
}

th.ng-order.ng-asc .fa-sort-asc{
    display: block;
}

th.ng-order.ng-desc .fa-sort-desc{
    display: block;
}

th.ng-order.ng-asc .th-inner, th.ng-order.ng-desc .th-inner {
    color: var(--primary-color) !important;
}

th.ng-action .fht-cell{
    margin: 0 2px 8px 0px;
}

.card-view .title .fa{
    display:none;
}

.modal-content .alert {
    margin: 10px;
}
.modal-body.max-height {
    max-height: 600px;
}

/*
* alert
*/
.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 5px;
    margin: 10px;
    /*display: none;*/
}

.navy-grid .alert{
    display: block;
}
.color-error{color: #fcf8e3 !important;}
.alert[data-type = 'error'], .label-error {
    background-color: #fcf8e3;
    border-color: #bfa878;
    color: #a94442;
}
.color-success{color: #46c35f !important;}
.alert[data-type = 'success'], .label-success {
    background-color: #46c35f;
    border-color: #aacd8b;
    color: #ffffff;
}
.color-danger{color: #fa424a !important;}
.alert[data-type = 'danger'], .label-danger {
    background-color: #fa424a;
    border-color: #c58686;
    color: #ffffff;
}
.color-warning{color: #f29824 !important;}
.alert[data-type = 'warning'], .label-warning {
    background-color: #f29824;
    border-color: #bfa878;
    color: #ffffff;
}
.color-info{color: #5fa7e7 !important;}
.alert[data-type = 'info'], .label-info {
    background-color: #5fa7e7;
    border-color: #84b0c0;
    color: #ffffff;
}

/*
* helper: alertList
*/
.alert-list img {
    width: 50px;
}

textarea.form-control{
    border-radius: 0.375rem !important;
}

.header-message-info {
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(var(--primary-rgb), 0.2) !important;
}
.header-message-warning {
    padding: 10px;
    border-radius: 10px;
    color: #151515;
    background-color: rgb(242, 152, 36, 0.4);
}
.header-message-danger {
    padding: 10px;
    border-radius: 10px;
    color: #151515;
    background-color: rgb(183, 35, 35, 0.4);
}
.header-message-success {
    padding: 10px;
    border-radius: 10px;
    color: #151515;
    background-color: rgb(70, 195, 95, 0.4);
}

/*
* template
 */
/*
.entity-form .form-group {
    min-height: 80px !important;
}
.form-group .btn.soft-blue-bg {
    border: #3e93de;
    margin-left: 1px;
}
*/
/*
* side menu
 */
/*.show-hide-side-menu {
    position: absolute;
    right: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #FFF;
    cursor: pointer;
}
body.sidebar-menu-hidden .side-menu {
    width: 38px !important;
}
body.sidebar-menu-hidden .side-menu .side-menu-list {
    display: none;
}
body.sidebar-menu-hidden .show-hide-side-menu {
    left: 10px;
}
body.sidebar-menu-hidden .page-content, body.sidebar-menu-hidden footer {
    padding-left: 50px;
    padding-right: 10px;
}
body.sidebar-menu-hidden .side-menu-list>li.with-sub>span:before {
    display: none;
}

.add-correlated {
    display: list-item;
    list-style: none;
}

.error .bootstrap-select button.dropdown-toggle {
    border-color: #fa424a !important;
}

.dropdown-toggle.hidden-icon:after {
    display: none;
}
.dropdown.box {
    background: var(--primary-color);
    padding: 0px 5px;
    border-radius: 30px;
}
.dropdown.box .dropdown-toggle a, .dropdown.box .dropdown-toggle span, .dropdown.box .dropdown-toggle:after {
    color: #ffffff !important;
}

.login-footer-link {
    text-align: right;
}
.login-footer-link a:hover {
    text-decoration: none;
    border-bottom: 0;
}
.password-note a:hover {
    text-decoration: none;
    border-bottom: 0;
}

.amsify-suggestags-input-area {
    display: inline-table !important;
}
.amsify-suggestags-area .amsify-suggestags-list {
    top: 40px !important;
}
.post-category-tree-list-item {
    position: relative !important;
    top: -2px !important;
    display: inline !important;
}
*/
/***** RESPONSIVE *****/
@media screen and (max-width:990px) {
    /*.show-hide-side-menu {
        display:none!important
    }*/
}
@media screen and (max-width:360px) {
    /*.site-header-content {
        width: min-content !important;
    }
    .site-header-content .dropdown-toggle::after {
        display: none;
    }*/
}

@media screen and (max-width: 768px) {
    /*.with-side-menu .page-content{
        padding-left: 12px !important;
    }*/
}

/*.tabs-section .tab-content {
    display: grid !important;
}*/

/* override bootstrap 4.1.0 */
/*.modal-header {
    display: block;
}
.modal-header .close {
    margin-top: -16px;
}
.alert .close {
    top: -8px !important;
}*/

/***** plugin bootstrap notify ****/
/*.alert[data-notify="container"] {
    width: auto !important;
    min-width: 300px !important;
}
.alert[data-notify="container"] .close {
    top: 5px !important;
}

.collapse.show {
    display: block;
}
.fade.show {
    opacity: 1;
}*/

.card-header-icon {
    display: flex;
    gap: 20px;
    width: 100%;
}

.card-header-icon.toggle-card-header-icon{
    cursor: pointer;
}

.card-header-icon .icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(var(--primary-rgb), 0.2) !important;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.card-header-icon .icon + div{
    padding-top:4px;
    flex-grow: 1;
}

.card-header-icon .toggle-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.crop-image{
    height: 350px;
}

.image-preview .image-background{
    position: relative;
    width: 100%;
    height: 100%;
    /*background-color: rgba(95, 167, 231, 0.1);*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.image-buttons{
    margin:10px auto;
    width:200px;
    text-align: center;
}

.image-thumbnail{
    position:absolute;
    width:80%;
    height:80%;
    margin: 10%;
    text-align:center;
    background-color: rgba(95, 167, 231, 0.1);
}

.image-thumbnail img{
    max-height:100%;
    max-width:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.gallery-list-languages .card-header {
    width: 100%;
    display: block !important;
}

.has-table .card-block{
    overflow:auto;
}

.nv-container.entity-list{
    min-height:100px;
}

.filterControl div.form-control{
    position:relative;
}

.filterControl div.form-control div{
    width:100%;
    height: 100%;
    overflow:hidden;
}

.filterControl select.input-filter{    
    position: absolute;
    border:2px solid #d8e2e7;
    top:0;
    left:0px;
    width:auto;
    z-index: 2;
}

.show-info{
    color: var(--bs-info) !important;
    background-color: var(--bs-light) !important;
    border: 1px solid var(--bs-info) !important;
}

.show-info2{
    font-size: 1rem;
    float: left;
    margin-right: 20px;
    background-color: var(--secondary-color);
    color: white !important;
    border-radius: 10px;
    padding: 0 10px;
    text-transform: initial;
}

.show-info:hover{
    color: rgba(255,255,255,0.9) !important;
}

.acl-side-menu{
    height: 500px;
    overflow:auto;
    margin-top: 0px;
}

.btn:not(.without-shadow) {
    text-transform: uppercase;
    border-radius: 10px;    
    font-size: 14px;
    font-weight: 600;
}

.btn:not(.without-shadow) {
    /*    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.16), 0 2px 8px 0 rgba(0,0,0,.12);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.16), 0 2px 8px 0 rgba(0,0,0,.12);
        -webkit-transition: box-shadow linear .3s;
        -moz-transition: box-shadow linear .3s;
        -ms-transition: box-shadow linear .3s;
        transition: box-shadow linear .3s;*/
}

.btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tag-editor .tag-editor-delete {
    padding: 15px 10px 10px 3px;
}
.tag-editor-container .input-group {
    display: block;
}

.children-list-container .card-header, .children-list-select .card-header {
    border: 0px;
    padding: 5px 10px;
    background-color: transparent;
    font-size:18px;
}

.children-list-container .card-block, .children-list-select .card-block {
    padding-top: 0px;
    padding-bottom: 0px;
}

.children-list-container section.card, .children-list-select section.card{
    border: 0px;
}

.children-list-container .table thead th, .children-list-select .table thead th{
    padding-top:5px;
    padding-bottom:5px;
}

.table tr td,
table.dataTable > thead > tr > th, 
table.dataTable > thead > tr > td{
    padding-right:1rem !important;
    padding-left:1rem !important;
}

.table.smallPadding tr td,
table.smallPadding.dataTable > thead > tr > th, 
table.smallPadding.dataTable > thead > tr > td{
    padding-right:0.7rem !important;
    padding-left:0.7rem !important;
}

.box-selector {
    position: relative;
    background: #fff;
    border: 1px solid #c5d6de;
    border-radius: 10px !important;
    margin-bottom: 10px;
    text-align: center;
}

.ribbon.square:before, .ribbon.square:after {
    border-color: transparent !important;
}

.input-text-action .action-item:hover {
    cursor: pointer;
}
.input-text-action .action-button.selected {
    background: var(--primary-color) !important;
    color: #ffffff;
}

.input-color-circle {
    -webkit-appearance: none;
    padding: 0;
    border: none;
    border-radius: 10px;
    width: 20px;
    height: 20px;
}
.input-color-circle::-webkit-color-swatch {
    border: none;
    border-radius: 10px;
    padding: 0;
}
.input-color-circle::-webkit-color-swatch-wrapper {
    border: none;
    border-radius: 10px;
    padding: 0;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.box-selected {
    border: 3px solid #46c35f;
}

.column_position{
    cursor: pointer;
    position: relative;
}

.table tbody.ui-sortable tr td.column_position{
    padding-right: 50px;
}

.column_position .position-number{
    background-color: #efefef;
    width: 24px;
    height:24px;
    padding-top: 3px;
    border-radius: 50%;
    font-size:12px;
    transition: 0.3s;
    position: absolute;
    left: 50px;
    top: 16px
        /*    color: white;*/
        /*    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);*/
}

.ng-change-position{
    margin-left:4px;
    margin-top:6px;
    font-size:20px;
    color: #adb7be;
    transition: 0.3s;
}

.column_position:hover .ng-change-position{
    color: var(--primary-color);
}

.column_position:hover .position-number{
    background-color: var(--primary-color);
    color: white;
}

.statistic-box {
    color: #fff !important;
}

.table-hover tbody tr:nth-child(even) {
    background: #fafafa;
}

body.modal-layout .table-hover tbody tr:nth-child(even),
.modal-body .table-hover tbody tr:nth-child(even) {
    background: #f3f3f3;
}

/* modifiche recenti */
/*

.site-header-content {
   
}
.site-header-collapsed a, .site-header-collapsed span {
    color: #343434 !important;
}
.login-bg form.sign-box{
    border: 2px solid rgb(95, 167, 231);
}

form.sign-box .select .btn {
    margin: inherit !important;
}

.sign-box{
    border-radius: 10px;
}
body{
    background: white;
}
.site-header{
    border:0px;
    padding:5px 15px;
}
.site-header .site-header-content{
    height: 60px;
}
.site-header .site-logo img{
    height:50px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
}
.side-menu{
    background-color: white;
    border-right:0px;
}
footer{
    position:absolute;
    bottom:10px;
}
.page-title {
    display: inline-block;
}
.page-content{
    min-height: calc(100vh - 40px);
    padding-top: 60px;
}

.page-content > .container-fluid{
    min-height: calc(100vh - 80px);
    background-color: rgba(209,229,248,0.4);
    padding: 10px;
    border-radius: 10px; 
    padding-bottom: 30px;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle{
    border-radius: 5px;
}

.theme-picton-blue .side-menu .side-menu-list li:not(.opened) .font-icon, .theme-picton-blue .side-menu .side-menu-list li:not(.opened) .fa{
    color: #3e93de;
}

body .side-menu-list:not(.no-icon) .lbl{
    color: #818181;    
}

.show-hide-side-menu{
    padding-top:10px;
    color: #7f8498;
}

.theme-picton-blue .side-menu .side-menu-list>li.opened{
    background-color: white;
}

.side-menu-list{
    margin-top: 0px;
}

.menu-label{
    color: #7f8498;
    float: left;
    padding-left:40px;
    padding-top: 20px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
}

.with-side-menu .page-content{
    padding-left: 215px;
}

.with-side-menu footer{
    padding-left: 225px;
}

.box-typical{
    border: 0px;
    padding-bottom:10px;
}

body.sidebar-menu-hidden .page-content, body.sidebar-menu-hidden footer{
    padding-left: 40px;
}

.section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5, .section-header h6{
    text-transform: uppercase;
    font-size: 22px;
    padding-left: 5px;
    margin-top: 4px;
    color: #256fb1;
}

.section-header{
    padding-bottom: 12px;
}

.tabs-section-nav{
    border-radius: 10px 10px 0 0;
    border:0px;
}

.widget-simple-sm{
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.widget-simple-sm .widget-simple-sm-bottom{
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.tabs-section-nav .nav-item{
    background: white;
}

.tabs-section-nav .nav-link{
    border:0px;
}

.fixed-table-container thead th, .fixed-table-container tbody td{
    border-left:0px;
}

.bootstrap-table .table thead th, .fixed-table-body .table thead th, .table thead th{
    background: white;
    border-top:0px;
}

.bootstrap-table .table td, .bootstrap-table .table>thead>tr>th{
    border-top:0px !important;
}

.bootstrap-table .table tr:nth-child(even){
    background: #f9f9f9;
}

.table-hover tbody tr:nth-child(even):hover{
    background: #f6f6f6;
}

.form-control:disabled, .form-control[readonly]{
    background-color: #f5f5f5;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child){
    border-radius:0px 5px 5px 0px;
}

.btn{
    border-radius: 5px;
}

.form-select{
    border-radius: 5px;
}

.dropdown-menu{
    border-radius: 10px;
}

.theme-picton-blue .side-menu .side-menu-list>li.with-sub>span:before{
    border-top-color: #3e93de;
}

.input-group .input-group-btn:last-child .btn{
    border-radius: 0px 10px 10px 0px;
}

.widget-activity, .widget-tasks{
    border-radius: 10px;
    border: 0px;
}*/

@media (min-width: 992px) {
    .theme-picton-blue .site-header .site-logo,
    .theme-picton-blue-white-ebony .site-header .site-logo,
    .theme-rebecca-purple .site-header .site-logo,
    .theme-side-caesium-dark-caribbean .site-header .site-logo,
    .theme-side-ebony-clay .site-header .site-logo,
    .theme-side-litmus-blue .site-header .site-logo,
    .theme-side-madison-caribbean .site-header .site-logo,
    .theme-side-tin .site-header .site-logo {
        height: 50px;
    }
}

/*.site-header-content-in{
    margin-top: 5px;
}

.statistic-box{
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn{
    border-radius: 10px;
}

.ng-column .reportrange {
    min-width: 130px;
}

*/

.fad, .fa-duotone {
    --fa-secondary-color: var(--secondary-color) !important;
}
.fad, .fa-duotone {
    --fa-primary-color: #999999 !important;
}
.fad:hover, .fa-duotone:hover {
    --fa-primary-color: var(--secondary-color) !important;
}

.children-list-select .input-group{
    /*display: block;*/
}

.file-drop {
    height: 100px;
    border: 2px dashed #adb7be;
    text-align: center;
    padding: 0;
}

.fd-file{
    width: 100%;
    height:140px;
    font-size: 20px;
}

.file-drop.micro{
    height:90px;
    padding-top:5px;
}

.file-drop.micro .upload-file-btn{
    padding:3px 5px !important;
}

.file-drop .three-quarters-loader{
    /*text-align: left;*/
}

.file-drop.dragover {
    border-color: #00a8ff
}
.file-drop .font-icon {
    line-height: 60px;
    color: #919fa9;
    font-size: 2.75rem
}
.file-drop .file-drop-caption {
    font-size: 1rem;
    font-weight: 600;
    color: #919fa9;
    margin: 0 0 1rem
}

.accordion .card{
    border-radius: 0px;
}
.accordion .card:first-child{
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    overflow: hidden;
}
.accordion .card:last-child{
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
    overflow: hidden;
}

.select2-close-mask,
.select2-container--default .select2-selection--single,
.select2-dropdown {
    background-color: #fff
}

.select2-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}
.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}
.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    white-space: nowrap
}
.select2-container .select2-search--inline {
    float: left
}
.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.select2-dropdown {
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}
.select2-results {
    display: block
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}
.select2-results__option {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}
.select2-results__option[aria-selected] {
    cursor: pointer
}
.select2-container--open .select2-dropdown {
    left: 0
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}
.select2-search--dropdown {
    display: block;
    padding: 4px
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
    display: none
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    filter: alpha(opacity=0)
}
.select2-container--classic .select2-selection--single,
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear,
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
    overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
    padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block
}
.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(white));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: text;
    outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
    border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-container--arrow .select2-selection--single .select2-selection__arrow:before {
    font-family: startui!important;
    font-style: normal!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.select2,
.select2-arrow,
.select2-icon,
.select2-photo {
    width: 100%!important
}
.select2-dropdown {
    border-color: #d8e2e7;
    font-size: 1rem
}
.select2-dropdown.select2-dropdown--above {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}
.select2-results__option {
    padding: 5px 1rem;
    background: 0 0!important
}
.select2-results__option:hover {
    color: var(--primary-color)
}
.select2-results__option[role=group]:hover {
    color: #343434
}
.select2-results__option[role=group] .select2-results__option {
    padding-left: 2.25rem
}
.select2-results__option[aria-selected=true] {
    color: var(--primary-color)
}
.select2-container--arrow .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--white .select2-selection--single {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: auto;
    background: 0 0
}
.select2-container--arrow .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--white .select2-selection--single .select2-selection__rendered {
    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #343434;
    padding: .375rem 25px .375rem 1rem;
    min-height: 38px;
    background: #fff
}
.select2-container--arrow .select2-selection--single .select2-selection__rendered .user-item img,
.select2-container--default .select2-selection--single .select2-selection__rendered .user-item img,
.select2-container--white .select2-selection--single .select2-selection__rendered .user-item img {
    top: 50%;
    margin-top: -10px
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--white .select2-selection--single .select2-selection__arrow {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 23px;
    text-align: center;
    background: #dbe4ea;
    -webkit-border-radius: 0 .25rem .25rem 0;
    border-radius: 0 .25rem .25rem 0
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow:after,
.select2-container--arrow .select2-selection--single .select2-selection__arrow:before,
.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.select2-container--default .select2-selection--single .select2-selection__arrow:before,
.select2-container--white .select2-selection--single .select2-selection__arrow:after,
.select2-container--white .select2-selection--single .select2-selection__arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 50%
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow:before,
.select2-container--default .select2-selection--single .select2-selection__arrow:before,
.select2-container--white .select2-selection--single .select2-selection__arrow:before {
    border-width: 0 3px 5px;
    border-color: transparent transparent #6c7a86;
    margin-top: -6px
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow:after,
.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.select2-container--white .select2-selection--single .select2-selection__arrow:after {
    border-width: 5px 3px 0;
    border-color: #6c7a86 transparent transparent;
    margin-top: 1px
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--white .select2-selection--single .select2-selection__arrow b {
    display: none
}
.select2-container--arrow .select2-results__group,
.select2-container--default .select2-results__group,
.select2-container--white .select2-results__group {
    font-weight: 600;
    padding: 5px 1rem
}
.select2-container--arrow .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--white .select2-results__option--highlighted[aria-selected] {
    background: 0 0;
    color: var(--primary-color)
}
.select2-container--arrow .select2-results>.select2-results__options,
.select2-container--default .select2-results>.select2-results__options,
.select2-container--white .select2-results>.select2-results__options {
    max-height: 250px
}
.select2-container--arrow .select2-search--inline .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--white .select2-search--inline .select2-search__field {
    font-size: 1rem;
    padding-left: 11px
}
.select2-container--arrow .font-icon,
.select2-container--default .font-icon,
.select2-container--white .font-icon {
    display: inline-block;
    color: #929faa;
    margin: -2px 8px -2px 0;
    font-size: 1rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    vertical-align: middle;
    position: relative;
    top: -.05em
}
.select2-container--arrow .user-item,
.select2-container--default .user-item,
.select2-container--white .user-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-height: 20px;
    padding: 0 0 0 21px
}
.select2-container--arrow .user-item img,
.select2-container--default .user-item img,
.select2-container--white .user-item img {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -5px;
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.select2-container--arrow.select2-container--open .select2-selection--single .select2-selection__rendered,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
.select2-container--white.select2-container--open .select2-selection--single .select2-selection__rendered {
    border-bottom-color: #fff;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}
.select2-container--arrow.select2-container--open .select2-selection--single .select2-selection__arrow,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow,
.select2-container--white.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0
}
.select2-container--arrow.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered,
.select2-container--white.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered {
    -webkit-border-radius: 0 0 .25rem .25rem;
    border-radius: 0 0 .25rem .25rem;
    border-top-color: #fff;
    border-bottom-color: #d8e2e7
}
.select2-container--arrow.select2-container--disabled,
.select2-container--default.select2-container--disabled,
.select2-container--white.select2-container--disabled {
    opacity: .65
}
.select2-container--arrow .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--arrow.select2-container--disabled .user-item img,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default.select2-container--disabled .user-item img,
.select2-container--white .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--white.select2-container--disabled .user-item img {
    opacity: .7
}
.select2-container--arrow.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--white.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
    background: 0 0
}
.select2-container--arrow.select2-container--disabled .select2-selection--single .select2-selection__rendered,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered,
.select2-container--white.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    background-color: #dbe4ea;
    color: #6c7a86
}
.select2-container--arrow .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--white .select2-selection--multiple {
    border-color: #d8e2e7;
    min-height: 38px
}
.select2-container--arrow .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--white .select2-selection--multiple .select2-selection__choice {
    color: #fff;
    background: #919fa9;
    border: none;
    font-weight: 600;
    font-size: 1rem;
    padding: 0 2rem 0 .5rem;
    height: 26px;
    line-height: 26px;
    position: relative
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow,
.select2-container--white .select2-selection--single .select2-selection__arrow {
    background: 0 0
}
.select2-container--arrow .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--white .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    right: 0;
    top: 1px;
    color: #fff!important;
    width: 1.5rem;
    text-align: center;
    font-size: 2rem
}
.select2-container--arrow.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--white.select2-container--focus .select2-selection--multiple {
    border-color: #c5d6de
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow:after {
    display: none
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow:before {
    width: auto;
    height: auto;
    border: none;
    left: 0;
    margin-left: 0;
    top: 50%!important;
    margin-top: -8px;
    font-weight: 400!important;
    line-height: inherit;
    vertical-align: middle;
    position: relative;
    content: "\51";
    color: #6c7a86;
    font-size: .6875rem;
    text-align: left
}

.dropdown-menu-title{
    text-align: center;
    font-weight: 800;    
    border-bottom:1px solid #cccccc;
    padding-bottom: 4px;
}

.dynamic-select-input-search{
    position: absolute;
    right: 4px;
    top: 4px;
    background-color: var(--primary-color);
    color: white;
    width: 32px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
}

.dynamic-select-input-search:hover{
    opacity: 0.8;
}

.dynamic-select-results{
    border:1px solid var(--border-color);
    position:absolute;
    left:1px;
    border-radius: 0px 0px 5px 5px !important;
    top: 30px;
    overflow: auto;
    max-height: 350px;
    background-color: white;
    z-index:10000;
    width: calc(100% - 2px);
    border-bottom-width:3px;
}

.dynamic-select-result{
    padding:5px;
}

.dynamic-select-result .dynamic-select-result-title{
    font-weight:bold;
    font-size:14px;
    cursor: pointer;   
    padding-top: 6px;
    padding-bottom: 6px;
}

.dynamic-select-result:hover, .dynamic-select-result.selectionable{
    background-color:#f7f7f7;
}

.dynamic-select-result:hover .dynamic-select-result-title,
.dynamic-select-result.selectionable .dynamic-select-result-title{
    color: var(--primary-color);    
}

.dynamic-select-result .dynamic-select-result-subtitle{
    font-style: italic;
    font-size:12px;
    color: #666666;
}

.dynamic-select-selection{
    position:absolute;
    width:100%;
    left:0px;
    top:0px;
    height: 36px;
    font-size: 14px;
    border-radius: 5px;
    background-color: white;
    border: 1px solid var(--border-color);
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
}

.custom-select-results{
    border:1px solid var(--border-color);
    position:absolute;
    left:1px;
    border-radius: 0px 0px 5px 5px !important;
    top: 0px;
    overflow: auto;
    max-height: 350px;
    background-color: white;
    z-index:10000;
    width: calc(100% - 2px);
    border-bottom-width:3px;
    display: none;
}

.custom-select-result{
    padding:5px;
}

.custom-select-result .custom-select-result-title{
    font-weight:bold;
    font-size:14px;
    cursor: pointer;    
}

.custom-select-result:hover{
    background-color:#f7f7f7;
}

.custom-select-result:hover .custom-select-result-title,
.custom-select-result.selectionable .custom-select-result-title{
    color: var(--primary-color);    
}

.custom-select-result .custom-select-result-subtitle{
    font-style: italic;
    font-size:12px;
    color: #666666;
}

.custom-select-current-item{
    position:relative;
    width:100%;
    left:0px;
    top:0px;
    height: 36px;
    border-radius: 5px;
    background-color: white;
    border: 1px solid var(--border-color);
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
}

.file-mini-loader-content{
    /*background: repeating-linear-gradient(to bottom, #d0d0d0, #d0d0d0 1px, transparent 1px, transparent 4px);*/
    /*background-image: 
        linear-gradient(45deg, #ccc 25%, transparent 25%),
        linear-gradient(-45deg, #ccc 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #ccc 75%),
        linear-gradient(-45deg, transparent 75%, #ccc 75%);
      background-size: 20px 20px;
      background-position: 0 0, 0 10px, 10px -10px, -10px 0px;*/
  
  background-image: 
    linear-gradient(45deg, #efefef 25%, #c3c3c3 25%, #c3c3c3 50%, #efefef 50%, #efefef 75%, #c3c3c3 75%, #c3c3c3);
  background-size: 8px 8px;
}

th.ng-column .form-control {
    height: 28px !important;
    padding:3px 6px !important;
    font-size:14px;
}

.error .form-element, .form-group-error .form-element {
    border-color: #fa424a !important;
}

.error .error:not(a), .form-group-error:not(a) {
    color: #fa424a;
    font-size: 0.8rem;
    line-height: 14px;
}

.col-xs-1 {
    width: 8.333333%
}
.col-xs-2 {
    width: 16.666667%
}
.col-xs-3 {
    width: 25%
}
.col-xs-4 {
    width: 33.333333%
}
.col-xs-5 {
    width: 41.666667%
}
.col-xs-6 {
    width: 50%
}
.col-xs-7 {
    width: 58.333333%
}
.col-xs-8 {
    width: 66.666667%
}
.col-xs-9 {
    width: 75%
}
.col-xs-10 {
    width: 83.333333%
}
.col-xs-11 {
    width: 91.666667%
}
.col-xs-12 {
    width: 100%
}
.col-xs-pull-0 {
    right: auto
}
.col-xs-pull-1 {
    right: 8.333333%
}
.col-xs-pull-2 {
    right: 16.666667%
}
.col-xs-pull-3 {
    right: 25%
}
.col-xs-pull-4 {
    right: 33.333333%
}
.col-xs-pull-5 {
    right: 41.666667%
}
.col-xs-pull-6 {
    right: 50%
}
.col-xs-pull-7 {
    right: 58.333333%
}
.col-xs-pull-8 {
    right: 66.666667%
}
.col-xs-pull-9 {
    right: 75%
}
.col-xs-pull-10 {
    right: 83.333333%
}
.col-xs-pull-11 {
    right: 91.666667%
}
.col-xs-pull-12 {
    right: 100%
}
.col-xs-push-0 {
    left: auto
}
.col-xs-push-1 {
    left: 8.333333%
}
.col-xs-push-2 {
    left: 16.666667%
}
.col-xs-push-3 {
    left: 25%
}
.col-xs-push-4 {
    left: 33.333333%
}
.col-xs-push-5 {
    left: 41.666667%
}
.col-xs-push-6 {
    left: 50%
}
.col-xs-push-7 {
    left: 58.333333%
}
.col-xs-push-8 {
    left: 66.666667%
}
.col-xs-push-9 {
    left: 75%
}
.col-xs-push-10 {
    left: 83.333333%
}
.col-xs-push-11 {
    left: 91.666667%
}
.col-xs-push-12 {
    left: 100%
}
.col-xs-offset-0 {
    margin-left: 0
}
.col-xs-offset-1 {
    margin-left: 8.333333%
}
.col-xs-offset-2 {
    margin-left: 16.666667%
}
.col-xs-offset-3 {
    margin-left: 25%
}
.col-xs-offset-4 {
    margin-left: 33.333333%
}
.col-xs-offset-5 {
    margin-left: 41.666667%
}
.col-xs-offset-6 {
    margin-left: 50%
}
.col-xs-offset-7 {
    margin-left: 58.333333%
}
.col-xs-offset-8 {
    margin-left: 66.666667%
}
.col-xs-offset-9 {
    margin-left: 75%
}
.col-xs-offset-10 {
    margin-left: 83.333333%
}
.col-xs-offset-11 {
    margin-left: 91.666667%
}
.col-xs-offset-12 {
    margin-left: 100%
}

.calendar .month-container{
    float: left;
}

.megamenu-logo {
    max-width: 250px;
}
.tree-root {
    max-height: 1000px;
    overflow: auto;
}

.modal-dialog:not(.modal-sm):not(.modal-lg):not(.modal-big):not(.modal-xl) {
    width: 680px;
    max-width: none;
}
@media (max-width: 767px) {
    .modal-dialog:not(.modal-sm):not(.modal-lg):not(.modal-big):not(.modal-xl) {
        width: 500px
    }
}
@media (max-width: 544px) {
    .modal-dialog:not(.modal-sm):not(.modal-lg):not(.modal-big):not(.modal-xl) {
        width: auto
    }
}
@media (max-width: 576px) {    
    .hidden-mobile {
        display: none !important;
    }
}
@media (max-width: 767px) {    
    .hidden-under-768 {
        display: none !important;
    }
}

.tree-summary-item{
    border-radius: 5px;
    padding:3px 6px;
    background-color: var(--secondary-color);
    color: white;
    font-size: 12px;
    margin-top:8px;
    font-weight:800;
}

.tree-node{
    width:100%;
    display: inline-block;
}

.tree-node-content{
    width:100%;
    padding: 10px 10px 5px 10px;
    margin: 5px 0;
    border: 1px solid #d8e2e7;
    border-radius: 5px;
    display:flex;
}

.tree-actions{
    position: relative;
}

.tree-action{
    color: var(--primary-color);
    font-size: 20px;
}
.tree-action:hover{
    opacity: 0.8;
}

.tree-collapse, .tree-check-all, .tree-up, .tree-down, .tree-move{
    margin-right:16px;
    margin-top: 3px;
    cursor: pointer;
}

.tree-collapse:hover,  .tree-check-all:hover, .tree-up:hover, .tree-down:hover, .tree-move:hover{
    opacity:0.8;
}

.tree-collapse i, .tree-check-all i, .tree-up i, .tree-down i{
    font-size:18px;
}

.tree-check{
    margin-right:14px;    
}

.tree-check:not(.disabled){
    cursor: pointer;
}

.tree-check:not(.disabled):hover{
    opacity:0.8;
}

.tree-check i{
    font-size:18px;
}

.tree-radio{
    margin-right:14px;
}

.tree-radio:not(.disabled){
    cursor: pointer;
}

.tree-radio:not(.disabled):hover{
    opacity:0.8;
}

.tree-radio i{
    font-size:18px;
}

.tree-default-radio{
    margin-left:14px;
}

.tree-default-radio:not(.disabled){
    cursor: pointer;
}

.tree-default-radio:not(.disabled):hover{
    opacity:0.8;
}

.tree-default-radio i{
    font-size:18px;
}

.tree-label{
    flex-grow: 1;
}

/* Evita che il nodo trascinato diventi invisibile */
.tree-root .ui-sortable-helper .tree-node-content {
    background: rgba(5, 172, 154, 0.5); /* Colore di sfondo leggermente evidenziato */
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    opacity: 0.7 !important;
    cursor: move !important;
}

/* Mantiene spazio visibile per il nodo mentre si sposta */
.tree-root .ui-sortable-placeholder {
    visibility: visible !important;
    background: rgba(200, 200, 200, 0.3); /* Sfondo chiaro per indicare la posizione */
    border: 1px dashed #999;
    height: 40px; /* Altezza fissa per evitare scomparsa */
}

/* Evita che il testo diventi bianco */
.tree-root .ui-sortable-helper * {
    color: black !important;
}
.tree-root .ui-sortable-helper {
    z-index: 999999 !important;  /* Forza il nodo a rimanere sopra */
}
.tree-root .tree-node {
    overflow: visible !important;
    position: relative;  /* Forza una posizione relativa per il nodo */
}
.tree-root .tree-node-container {
    overflow: visible !important;  /* Impedisce che il nodo sia nascosto durante lo spostamento */
}

.navygrid_active_columns .tree-node-content{
    cursor: move;
}

.card-title.has-actions{
    width: calc(100% - 32px);
}

/***** header user *****/
.user-profile-icon{
    font-size: 22px;
    line-height: 0.9;
}

/***** header calendar *****/
.header-calendar i {
    font-size: 22px;
    line-height: 0.9;
}

/***** calendar *****/
.cp-week-day {
    font-weight: 600;
    text-align: center;
    min-width: 40px;
    /*color: #235682;*/
}

.cp-week-day.cp-week-end {
    font-weight: bold;
    color: #b72323;
}

.cp-month-day.cp-week-end {
    color: #b72323;
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.cp-weeks-days {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cp-calendar-header {
    display: table;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
}

.cp-calendar-prev-month {
    display: table-cell;
    width: 30px;
    font-size: 20px;
    cursor: pointer;
    color: var(--primary-color);
}

.cp-calendar-next-month {
    display: table-cell;
    width: 30px;
    text-align: right;
    font-size: 20px;
    cursor: pointer;
    color: var(--primary-color);
}

.cp-calendar-prev-month:hover,
.cp-calendar-next-month:hover {
    opacity: 0.8;
}

.cp-calendar-month {
    display: table-cell;
    text-align: center;
    font-weight: bold;
    /*color: #235682;*/
}

.cp-month-day {
    text-align: center;
    padding: 8px 0;
    min-width: 40px;
    /*color: #235682;*/
    font-weight: bold;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    margin-top:3px;
    margin-bottom:3px;
}

.cp-month-day.cp-prev-month {
    background-color: #f3f3f3;
    /*color: #235682;*/
}

.cp-month-day.cp-next-month {
    background-color: #f3f3f3;
    /*color: #235682;*/
}

.cp-month-day.disabled {
    color: #f3f3f3;
    cursor: not-allowed;
}

.cp-month-day.cp-prev-month.disabled,
.cp-month-day.cp-next-month.disabled {
    color: #999999;
    cursor: not-allowed;
}

.cp-month-day.is-past {
    background: #bbbbbb !important;
    color: #ffffff !important;
}
.cp-month-day.is-empty-past {
    background: #efefef !important;
    color: #999999 !important;
}

.cp-month-day.has-info {
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

.cp-month-day.has-warning {
    background: #f29824 !important;
    color: #ffffff !important;
}

.cp-month-day.has-danger {
    background: #b72323 !important;
    color: #ffffff !important;
}

.cp-month-day.has-alert {
    background: #f1c915 !important;
    color: #ffffff !important;
}

.cp-month-day:not(.disabled):active,
.cp-month-day:not(.disabled):hover,
.cp-month-day.selected {
    background: var(--secondary-color) !important;
    background: goldenrod !important;
    color: #ffffff !important;
}

.cp-month-day:not(.disabled):active .cp-availability-yes,
.cp-month-day:not(.disabled):hover .cp-availability-yes,
.cp-month-day.selected .cp-availability-yes {
    /*background: #ffffff !important;*/
}

.cp-calendar .flex {
    display: flex;
    justify-content: space-around;
}
.cp-col-1 {
    width: 100% !important;
}
.cp-badge{
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: red;
    border-radius: 10px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.cp-badge:empty{
    display: none;
}
.cp-day-number {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.cp-availability-yes {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0px;
    left: 0px;
}
.hc-calendar, .hc-detail {
    padding: 5px 10px !important;
}
.hc-detail .timeline-activity {
    margin-left: 50px;
}
.hc-detail {
    display: none;
    min-height: 250px;
    max-height: 300px;
}
.hc-back-container {
    display: none;
    padding: 5px 15px !important;
    cursor: pointer;
}
.cp-col-o770-2.is-empty {
    display: none;
}
.cp-col-u771-hidden {
    display: none !important;
}
.cp-col-u991-hidden {
    display: none;
}

@media only screen and (min-width: 990px) {
    .cp-col-o990-3 {
        width: 33.3333%;
        float: left;
    }
}

@media only screen and (min-width: 770px) {
    .cp-col-o770-2 {
        width: 50%;
        float: left;
    }
}

.hidden{display:none !important;}
.notvisible, .invisible{visibility:hidden !important;}

.card:not(.border-dashed){border-style:solid !important;}

@media only screen and (max-width: 767px){
    .card .card-body, .card .card-footer, .card .card-header {
        padding: 0.7rem !important;
    }
}

.card .card-header + .card-body{padding-top:0px !important;}

.timetable-widget-list.has-accordion .card-title{cursor:pointer;}

.timetable-widget-list.has-accordion .card-header{border-radius: 0.75rem 0.75rem;}

.choice-button{
    border-radius: 6px;
    border: 1px solid var(--border-color);
    padding: 0px 10px;
    cursor: pointer;
    height: 36px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.choice-button i{
    font-size:18px;
}

.choice-button p{
    font-size: 15px;
    margin-bottom:0px;
}

.choice-button.horizontal{
    position: relative;
}

@media (hover: hover) and (pointer: fine) {
    .choice-button:hover{
        background:rgba(var(--secondary-rgb), 0.6) !important;    
        color: white !important;
    }
}

.choice-button.selected{
    background:rgba(var(--secondary-rgb)) !important;    
    color: white !important;
}

.choice-button i{
    /*color: #234489;*/
}

.home-box-current-retail-summary li.selected{
    background-color: #eeeeee;
}

@media screen and (max-width: 600px){
    .card .card-title{
        /*width:calc(100% - 30px) !important;*/
    }    
}

/* responsive calendario
@media only screen and (max-width: 769px){
    .col-o770-2.is-empty {
        display: none;
    }
}

@media only screen and (min-width: 770px) {     
    .col-o770-2{
        width: 50%;
        float: left;
    }    
}

@media only screen and (min-width: 990px) { 
    .col-o990-3{
        width: 33.3333%;
        float: left;
    }
}

@media only screen and (max-width: 770px) {       
    .col-u771-hidden{
        display: none;
    }
}

@media only screen and (max-width: 990px) { 
    .col-u991-hidden{
        display: none;
    }
} */

.gallery-image-language-association li a.selected {
    font-weight: 800;
    color: #219baf;
}
.gallery-image-language-flag {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: cover;
}

/***** file manager *****/
.attachment-folder-list .delete-folder,
.attachment-tag-list .delete-tag {
    display: none;
}
.attachment-folder-list li:hover .delete-folder,
.attachment-tag-list li:hover .delete-tag {
    display: block;
}

.color-option{
    position: relative;
    padding-left: 30px;
}

.color-option::before {
    content: '';
    border-radius: 3px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #ccc;
    background-color: var(--square-color);
}

.layout-1 .wrapper .page-header .toggle-header-container{
    display: none;
}

@media only screen and (max-width: 1200px){
    .layout-1 .wrapper .page-header .toggle-header-container{
        /*display: block;*/
    }
    .layout-1 .wrapper .page-header{
        margin-bottom:5px !important;
    }
}

.plugin-overlay{
    position:fixed;
    width:100%;
    height:100%;
    display: none;
    z-index:10000;
}

.add-inline-value::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent var(--primary-color) transparent;
}

.sidebar-mini .menu-description{
    display: none;
}

.navbar{
    padding:0px !important;
}

.modal-footer{
    gap: 10px;
}

@media only screen and (max-width: 768px){
    .compact-mode .page-body > .container-fluid{
        padding-left:0px;
        padding-right:0px;
    }
    .compact-mode .card{
        border-radius:0px;
        border-left:0px;
        border-right:0px;
    }
    
    .modal-header{
        padding: 6px 12px;
    }
    
    .modal-footer{
        padding: 6px;
    }
    
    .form-label {
        margin-bottom: 0.2rem;
    }
    
    .no-row-mobile{
        display: block;
    }
}

.tooltipster-base{
    display: flex;
    pointer-events: none;
    position: absolute;
    border:1px solid #cccccc;
    border-radius: 8px;    
    background-color: white;
    color: #818181;
    z-index: 2000;
    opacity: 1;
    min-width: 200px;
    max-width: 600px;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

.tooltipster-content{
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    width: 100%;
}

.icon-tooltip-content-title{
    padding: 6px 12px;
    border-bottom:1px solid #cccccc;
    text-transform: uppercase;    
}

.icon-tooltip-content-message{
    padding: 6px 12px;
}

.form-switch .switch-not-actived {
    display: inline;
}
.form-switch .switch-actived {
    display: none;
}
.form-switch .form-check-input:checked + .form-check-label .switch-not-actived {
    display: none;
}
.form-switch .form-check-input:checked + .form-check-label .switch-actived {
    display: inline;
}

.cp-calendar.cp-container .cp-weeks-days,
.cp-calendar.cp-container .cp-month-days{
    container-type: inline-size;
}

.cpc-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.cpc-row>* {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.cpc-gutter-lg {
    margin-left: -15px;
    margin-right: -15px
}

.cpc-gutter-lg>* {
    padding-right: 15px;
    padding-left: 15px
}

.cpc-gutter-sm {
    margin-left: -5px;
    margin-right: -5px
}

.cpc-gutter-sm>* {
    padding-right: 5px;
    padding-left: 5px
}

.cpc-gutter-xs {
    margin-left: -1px;
    margin-right: -1px
}

.cpc-gutter-xs>* {
    padding-right: 1px;
    padding-left: 1px
}

.cpc-gutter-no {
    margin-left: 0;
    margin-right: 0
}

.cpc-gutter-no>* {
    padding-right: 0;
    padding-left: 0
}

[class*=cpc-cols-]>* {
    flex: 0 0 auto
}

.cpc-cols-1>* {
    width: 100%
}

.cpc-cols-2>* {
    width: 50%
}

.cpc-cols-3>* {
    width: 33.3333%
}

.cpc-cols-4>* {
    width: 25%
}

.cpc-cols-5>* {
    width: 20%
}

.cpc-cols-6>* {
    width: 16.6667%
}

.cpc-cols-7>* {
    width: 14.2857%
}

.cpc-cols-8>* {
    width: 12.5%
}

@container (min-width:480px) {
    .cpc-cols-xs-1>* {
        width: 100%
    }
    
    .cpc-cols-xs-2>* {
        width: 50%
    }
    
    .cpc-cols-xs-3>* {
        width: 33.3333%
    }
    
    .cpc-cols-xs-4>* {
        width: 25%
    }
    
    .cpc-cols-xs-5>* {
        width: 20%
    }
    
    .cpc-cols-xs-6>* {
        width: 16.6667%
    }
    
    .cpc-cols-xs-7>* {
        width: 14.2857%
    }
    
    .cpc-cols-xs-8>* {
        width: 12.5%
    }
}

@container (min-width:576px) {
    .cpc-cols-sm-1>* {
        width: 100%
    }
    
    .cpc-cols-sm-2>* {
        width: 50%
    }
    
    .cpc-cols-sm-3>* {
        width: 33.3333%
    }
    
    .cpc-cols-sm-4>* {
        width: 25%
    }
    
    .cpc-cols-sm-5>* {
        width: 20%
    }
    
    .cpc-cols-sm-6>* {
        width: 16.6667%
    }
    
    .cpc-cols-sm-7>* {
        width: 14.2857%
    }
    
    .cpc-cols-sm-8>* {
        width: 12.5%
    }
}

@container (min-width:768px) {
    .cpc-cols-md-1>* {
        width: 100%
    }
    
    .cpc-cols-md-2>* {
        width: 50%
    }
    
    .cpc-cols-md-3>* {
        width: 33.3333%
    }
    
    .cpc-cols-md-4>* {
        width: 25%
    }
    
    .cpc-cols-md-5>* {
        width: 20%
    }
    
    .cpc-cols-md-6>* {
        width: 16.6667%
    }
    
    .cpc-cols-md-7>* {
        width: 14.2857%
    }
    
    .cpc-cols-md-8>* {
        width: 12.5%
    }
}

@container (min-width:992px) {
    .cpc-cols-lg-1>* {
        width: 100%
    }
    
    .cpc-cols-lg-2>* {
        width: 50%
    }
    
    .cpc-cols-lg-3>* {
        width: 33.3333%
    }
    
    .cpc-cols-lg-4>* {
        width: 25%
    }
    
    .cpc-cols-lg-5>* {
        width: 20%
    }
    
    .cpc-cols-lg-6>* {
        width: 16.6667%
    }
    
    .cpc-cols-lg-7>* {
        width: 14.2857%
    }
    
    .cpc-cols-lg-8>* {
        width: 12.5%
    }
}

@container (min-width:1200px) {
    .cpc-cols-xl-1>* {
        width: 100%
    }
    
    .cpc-cols-xl-2>* {
        width: 50%
    }
    
    .cpc-cols-xl-3>* {
        width: 33.3333%
    }
    
    .cpc-cols-xl-4>* {
        width: 25%
    }
    
    .cpc-cols-xl-5>* {
        width: 20%
    }
    
    .cpc-cols-xl-6>* {
        width: 16.6667%
    }
    
    .cpc-cols-xl-7>* {
        width: 14.2857%
    }
    
    .cpc-cols-xl-8>* {
        width: 12.5%
    }
}

@container (min-width:1600px) {
    .cpc-cols-xxl-1>* {
        width: 100%
    }
    
    .cpc-cols-xxl-2>* {
        width: 50%
    }
    
    .cpc-cols-xxl-3>* {
        width: 33.3333%
    }
    
    .cpc-cols-xxl-4>* {
        width: 25%
    }
    
    .cpc-cols-xxl-5>* {
        width: 20%
    }
    
    .cpc-cols-xxl-6>* {
        width: 16.6667%
    }
    
    .cpc-cols-xxl-7>* {
        width: 14.2857%
    }
    
    .cpc-cols-xxl-8>* {
        width: 12.5%
    }
}

[class*=cpc-col-] {
    flex: 0 0 auto
}

.cpc-col-1 {
    width: 8.3333%
}

.cpc-col-2 {
    width: 16.6667%
}

.cpc-col-3 {
    width: 25%
}

.cpc-col-4 {
    width: 33.3333%
}

.cpc-col-5 {
    width: 41.6667%
}

.cpc-col-6 {
    width: 50%
}

.cpc-col-7 {
    width: 58.3333%
}

.cpc-col-8 {
    width: 66.6667%
}

.cpc-col-9 {
    width: 75%
}

.cpc-col-10 {
    width: 83.3333%
}

.cpc-col-11 {
    width: 91.6667%
}

.cpc-col-12 {
    width: 100%
}

@container (min-width:480px) {
    .cpc-col-xs-1 {
        width: 8.3333%
    }
    
    .cpc-col-xs-2 {
        width: 16.6667%
    }
    
    .cpc-col-xs-3 {
        width: 25%
    }
    
    .cpc-col-xs-4 {
        width: 33.3333%
    }
    
    .cpc-col-xs-5 {
        width: 41.6667%
    }
    
    .cpc-col-xs-6 {
        width: 50%
    }
    
    .cpc-col-xs-7 {
        width: 58.3333%
    }
    
    .cpc-col-xs-8 {
        width: 66.6667%
    }
    
    .cpc-col-xs-9 {
        width: 75%
    }
    
    .cpc-col-xs-10 {
        width: 83.3333%
    }
    
    .cpc-col-xs-11 {
        width: 91.6667%
    }
    
    .cpc-col-xs-12 {
        width: 100%
    }
}

@container (min-width:576px) {
    .cpc-col-sm-1 {
        width: 8.3333%
    }
    
    .cpc-col-sm-2 {
        width: 16.6667%
    }
    
    .cpc-col-sm-3 {
        width: 25%
    }
    
    .cpc-col-sm-4 {
        width: 33.3333%
    }
    
    .cpc-col-sm-5 {
        width: 41.6667%
    }
    
    .cpc-col-sm-6 {
        width: 50%
    }
    
    .cpc-col-sm-7 {
        width: 58.3333%
    }
    
    .cpc-col-sm-8 {
        width: 66.6667%
    }
    
    .cpc-col-sm-9 {
        width: 75%
    }
    
    .cpc-col-sm-10 {
        width: 83.3333%
    }
    
    .cpc-col-sm-11 {
        width: 91.6667%
    }
    
    .cpc-col-sm-12 {
        width: 100%
    }
}

@container (min-width:768px) {
    .cpc-col-md-1 {
        width: 8.3333%
    }
    
    .cpc-col-md-2 {
        width: 16.6667%
    }
    
    .cpc-col-md-3 {
        width: 25%
    }
    
    .cpc-col-md-4 {
        width: 33.3333%
    }
    
    .cpc-col-md-5 {
        width: 41.6667%
    }
    
    .cpc-col-md-6 {
        width: 50%
    }
    
    .cpc-col-md-7 {
        width: 58.3333%
    }
    
    .cpc-col-md-8 {
        width: 66.6667%
    }
    
    .cpc-col-md-9 {
        width: 75%
    }
    
    .cpc-col-md-10 {
        width: 83.3333%
    }
    
    .cpc-col-md-11 {
        width: 91.6667%
    }
    
    .cpc-col-md-12 {
        width: 100%
    }
}

@container (min-width:992px) {
    .cpc-col-lg-1 {
        width: 8.3333%
    }
    
    .cpc-col-lg-2 {
        width: 16.6667%
    }
    
    .cpc-col-lg-3 {
        width: 25%
    }
    
    .cpc-col-lg-4 {
        width: 33.3333%
    }
    
    .cpc-col-lg-5 {
        width: 41.6667%
    }
    
    .cpc-col-lg-6 {
        width: 50%
    }
    
    .cpc-col-lg-7 {
        width: 58.3333%
    }
    
    .cpc-col-lg-8 {
        width: 66.6667%
    }
    
    .cpc-col-lg-9 {
        width: 75%
    }
    
    .cpc-col-lg-10 {
        width: 83.3333%
    }
    
    .cpc-col-lg-11 {
        width: 91.6667%
    }
    
    .cpc-col-lg-12 {
        width: 100%
    }
}

@container (min-width:1200px) {
    .cpc-col-xl-1 {
        width: 8.3333%
    }
    
    .cpc-col-xl-2 {
        width: 16.6667%
    }
    
    .cpc-col-xl-3 {
        width: 25%
    }
    
    .cpc-col-xl-4 {
        width: 33.3333%
    }
    
    .cpc-col-xl-5 {
        width: 41.6667%
    }
    
    .cpc-col-xl-6 {
        width: 50%
    }
    
    .cpc-col-xl-7 {
        width: 58.3333%
    }
    
    .cpc-col-xl-8 {
        width: 66.6667%
    }
    
    .cpc-col-xl-9 {
        width: 75%
    }
    
    .cpc-col-xl-10 {
        width: 83.3333%
    }
    
    .cpc-col-xl-11 {
        width: 91.6667%
    }
    
    .cpc-col-xl-12 {
        width: 100%
    }
}

@container (min-width:1600px) {
    .cpc-col-xxl-3 {
        width: 25%
    }
    
    .cpc-col-xxl-9 {
        width: 75%
    }
}

@container (min-width:1200px) {
    .cpc-col-xl-5col {
        width: 20%
    }
    
    .cpc-col-xl-5col2 {
        width: 40%
    }
    
    .cpc-col-xl-5col3 {
        width: 60%
    }
    
    .cpc-col-xl-5col4 {
        width: 80%
    }
}
.cp-calendar .flex.cpc-col-md-hidden {
    display: none;
}
.cp-calendar .flex.cpc-col-lg-hidden {
    display: none;
}
@container (min-width: 768px) {
    .cp-calendar .flex.cpc-col-md-hidden {
        display: flex;
    }
}
@container (min-width: 992px) {
    .cp-calendar .flex.cpc-col-lg-hidden {
        display: flex;
    }   
}

.pn-header{
    display: none;
}

.pn-hours-container{
    float: left;
    width: 150px;    
}

.pn-hour-header-title{
    display: none;
    padding:5px;
}
.pn-hour-header-title p{
    text-align: center;
}

.pn-hour-header{
    height: 110px;
    line-height: 18px;
    padding-top: 4px;
    font-size: 14px;    
    cursor: pointer;
    margin: 5px;
    text-transform: uppercase;
}

.pn-body.pn-unique-view .pn-hour-header{
    cursor:auto;
}

.pn-body.pn-unique-view .pn-hour-header-change-mode{
    display: none;
}

.pn-body.pn-unique-view .pn-hour-header-title{
    display: block;
}

.pn-hour-header-day-container{
    width: 100%;
    text-align: center;
    /*border-bottom: 1px solid #666666;*/
    height: 56px;
    padding:2px;
}

.pn-body.pn-unique-view .pn-hour-header-day-container{
    background-color: var(--primary-color);
    color: white;
    border-radius: 5px;
}

.pn-body.pn-unique-view .pn-hour-header-day-container .pn-multi-days{
    border-bottom: 1px solid #ffffff;
}

.pn-hour-header-day, .pn-hour-header-month{
    line-height:20px;
    font-size: 18px;
    font-weight: bold;
    padding:3px 0px;
}

.pn-hour-header-day.pn-multi-days{
    border-bottom: 1px solid #999999;
}

.pn-hour-header-change-mode{
    width: 100%;
    background-color: var(--primary-color);
    color: #ffffff;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    height: 50px;
    margin-top:3px;
    padding: 6px 0px;
}

.pn-hour-header-change-mode:hover{
    opacity: 0.8;
}

.pn-hour-header-other-type{
    font-size: 16px;
    font-weight: bold;
}

.pn-hour-header p{
    margin-bottom:0px;
}

.pn-hour-header-other-type{
    font-weight: bold;
}

.pn-hour{
    width: 100%;
    height: 120px;
    line-height: 120px;
    border:1px solid var(--border-color); 
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}

.pn-cols-container{
    overflow: auto;
    width: calc(100% - 150px);
    float: left;
}

.pn-cols{
    position: relative;
}

.pn-row{
    width: 100%;
}

.pn-cell{
    float: left;
    height: 120px;
    line-height: 24px;
    border:1px solid var(--border-color);    
    width: 200px;  
    cursor: pointer;
}

.pn-cell.pn-cell-header{
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pn-item{
    position: absolute;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.pn-item .pm-item-title{
    margin-bottom: 2px;
    font-weight: bold;
}

.pn-item .pm-item-subtitle{
    margin-bottom: 0px;
}

.pn-item.pn-item-daily{
    width: 184px;
}

.pn-item.pn-item-weekly{
    width: 30px;
}

.pn-body:not(.pn-unique-view) .pn-item.pn-item-weekly .pm-item-title, 
.pn-body:not(.pn-unique-view) .pn-item.pn-item-weekly .pm-item-subtitle{
    display: none;
}

.pm-item-title{
    font-size: 13px;
    line-height: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pm-item-subtitle{
    font-size: 12px;
    line-height: 13px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pn-voice-bg-1,.pn-voice-bg-11,.pn-voice-bg-21{
    background-color: var(--primary-color);
    color: white;
}

.pn-voice-bg-2,.pn-voice-bg-12,.pn-voice-bg-22{
    background-color: #fa424a;
    color: white;
}

.pn-voice-bg-3,.pn-voice-bg-13,.pn-voice-bg-23{
    background-color: #f29824;
    color: white;
}

.pn-voice-bg-4,.pn-voice-bg-14,.pn-voice-bg-24{
    background-color: #5fa7e7;
    color: white;
}

.pn-voice-bg-5,.pn-voice-bg-15,.pn-voice-bg-25{
    background-color: #9a51a7;
    color: white;
}

.pn-voice-bg-6,.pn-voice-bg-16,.pn-voice-bg-26{
    background-color: #9a775d;
    color: white;
}

.pn-voice-bg-7,.pn-voice-bg-17,.pn-voice-bg-27{
    background-color: #009688;
    color: white;
}

.pn-voice-bg-8,.pn-voice-bg-18,.pn-voice-bg-28{
    background-color: #d79d44;
    color: white;
}

.pn-voice-bg-9,.pn-voice-bg-19,.pn-voice-bg-29{
    background-color: #1566ae;
    color: white;
}

.pn-voice-bg-10,.pn-voice-bg-20,.pn-voice-bg-30{
    background-color: #888888;
    color: white;
}

.pn-voice-col-1,.pn-voice-col-11,.pn-voice-col-21{
    color: var(--primary-color);
}

.pn-voice-col-2,.pn-voice-col-12,.pn-voice-col-22{
    color: #fa424a;
}

.pn-voice-col-3,.pn-voice-col-13,.pn-voice-col-23{
    color: #f29824;
}

.pn-voice-col-4,.pn-voice-col-14,.pn-voice-col-24{
    color: #5fa7e7;
}

.pn-voice-col-5,.pn-voice-col-15,.pn-voice-col-25{
    color: #9a51a7;
}

.pn-voice-col-6,.pn-voice-col-16,.pn-voice-col-26{
    color: #9a775d;
}

.pn-voice-col-7,.pn-voice-col-17,.pn-voice-col-27{
    color: #009688;
}

.pn-voice-col-8,.pn-voice-col-18,.pn-voice-col-28{
    color: #d79d44;
}

.pn-voice-col-9,.pn-voice-col-19,.pn-voice-col-29{
    color: #1566ae;
}

.pn-voice-col-10,.pn-voice-col-20,.pn-voice-col-30{
    color: #888888;
}
@media (min-width: 992px) {
    .modal-xl {
        --bs-modal-width: 900px;
    }
}

body.modal-layout .container-fluid{
    padding-top: 15px;
}

body.modal-layout .accordion-form-language-content h2 .btn{
    background-color: white;
    border-bottom: 1px solid var(--border-color);
}

.select-box{
    padding: 8px;
    border-radius: 5px;
    border:2px solid var(--primary-color);    
}

.select-box-item{
    margin-bottom:5px;
    border-radius: 5px;
    padding:2px 6px;
    line-height: 18px;
    cursor: pointer;
}

.select-box-item:last-child{
    margin-bottom:0px;
}

.select-box-item:hover, .select-box-item.selected{
    background-color: var(--primary-color);
    color: white;
}

.select-box-item.disabled{
    color: #888888 !important;
    background-color: #eeeeee !important;
    cursor: default !important;
}

.form-group .form-label .form-group .form-check{
    margin-bottom:0px !important;
}
.form-group .form-label .form-group .form-check .form-check-label{
    padding-top:0px !important;
}

.input-group-text.selected{
    background-color: var(--primary-color);
    color: white;
    font-weight: bold;
}

.wizard-box{
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    min-height: 40px;
}

.wb-header{
    width :100%;
    position: relative;
}

.wb-header-image{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 52px;
}

.wb-header-info{
    padding-left: 60px;
    padding-right: 30px;
}

.wb-header-title{
    font-weight:600;
    font-size: 20px;
    margin-bottom: 5px;
}

.wb-header-subtitle{
    margin-bottom:0px;
    font-weight:500;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
}

@media (max-width:540px) {     
    .wb-header-image{
        width: 64px;
    }
    .wb-header-info{
        padding-left: 72px;
        min-height: 64px;
    }
    .wb-header-title{
        font-size: 16px; 
        padding-top: 6px;
        margin-bottom: 0px;
    }
    .wb-header-subtitle{
        font-size: 14px;
        line-height: 18px;
    }
}

.img-thumbnail{
    min-width: 25px !important;
    height: 25px !important;
    width: 25px !important;
    margin-top: 5px;
}

.color-box{
    border:1px solid var(--border-color);
    border-radius: 8px;
    padding:6px;
    padding-left: 50px;
    position: relative;
    overflow:hidden;
    cursor: pointer;
}

.color-box input[type=color] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}

.color-box-icon-bg{
    left: 0px;
    top:0px;
    position: absolute;
    width: 40px;
    height: 38px;
    text-align:center;
    background-color:#efefef;
}

.color-box i{
    color:var(--color);
    font-size: 26px;
    display: block;
    position: absolute;
    left: 4px;
    top:6px;
    z-index:100;
}

html:not(.gamy) .btn-check:checked + .btn, html:not(.gamy) .btn.active, html:not(.gamy) .btn.show, html:not(.gamy) .btn:first-child:active, html:not(.gamy) :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    opacity: 0.8;
}

/* #region gamification */
/* <editor-fold defaultstate="collapsed" desc="gamification"> */
/* [class*="gamy-"]* */

html.gamy b{
    font-weight: 500;
}

html.gamy *:not([class*="fa-"]) {    
    /*font-family: "Fredoka", system-ui;*/
}

html.gamy body[data-luno="theme-blue"] {
    --body-color: #e8f3f8;
    --primary-color-rgb: 255 127 107;
    --primary-color: rgb(255 127 107);
    --primary-color: rgb(255 152 0);
    /*--secondary-color: #FF7F6B;*/
    --secondary-color: #ff9800;
    --tertiary-color: #d3e7f1;
    --primary-rgb: 35, 154, 174;
    --secondary-rgb: 0, 172, 154;
    --chart-color1: #2794eb;
    --chart-color2: #6382d8;
    --chart-color3: #8d61a5;
    --chart-color4: #90476f;
    --chart-color5: #00ac9a;
    --primary-gradient: linear-gradient(
        145deg,
        var(--primary-color),
        var(--secondary-color)
        );
}
html.gamy .dropdown-item{
    padding-left:6px;
}
html.gamy .header-calendar i{
    font-size: 32px;
}
html.gamy .user-profile-icon{
    font-size: 30px;
}
html.gamy .img-thumbnail{
    min-width: 36px !important;
    height: 36px !important;
    width: 36px !important;
    margin-top: 4px;
}
html.gamy .layout-1 .wrapper .page-header .header-right > li .nav-link{
    height: 44px;
    padding:8px 4px;
}

html.gamy .layout-1 .sidebar.sidebar-mini .menu-list .ms-link::before {
    left: -10px;
    top: 15px;
}

html.gamy .card .card-title{
    font-weight: 400;
}
html.gamy .navygrid-total-rows{
    font-weight: 500;    
}

html.gamy .form-control, html.gamy .form-select{
    background-color: #fffffd;
    border:2px solid #dbf0f2;
    border-radius: 10px !important;    
}
@media (max-width:540px) { 
    html.gamy .form-control, html.gamy .form-select{
        font-size: 13px;
    }
}
html.gamy .search-in-menu-container input{
    padding:6px 10px;
}
html.gamy .search-in-menu-container input::placeholder{
    color: #bbbbbb;
    font-size: 13px;
    font-weight: 500;    
}

html.gamy .btn{
    border: 2px solid rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10), inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
    border-radius: 4px 12px 12px 4px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    transform-style: preserve-3d;
}

html.gamy .btn[data-direction='l']{
    border-radius: 12px 4px 4px 12px;
}

html.gamy .btn:hover{
    transform: perspective(300px) rotateY(8deg);
}
html.gamy .btn:active{
    transform: perspective(250px) rotateY(15deg) translateY(1px);
}

/* Oltre ~150px il rotateY distorce troppo (le due estremità si allontanano dal centro
   proporzionalmente alla larghezza): sui bottoni larghi si passa a un effetto piatto,
   solo sollevamento/pressione, niente rotazione. Classe assegnata via JS (Gamification.classifyButtonWidth).
   Le due regole con [data-direction]/[data-position] (senza valore, quindi qualsiasi) battono in
   specificità le varianti direzionali più sotto in ".gamy-button[data-direction='r']" ecc. */
html.gamy .btn.btn-squish-wide:hover,
html.gamy .gamy-button.btn-squish-wide[data-direction]:hover,
html.gamy .gamy-button.btn-squish-wide[data-position]:hover{
    transform: translateY(-2px);
}
html.gamy .btn.btn-squish-wide:active,
html.gamy .gamy-button.btn-squish-wide[data-direction]:active,
html.gamy .gamy-button.btn-squish-wide[data-position]:active{
    transform: translateY(1px);
}

html.gamy .form-control:focus, html.gamy .form-select:focus{
    color: #5191b1;
}

html.gamy .btn.btn-primary-outline:focus:hover, html.gamy .btn.btn-primary-outline:hover {
    background-color: #5191b1;
    color: white;
}

html.gamy .btn.btn-primary-outline, html.gamy .btn.btn-primary-outline:focus{
    border: 1px solid #5191b1 !important;
    color: #5191b1;
}

html.gamy .layout-1 .sidebar.sidebar-mini{
    width: 150px;
}

html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li:hover > div > .sub-menu{
    left: 140px;
}

html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li > div > .sub-menu li .ms-link{
    border-bottom: 0px;
}

html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li > div > .sub-menu::after{
    width: 4px;
}

html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li > div > .sub-menu li{
    padding-left: 30px;
    padding-right: 10px;
    border-bottom: 1px dashed var(--border-color);
}
html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li > div .m-link{
    flex-direction: column;    
}
html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li > div .m-link > i{
    transition: all 0.2s ease-in-out;
}
html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li > div .m-link:hover > i{
    font-size: 36px;
}
html.gamy .m-link-home .m-link{
    padding:0px;
}
html.gamy .m-link-label{
    margin-top: 10px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
}

html.gamy .m-link.active .m-link-label{
    font-weight: 800;
}

html.gamy .m-link .m-link-label{
    transition: all 0.2s ease-in-out;
}
html.gamy .m-link:hover .m-link-label{
    margin-top: 14px;
    font-size: 16px;
    line-height: 22px;
}

html.gamy .fa-duotone:before, html.gamy .fad:before {
    --fa-primary-color: #467c8d !important;
    --fa-primary-color: #5a8e9e !important;
}

html.gamy .fa-duotone:after, html.gamy .fad:after {
    color: var(--fa-secondary-color, currentColor);
}

html.gamy .m-link:hover .fa-duotone:before, html.gamy .m-link:hover .fad:before {
    position: absolute;
    --fa-primary-color: #ff9800 !important;
    opacity: var(--fa-primary-opacity, 1);
}

html.gamy .m-link:hover .fa-duotone:after, html.gamy .m-link:hover .fad:after {
    --fa-secondary-color: #467c8d !important;
    --fa-secondary-color: #5a8e9e !important;
    opacity: var(--fa-secondary-opacity, 1);
}

html.gamy .m-link-home .m-link:hover .fa-duotone:after, html.gamy .m-link-home .m-link:hover .fad:after {
    /*opacity: var(--fa-secondary-opacity, .3);*/
}

html.gamy .layout-1 .sidebar .menu-list > li > div{
    padding: 10px 24px;
}
html.gamy .layout-1 .sidebar .menu-list > li{
    border: 0px;
    margin:6px 0px;
}
html.gamy .layout-1 .sidebar .menu-list > li > div{
    border-radius: 20px;
    border: 2px solid rgba(0, 0, 0, 0.05);
    /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(255, 255, 255, 0.3);*/
}
html.gamy .layout-1 .sidebar .menu-list > li.m-link-home > div{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin:0 auto;
}
html.gamy .layout-1 .sidebar .menu-list > li > div.selected{
    background-color: var(--tertiary-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(255, 255, 255, 0.3);
}

html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li{
    margin-top:16px;
}
html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li.m-link-home{
    margin-top:0px;
}

html.gamy .layout-1 .sidebar.sidebar-mini .menu-list > li.m-link-home i{
    font-size: 36px;
}

html.gamy .layout-1 .sidebar .menu-list > li.m-link-home > div{
    border: 0px solid rgba(0, 0, 0, 0.05);
}
html.gamy .layout-1 .sidebar .menu-list .m-link{
    padding:0px;
    padding-top:8px;
}
html.gamy .layout-1 .sidebar .menu-list .m-link > i{
    font-size: 28px;
    width: auto;
    height: auto;
}

html.gamy .table tr th{
    color: #666666;
}
html.gamy .modal-header{
    background-color: rgba(var(--primary-rgb), 0.4);
    /*border: 2px solid rgba(0, 0, 0, 0.05);*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(255, 255, 255, 0.3);
}
html.gamy .modal-header .modal-title{
    color: #666666;
}
html.gamy .modal-header .btn-close{    
    background-color: transparent;
    font-size: 18px;
    /*border: 2px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(255, 255, 255, 0.3);*/
}
html.gamy .layout-1 .sidebar .menu-list{
    border:0px;
}
html.gamy .layout-1 .sidebar .menu-list > li > div.selected a span{
    font-size: 15px;
}
html.gamy .layout-1 .sidebar .menu-list > li > div.selected a.active{
    font-weight: 600;
}

.gamy .file-mini-loader .correct{
    display: none;
}
.gamy .file-mini-loader-content.fml-has-image{
    height: 140px;
}
.gamy .file-mini-loader-content.fml-has-image .fml-image-preview{
    max-height: 100px;
}

.gamy .file-mini-loader-content {
    width: 100%;
    height: 140px;
    background: #fefefe;
    border-radius: 16px;
    border: 3px solid #cccccc;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 10px;
}

/* bordo interno tratteggiato */
.gamy .file-mini-loader-content::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 12px;
    border: 3px dashed #cccccc;
    pointer-events: none;
}

.gamy .file-mini-loader-content i {
    font-size: 48px;
    color: #5b7688;
}

.fml-gallery-item-preview{
    width: 100%;
    height: 140px;
    border-radius: 16px;
    border: 3px solid #cccccc;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fefefe;
    box-sizing: border-box;
}

.fml-gallery-item{
    cursor: move;
}

.fml-gallery-item .fml-gallery-item-remove{
    cursor: pointer;
}

.fml-gallery-item-preview .fml-image-preview{
    max-width: 100%;
    max-height: 100%;
}

html.gamy .wizard-box{
    /*padding: 26px 28px;*/
    border-radius: 12px !important;
    position: relative;
    overflow: hidden; 
    border: 2px solid rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    min-height: 40px;
}

.close-wizard-box, .toggle-wizard-box{
    color: #666666;
}

.close-wizard-box:focus,.close-wizard-box:hover,
.toggle-wizard-box:focus,.toggle-wizard-box:hover{
    color: #666666;
}

.wizard-box.wizard-close {
    width: 50px;
    float: right;
}

.has-page-toolbar .wizard-box.wizard-close{
    position: absolute;
    top: 102px;
    right: 6px;
}

@media (min-width:576px) { 
    .has-page-toolbar .wizard-box.wizard-close{
        top: 60px;        
    }
}

@media (min-width:776px) { 
    .has-page-toolbar .wizard-box.wizard-close{
        right: 20px;
    }
}

@media (min-width:992px) { 
    .has-page-toolbar .wizard-box.wizard-close{
        top: 70px;        
    }
}

@media (min-width:1201px) { 
    .has-page-toolbar .wizard-box.wizard-close{
        top: 64px;
    }
}


.wizard-box.wizard-close:before {
    display: none;
}

.wizard-box.wizard-close .close-wizard-box {
    color: transparent;
}
.wizard-box.wizard-close .toggle-wizard-box {
    display: none;
}

.wizard-box.wizard-close .wb-header-image{
    left:-10px;
    top:-10px;
}
.wizard-box.wizard-close .wb-header-info{
    display: none;
}

html.gamy .wizard-box.mini{
    border-radius: 10px !important;
}

/* barra superiore */
html.gamy .wizard-box::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    height: 28px;
    background: #70a6b8;
    border-radius: 50%;
}

@media (max-width:540px) { 
    html.gamy .wizard-box::before{
        height: 24px;
    }
}

.gamy-section-box{
    border-radius: 16px;
    border:2px solid rgba(0,0,0,0.25);
    position: relative;
    padding-top: 40px;
    padding-bottom: 12px;
    margin-top: 30px;
    width: 100% !important;
}

.gamy-section-box.with-gamy-button-t{
    padding-top: 64px;
}

@media (max-width:540px) { 
    .gamy-section-box.with-gamy-button-t{
        padding-top: 84px;
    }    
}

.toggle-gamy-section-box{
    cursor: pointer;
}

.gamy-section-box-title{
    position: absolute;
    top: -20px;
    left: calc(50% - 120px);
    width: 240px;
    height: 40px;    
    text-align: center;
    line-height:36px;
    font-size: 18px;
    font-weight: 800;
    border-radius: 10px 10px 20px 20px;
    border: 2px solid rgba(0, 0, 0, 0.10);
    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.10),
        inset 0 2px 4px rgba(255, 255, 255, 0.3);        
    color: white;        
}
.gamy-section-box-mini-title{
    position: absolute;
    top: -10px;
    left: 10px;
    width: 140px;
    height: 24px;    
    text-align: center;
    line-height:22px;
    font-size: 16px;
    font-weight: 800;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.10),
        inset 0 2px 4px rgba(255, 255, 255, 0.3);        
    color: white;        
}

.gamy-section-box-item{
    width: 90%;
    max-width: 240px;
    margin:0 auto;
    text-align:center;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    border-radius: 14px 14px 24px 24px;
    border: 2px solid rgba(0, 0, 0, 0.10);
    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.10),
        inset 0 2px 4px rgba(255, 255, 255, 0.3);  
}

.gamy-section-box-item p{
    margin-top: 10px;
    margin-bottom: 0px;
}


.gamy-section-nav-button, .gamy-section-header{
    display: flex;
    position: relative;
    align-items: center;
    /*padding: 0px 24px 0px 16px;*/
    padding: 8px 12px 8px 16px;
    width: 100%;    
    height: auto;
    min-height: 100px;
    border-radius: 10px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 3px solid rgba(0, 0, 0, 0.2);
    box-shadow:
        inset 0 2px 4px rgba(255,255,255,0.4),  /* highlight interno */
        inset 0 -4px 8px rgba(0,0,0,0.08),      /* ombra interna */
        0 10px 20px rgba(0,0,0,0.15);           /* ombra esterna */

    cursor: pointer;
    transition: all 0.25s ease;
    margin-bottom: 1.3rem;
}    
.gamy-section-nav-button .icon, .gamy-section-header .icon {
    flex: 0 0 60px;
    font-size: 32px;
    color: #fff;
    margin-right: 18px;
    background-color: rgba(255,255,255,0.7);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-right: 3px solid rgba(0, 0, 0, 0.25);
    border-bottom: 3px solid rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-in-out;
}

.gamy-section-payment-method, .gamy-section-pickup-point-method {
    display: flex;
    position: relative;
    align-items: center;
    padding: 0px 24px 0px 16px;
    width: 100%;
    height: 100px;
    border-radius: 10px;
    border: 3px solid rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid rgba(0, 0, 0, 0.25);
    /*background-color: #f0efd9;*/    
    background: linear-gradient(120deg, rgb(112, 166, 184) 0%, rgba(112, 166, 184,0.2) 40%, rgba(112, 166, 184,0.2) 60%);
    cursor: pointer;
    opacity: 0.9;
} 

.gamy-section-payment-method.selected,
.gamy-section-pickup-point-method.selected{
    background: linear-gradient(120deg, rgb(246, 160, 60) 0%, rgb(247, 213, 171) 40%, rgb(247, 213, 171) 60%);
}

.gamy-section-payment-method .icon,
.gamy-section-pickup-point-method .icon {
    font-size: 32px;
    color: #fff;
    margin-right: 18px;
    background-color: rgba(255, 255, 255, 0.7);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    border: 1px solid rgba(30, 30, 30, 0.3);
    border-right: 3px solid rgba(0, 0, 0, 0.25);
    border-bottom: 3px solid rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-in-out;
}

.gamy-section-payment-method .icon img,
.gamy-section-pickup-point-method .icon img{
    width: 60px;
    height: 60px;
}

.gamy-section-payment-method h3,
.gamy-section-pickup-point-method h3{
    font-size: 24px;
    font-weight: 800;
    color: #444444;
} 

.gamy-section-payment-method .configure-payment-method,
.gamy-section-pickup-point-method .configure-pickup-point-method{
    position: absolute;
    top:4px;
    right:4px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:20px;
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
    border-radius: 50%;
    background-color: rgba(255,255,255,0);
    color: rgb(235, 79, 5);
} 

.gamy-section-payment-method .move-payment-method{
    position: absolute;
    bottom:4px;
    right:4px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:20px;
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
    border-radius: 50%;
    background-color: rgba(255,255,255,0);
    color: rgb(235, 79, 5);
} 

.gamy-section-payment-method .configure-payment-method:hover,
.gamy-section-pickup-point-method .configure-payment-method:hover,
.gamy-section-payment-method .move-payment-method:hover{
    font-size:24px;
    opacity: 1;
    background-color: rgba(255,255,255,0.4);
}

.gamy-section-payment-method .form-check-input + .form-check-label,
.gamy-section-pickup-point-method .form-check-input + .form-check-label {
    font-weight: bold;
}

          
html.gamy .layout-1 .sidebar.sidebar-mini .menu-list .ms-link::before{
    display: none !important;
}

.configuration-badge {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 4px;
    border-radius: 10px;
    background: linear-gradient(135deg, #e07b7b, #cf6666);
    color: #ffffff;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.configuration-badge.cb-left{
    right: unset;
    left: 11px;
    top:9px;
    padding:4px 3px;
    font-size: 10px;
    z-index: 10000;
}

.configuration-badge.cb-left b {
  width: 18px;
  height: 18px;
}

/*.configuration-badge b {
  width: 22px;
  height: 22px;
  border-radius: 50%;  
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.6);
}*/

.gamy-section-nav-badge {
    position: absolute;
    left: -2px;
    bottom: -2px;
    padding: 0px 10px;
    background: linear-gradient(135deg, #e07b7b, #cf6666);
    color: #ffffff;
    border-radius: 6px 10px 6px 10px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.gamy-section-nav-badge span{
    display: none;
}

.gamy-section-nav-badge b{
    font-weight: 600;
}

@media (max-width:1150px) {     
    .gamy-section-nav-badge{
        top:4px;
        right:4px;
        padding: 0px;
        left: unset;
        bottom: unset;
    }
    
    .gamy-section-nav-button .icon{
        margin-top: 0px !important;
    }
    
    .gamy-section-nav-badge span{
        width: 24px;
        height: 24px;
        font-size: 16px;
        display: block;
        text-align: center;
        font-weight: bold;
    }
    
    .gamy-section-nav-badge b{
        display: none;
    }
}

.gamy-section-nav-button:hover .gamy-section-nav-badge{
/*    background: linear-gradient(180deg, #f5dc97 0%, #f6c667 100%);
    color: #ff4409;*/
}

.gamy-section-nav-button:hover .icon, .gamy-section-header:hover .icon{
    font-size: 36px;
}

.gamy-section-nav-button:hover, .gamy-section-nav-button.selected,
.gamy-section-header:hover, .gamy-section-header.selected{
    /*border: 3px solid rgba(0, 0, 0, 0.25);*/
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    opacity: 1;
}
.gamy-section-nav-button:hover .icon, .gamy-section-nav-button.selected .icon,
.gamy-section-header:hover .icon, .gamy-section-header.selected .icon{
    background-color: rgba(245,245,245,0.7);
}

.gamy-section-nav-button .icon::before,
.gamy-section-nav-button .icon::after,
.gamy-section-header .icon::before,
.gamy-section-header .icon::after,
.gamy-section-payment-method .icon::before,
.gamy-section-payment-method .icon::after,
.gamy-section-pickup-point-method .icon::before,
.gamy-section-pickup-point-method .icon::after,
.gamy-section-box-title::before,
.gamy-section-box-title::after{
    content: "";
    position: absolute;
    background: #FFD34A;
    border-radius: 50%;
    opacity: 0.9;
    transition: all 0.2s ease-in-out;
}

.gamy-section-nav-button .icon::before,
.gamy-section-header .icon::before,
.gamy-section-payment-method .icon::before,
.gamy-section-pickup-point-method .icon::before,
.gamy-section-box-title::before{
    top: -2px;
    right: 0px;
    width: 8px;
    height: 8px;
}

.gamy-section-nav-button .icon::after,
.gamy-section-header .icon::after,
.gamy-section-payment-method .icon::after,
.gamy-section-pickup-point-method .icon::after,
.gamy-section-box-title::after{
    bottom: 12px;
    left: 0px;
    width: 6px;
    height: 6px;
}

.gamy-section-nav-button:hover .icon::after, 
.gamy-section-payment-method:hover .icon::after,
.gamy-section-pickup-point-method:hover .icon::after,
.gamy-section-header:hover .icon::after{
    bottom: 16px;
}

.gamy-section-nav-button:hover .icon::before, 
.gamy-section-payment-method:hover .icon::before,
.gamy-section-pickup-point-method:hover .icon::before,
.gamy-section-header:hover .icon::before{
    right: 16px;
}

.gamy-section-nav-button .icon::after,
.gamy-section-header .icon::after,
.gamy-section-payment-method .icon::after,
.gamy-section-pickup-point-method .icon::after,
.gamy-section-box-title::after{
    box-shadow:
        44px 14px 0 0 #FFE07A;
}

.gamy-section-nav-button .text
.gamy-section-header .text {
    width: calc(100% - 78px);
}
.gamy-section-nav-button .text h3,
.gamy-section-header .text h3 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    transition: font-size 0.3s;
}

.gamy-section-nav-button .text p,
.gamy-section-header .text p {
    margin: 2px 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.85);
    transition: font-size 0.3s;
}

.gamy-section-nav-button:hover .icon, .gamy-section-nav-button.selected .icon,
.gamy-section-header:hover .icon, .gamy-section-header.selected .icon{
    background-color: rgba(245,245,245,1);
}
.gamy-section-nav-button:hover .text h3, .gamy-section-nav-button.selected .text h3,
.gamy-section-header:hover .text h3, .gamy-section-header.selected .text h3 {
    /*font-weight: 800;*/
    /*font-size: 20px;*/
}
.gamy-section-nav-button:hover .text p, .gamy-section-nav-button.selected .text p,
.gamy-section-header:hover .text p, .gamy-section-header.selected .text p {
/*    font-weight: 600;
    font-size: 16px;*/
}
.gamy-section-nav-button.gamy-section-header,
.gamy-section-header.gamy-section-header{
    border-radius: 10px 10px 0px 0px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}

.gamy-section-box-body[data-items='3']{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.gamy-section-box-body[data-items='3'] .gamy-section-box-item {
    flex: 0 0 calc(33.333% - 20px);
}

.gamy-section-box-item:hover, .gamy-section-box-item.selected{
    font-weight: 900;

}
.gamy-section-box-item:hover .fad, .gamy-section-box-item.selected .fad,
.gamy-section-box-item:hover .fad:hover, .gamy-section-box-item.selected .fad:hover{
    --fa-secondary-color: white !important;
    --fa-primary-color: white !important;
}

@media (max-width:991px) { 
    .gamy-section-nav{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: unset;
        margin-bottom: 20px;
    }
    .gamy-section-nav-button{
        flex: 0 0 calc((100% - 40px) / 3);
        padding:0px;
        padding-top: 10px;
        justify-content: unset;
        flex-direction: column;
        margin-bottom:0px !important;
    }
    
    .gamy-section-nav-button .icon{
        margin-right:0px;
    }
    .gamy-section-nav-button .text p{
        display:none;
    }
    .gamy-section-nav-button .text{
        padding: 8px 4px;
    }
    .gamy-section-nav-button .text h3, .gamy-section-nav-button.selected .text h3{
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }
}
@media (max-width:540px) {         
    .gamy-section-nav-button .text h3, .gamy-section-nav-button.selected .text h3{
/*        font-size: 11px;
        line-height: 13px;*/
    }

    .gamy-section-box-body[data-items='3']{
        display: block;
    }
    .gamy-section-box-body[data-items='3'] .gamy-section-box-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
    
    .gamy-section-header.selected{
        padding: 6px 12px 6px 16px;
        height: auto;
        min-height: 100px;
    }
    
    .gamy-section-header.selected .text h3{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 6px;
    }
    
    .gamy-section-header .icon{
        flex: 0 0 50px;
        font-size: 24px;
        width: 50px;
        height: 50px;
    }
    
    .gamy-section-header.selected .text p{
        font-size: 16px;
    }
    
    .gamy-section-box-title{
        /*font-size: 16px;*/
        font-weight: 800;
        width: 260px;
        left: calc(50% - 130px);
    }    
}

@media (max-width:425px) {     
    .gamy-section-nav-button{
        flex: 0 0 calc((100% - 40px) / 2);        
    }
}

.gamy-button {
    font-size: 16px !important;
    border-radius: 10px 10px 16px 16px !important;
    border: 2px solid rgba(0, 0, 0, 0.10) !important;
    box-shadow: 
        0 4px 10px rgba(0, 0, 0, 0.10),
        inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease;
    
    transform-style: preserve-3d;
}


/* ==========================================================
   DIREZIONI DI SCHIACCIAMENTO
   ========================================================== */

/* → RIGHT (verso destra) */
.gamy-button[data-direction='r']:hover,
.gamy-button[data-position='tr']:hover,
.gamy-button[data-position='br']:hover {
    transform: perspective(300px) rotateY(8deg);
}
.gamy-button[data-direction='r']:active,
.gamy-button[data-position='tr']:active,
.gamy-button[data-position='br']:active {
    transform: perspective(250px) rotateY(15deg) translateY(1px);
}

/* ← LEFT (verso sinistra) */
.gamy-button[data-direction='l']:hover,
.gamy-button[data-position='tl']:hover,
.gamy-button[data-position='bl']:hover {
    transform: perspective(300px) rotateY(-8deg);
}
.gamy-button[data-direction='l']:active,
.gamy-button[data-position='tl']:active,
.gamy-button[data-position='bl']:active {
    transform: perspective(250px) rotateY(-15deg) translateY(1px);
}

.gamy-button[data-direction='t']:hover {
    transform: perspective(300px) rotateX(-8deg);
}
.gamy-button[data-direction='t']:active {
    transform: perspective(250px) rotateX(-15deg) translateY(1px);
}

.gamy-button[data-direction='b']:hover {
    transform: perspective(300px) rotateX(8deg);
}
.gamy-button[data-direction='b']:active {
    transform: perspective(250px) rotateX(15deg) translateY(1px);
}

.gamy-button:hover {
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}
.gamy-button:active {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
}

.gamy-button[data-position='tl']{
    position: absolute;
    top:12px;
    left:12px;
    border-radius: 16px 8px 8px 8px !important;
}
.gamy-button[data-position='tr']{
    position: absolute;
    top:12px;
    right:12px;
    border-radius: 8px 16px 8px 8px !important;
}

@media (max-width: 550px) {            
    .gamy-button[data-position='tl']{
        top:32px;        
    }
    .gamy-button[data-position='tr']{
        top:32px;
    }
        
    .gamy-section-content{
        padding:0px !important;
    }
    .gamy-section-header.gamy-section-header {
        border-radius: 0px;
        border-right: 0px;
        border-left: 0px;
    }
}

.gamy-button[data-position='bl']{    
    border-radius: 8px 8px 8px 16px !important;
}
.gamy-button[data-position='br']{
    border-radius: 8px 8px 16px 8px !important;
}

.gamy-button[data-direction='t']{
    border-radius: 16px 16px 8px 8px !important;
}
.gamy-button[data-direction='b']{
    border-radius: 8px 8px 16px 16px !important;
}
.gamy-button[data-direction='l']{
    border-radius: 16px 8px 8px 16px !important;
}
.gamy-button[data-direction='r']{
    border-radius: 8px 16px 16px 8px !important;
}

.gamy-list-item{
    border-radius: 10px;
    border:1px solid rgba(0,0,0,0.1);    
    padding: 4px 10px;
    height: 44px;
    padding-left: 50px;
    position: relative;
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
    box-shadow:
        inset 0 2px 4px rgba(255,255,255,0.4),  /* highlight interno */
        inset 0 -4px 8px rgba(0,0,0,0.08),      /* ombra interna */
        0 10px 20px rgba(0,0,0,0.15);
}

.gamy-list-item:first-of-type{
    margin-top:0px !important;
}

html.gamy .gamy-list-item-text{
    height: 36px;
    line-height: 35px;
    padding-left: 4px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gamy-list-item-actions{
    position: absolute;
    left:-1px;
    top:0px;
    border-radius: 10px 0px 0px 10px;    
    width: 44px;
    height: 42px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.gamy-list-item-actions .icon{
    font-size: 18px;
    /*color: #fff;*/
    background-color: rgba(255,255,255,0.7);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    z-index: auto; /* sopra al menu */    
}

.gamy-list-item-actions .icon:hover i{
    opacity: 0.8;
    color: var(--secondary-color) !important;
}

.gamy-list-box-item{
    border-radius: 10px;
    border:1px solid rgba(0,0,0,0.1);    
    padding: 4px 6px;    
    position: relative;
}

.gamy-list-box-item-actions{
    border-radius: 10px;
    width: 100%;
    height: 38px;
    padding: 4px 0px;
}

.gamy-list-box-item .icon{
    float: left;
    font-size: 18px;
    background-color: rgba(255,255,255,0.7);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.gamy-list-box-item .icon:hover i{
    opacity: 0.8;
    color: var(--secondary-color) !important;
}

.gamy-list-box-item-image{
    /*display: block;*/
    border-radius: 10px;
    overflow: hidden;
    margin-top: 6px;
}

.gamy-list-box-item-image img{
    width: 100%;
}

.gamy-dropdown-menu {
    position: absolute;
    display: none;
    z-index: 1002;
    opacity: 0;
    transition: opacity .15s ease;        
    border-radius: 8px;   
    background-color: white;
    border:1px solid rgba(0,0,0,0.05);
    transform: scale(0, 0) !important;
    transition: all 0.2s ease-in-out;
}

.gamy-dropdown-menu::before {
    content: "";
    position: absolute;
    top: -8px;         /* sale sopra il menu */
    left: 10px;       /* posizione sotto all’icona */
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 4px;
    border-left: 1px solid rgba(0,0,0,0.05);
    border-top: 1px solid rgba(0,0,0,0.05);
    transform: rotate(45deg);
    z-index: -1;       /* evita che copra l’icona */
}

.gamy-dropdown-menu.show {
    display: block;
    opacity: 1;
    transform: scale(1, 1) !important;
}

.gamy-dropdown-menu.up { bottom: 100%; }
.gamy-dropdown-menu.down { top: 100%; }

.gamy-dropdown-menu.left { right: 0px; }
.gamy-dropdown-menu.right { left: 0px; }

.gamy-dropdown-menu-content{
    border-radius:8px;
    width: 100%;
    padding: 8px;
}

html.gamy .gamy-dropdown-menu-content a{
    display: block;    
    font-size: 16px;
    position: relative;
    white-space: nowrap;
    padding:4px 6px;
    padding-left: 28px;
    border-radius:6px;
    font-weight: 400;
}
.gamy-dropdown-menu-content a:hover{
    background-color: rgba(0,0,0,0.04);
}

.gamy-dropdown-menu-content a i{
    display: block;
    position: absolute;
    left: 4px;
    top:8px;
}
.gamy-dropdown-menu-content a{
    display: block;
}


.gamy-switch {
    display: inline-flex;
    align-items: center;
    gap: 14px;   
    width: 100%;
    padding: 6px 12px 7px 6px;
    padding-right: 12px;
    border-radius: 12px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
    cursor: pointer;
    user-select: none;
    transition: 0.3s ease;
    font-family: 'Quicksand', sans-serif;
}

.gamy-switch-toggle {
    position: relative;
    width: 60px;
    height: 26px;
}

.gamy-switch.disabled .gamy-switch-toggle,
.gamy-switchable.disabled .gamy-switch-toggle{
    opacity:0.6;
}

.gamy-switch-track {
    width: 100%;
    height: 100%;
    background: #b2398a;
    border-radius: 20px;
    padding: 3px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
    position: relative;
    transition: 0.3s ease;
}

.gamy-switch-thumb {
    position: absolute;
    width: 26px;
    height: 20px;
    background: linear-gradient(#ffeb3b, #ff9800);
    border-radius: 12px;
    top: 3px;
    left: 3px;
    transition: 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* ICONA CENTRALE */
.gamy-switch-icon {
    font-size: 24px;
    color: #b2398a;
}

.gamy-switch.gamy-switch-has-sort  .gamy-switch-icon:hover{
    opacity: 0.8;
}

/* LABEL A DESTRA */
.gamy-switch-label {
    font-size: 16px;
    font-weight: 500;
    color: #444;
}

/* STATO ON */
.gamy-switch.selected .gamy-switch-track,
.gamy-switchable.selected .gamy-switch-track {
    background: #4caf50 !important;
}

.gamy-switch.selected .gamy-switch-thumb,
.gamy-switchable.selected .gamy-switch-thumb {
    left: calc(100% - 3px - 26px);
    background: linear-gradient(#8fe560, #1fb12c) !important;
}

.gamy-selector{
    position: relative;
    padding: 15px 10px;
    border-radius: 16px;
    background: #ffffff;
    /*border: 2px solid rgba(0,0,0,0.08);*/
}
.gamy-selector-highlight {
    position: absolute;
    z-index: 1;
    border-radius: 14px 24px 14px 24px;
    pointer-events: none;
    background: rgba(80, 200, 120, 0.25);
    transition:
        top 0.35s ease,
        left 0.35s ease,
        width 0.35s ease,
        height 0.35s ease,
        transform 0.25s cubic-bezier(.22,1.28,.42,1.01);
    border: 2px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10), inset 0 2px 4px rgba(255, 255, 255, 0.3);    
}
.gamy-bubble {
    transform: scale(1.28, 0.78); /* molto più squash */
}

.gamy-bubble-back {
    transform: scale(0.88, 1.20); /* rimbalzo forte */
}

/* mini rebound finale */
.gamy-bubble-end {
    transform: scale(1.04, 0.96);
    transition: transform 0.20s ease-out;
}

/* OGNI ELEMENTO */
.gamy-selector-item {
    padding: 18px 22px;
    margin-bottom: 12px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background: transparent;
}

.gamy-selector-item i {
    font-size: 26px;
}

.gamy-selector-item span {
    font-size: 18px;
    font-weight: 500;
}

.gamy-selector-item.selected span{
    font-weight: 800;
}

@media (min-width: 768px) {            
    .gamy-selector-item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 8px;
        padding: 18px 10px;
    }

    .gamy-selector-item i {
        font-size: 32px;
        display: block;
    }
}

/* MOBILE: ICONA A SINISTRA, TESTO A DESTRA (GIÀ DEFAULT) */
@media (max-width: 767px) {
    .gamy-switch-label{
        font-size: 14px;
        font-weight: 800;
    }
    
    .gamy-selector-item {
        justify-content: flex-start;
    }
}

.gamy-switch-multi-voice {
    border-radius: 16px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
    background: #ffe7cb; /* come gamy orange */
    width: 100%;
    padding: 10px;    
    border: 2px solid rgba(0, 0, 0, 0.10) !important;
    box-shadow: 
        0 4px 10px rgba(0, 0, 0, 0.10),
        inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
}

.gamy-smv-label{
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 500;
    text-align: center;    
}

.gamy-smv-label[data-sortable='1']{
    padding-left: 24px;
    position: relative;
    cursor: pointer;
}

.gamy-smv-label[data-sortable='1']:before{
    position: absolute;
    left: 8px;
    top: -2px;
    font-size: 20px;
    font-weight: 900;
    color: #666666;
    content: '\f047';
    font-family: "Font Awesome 7 Pro";
}
.gamy-switch-multi-voice:hover .gamy-smv-label[data-sortable='1']:before{
    color: #000000;
}

.gamy-smv-content {
    display: flex;
    align-items: flex-start;
    gap: 12px;    
}

/* TRACK VERTICALE */
.gamy-smv-track {
    position: relative;
    width: 34px;
    padding: 6px;
    gap: 10px;
    border-radius: 20px;
    background: rgb(213, 128, 30);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* SLOT (fossetto) */
.gamy-smv-slot {
    width: 22px;
    height: 22px;
    margin: 4px auto;
    border-radius: 12px;
    background: rgba(255,255,255,0.25);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
    cursor: pointer;
}

/* THUMB */
.gamy-smv-thumb {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 6px;
    top: 6px;
    border-radius: 12px;
    background: linear-gradient(#ffeb3b, #ff9800);
    box-shadow: 0 2px 4px rgba(0,0,0,0.25);
    transition: top 0.25s cubic-bezier(.3,1.5,.6,1);
    z-index: 3;
}

/* TESTO DELLE OPZIONI */
.gamy-smv-options {
    display: flex;
    flex-direction: column;
    padding: 6px 0px;
    gap: 10px;
}

.gamy-smv-option {
    font-size: 16px;
    font-weight: 500;
    color: #333333;    
    cursor: pointer;
    user-select: none;
    transition: 0.2s ease;
    height: 22px;
    margin: 4px 0;
    line-height: 22px;
}

.gamy-smv-option.selected{
    font-weight: 600;
}

.gamy-button{
    background: linear-gradient(90deg,
        rgba(126,194,196,1) 0%,
        rgba(140,205,201,1) 40%,
        rgba(148,214,193,1) 100%
    );
}

.gamy-button-outline{
    background: none;
    border:1px solid rgba(126,194,196,1);
    color:rgba(126,194,196,1) !important;
}

.gamy-section-nav-button[data-color='green'], 
.gamy-section-header[data-color='green'], 
.gamy-section[data-color='green'] .gamy-button, 
.gamy-section[data-color='green'] .gamy-section-header, 
.gamy-section[data-color='green'] .gamy-section-box-title,    
.gamy-section[data-color='green'] .gamy-section-box-mini-title,    
.gamy-section[data-color='green'] .gamy-section-box-item:hover, 
.gamy-section[data-color='green'] .gamy-section-box-item.selected{
    background: linear-gradient(90deg,
        rgba(126,194,196,1) 0%,
        rgba(140,205,201,1) 40%,
        rgba(148,214,193,1) 100%
    );
    background: linear-gradient(90deg, #70a6b8 0%, #7fb0c0 40%, #8fbac8 100%);
    color: white;        
}

.gamy-section[data-color='green'] .gamy-list-item{
    border-color: rgba(126,194,196,1);
    background-color: rgba(126,194,196,0.2);
}

.gamy-section[data-color='green'] .gamy-list-item-actions,
.gamy-section[data-color='green'] .gamy-list-box-item{
    background-color: rgba(126,194,196,1);
}
.gamy-section[data-color='green'] .gamy-list-item-actions .gamy-dropdown-menu-content{
    background-color: rgba(255,255,255,0.7);
}
.gamy-section[data-color='green'] .gamy-list-item-actions .icon i{
    color: rgb(103, 171, 173);
}

.gamy-section[data-color='green'] .gamy-switch{
    background-color: #9fdac8;
}
.gamy-section[data-color='green'] .gamy-switch-label{
    color: #333333;
}

.gamy-section[data-color='green'] .gamy-switch-track{
    background-color: #6ab8ba;
}

.gamy-section[data-color='green'] .gamy-switch-icon{
    color: #d5801e;
}
.gamy-section[data-color='green'] .gamy-switch-thumb{
    background: linear-gradient(#94d6c1, #7ec2c4);
}

.gamy-section[data-color="green"] .gamy-selector-highlight {
    /*background: rgba(80, 200, 120, 0.25);*/
    background: linear-gradient(90deg,
        rgba(148,214,193,0.7) 0%,
        rgba(148,214,193,0.6) 40%,
        rgba(148,214,193,0.5) 100%
    );
    border: 2px solid rgba(80, 200, 120, 0.5);
}


/* da definire */
.gamy-section[data-color="green"] .gamy-switch-multi-voice{
    background-color: #9fdac8;
}

.gamy-section[data-color='green'] .gamy-smv-track{
    background-color: #6ab8ba;
}

.gamy-section[data-color='green'] .gamy-smv-thumb {
    background: linear-gradient(#94d6c1, #7ec2c4);
}

.gamy-section[data-color="green"] .gamy-smv-option.selected {
    color: white;    
}

.gamy-section[data-color='green'] .gamy-button-outline{
    background: none;
    border:1px solid rgba(126,194,196,1);
    color:rgba(126,194,196,1) !important;
}
/* fine da definire */


.gamy-section-nav-button[data-color='orange'], 
.gamy-section-header[data-color='orange'], 
.gamy-bg-orange,
.gamy-section[data-color='orange'] .gamy-button, 
.gamy-section[data-color='orange'] .gamy-section-header, 
.gamy-section[data-color='orange'] .gamy-section-box-title,
.gamy-section[data-color='orange'] .gamy-section-box-mini-title{
    background: linear-gradient(90deg,
        rgb(246, 160, 60) 0%,
        rgb(251, 182, 100) 50%,
        rgb(254, 201, 135) 100%
    );
}

.gamy-section[data-color='orange'] .gamy-list-item{
    border-color: rgba(246, 160, 60,1);
    background-color: rgba(246, 160, 60,0.2);
}

.gamy-section[data-color='orange'] .gamy-list-item-actions,
.gamy-section[data-color='orange'] .gamy-list-box-item{
    background-color: rgba(246, 160, 60,1);
}
.gamy-section[data-color='orange'] .gamy-list-item-actions .gamy-dropdown-menu-content{
    background-color: rgba(255,255,255,0.7);
}
.gamy-section[data-color='orange'] .gamy-list-item-actions .icon i{
    color: rgba(246, 160, 60,1);
}

.gamy-section[data-color='orange'] .gamy-switch{
    background-color: #ffe7cb;
}

.gamy-section[data-color='orange'] .gamy-switch-track{
    background-color: rgb(213, 128, 30);
}

.gamy-section[data-color='orange'] .gamy-switch-icon{
    color: rgb(213, 128, 30);
}
.gamy-section[data-color='orange'] .gamy-switch-label{
    color: rgb(213, 128, 30);
    font-weight: 900;
}

/* da definire */
.gamy-section[data-color="orange"] .gamy-smv-option.selected {
    color: rgb(213, 128, 30);    
}

.gamy-section[data-color='orange'] .gamy-button-outline{
    background: none;
    border:1px solid rgb(213, 128, 30);
    color:rgb(213, 128, 30) !important;
}
/* fine da definire */

.gamy-section[data-color="orange"] .gamy-selector-highlight {
    background: rgba(255, 80, 80, 0.25);
    border: 2px solid rgba(255, 80, 80, 0.5);
    border-radius: 14px;
}


.gamy-section-nav-button[data-color='purple'], 
.gamy-section-header[data-color='purple'], 
.gamy-section[data-color='purple'] .gamy-button, 
.gamy-section[data-color='purple'] .gamy-section-header, 
.gamy-section[data-color='purple'] .gamy-section-box-title{
    background: linear-gradient(90deg,
        rgb(122, 132, 240) 0%,
        rgb(150, 155, 245) 50%,
        rgb(178, 184, 249) 100%
    );
}

.gamy-section[data-color='purple'] .gamy-list-item{
    border-color: rgba(122, 132, 240,1);
    background-color: rgba(122, 132, 240,0.2);
}

.gamy-section[data-color='purple'] .gamy-list-item-actions,
.gamy-section[data-color='purple'] .gamy-list-box-item{
    background-color: rgba(122, 132, 240,1);
}
.gamy-section[data-color='purple'] .gamy-list-item-actions .gamy-dropdown-menu-content{
    background-color: rgba(255,255,255,0.7);
}
.gamy-section[data-color='purple'] .gamy-list-item-actions .icon i{
    color: rgba(122, 132, 240,1);
}

/* da definire i colori*/
.gamy-section[data-color='purple'] .gamy-switch{
    background-color: #b2b8f9;
}
.gamy-section[data-color='purple'] .gamy-switch-label{
    color: white;
}

.gamy-section[data-color='purple'] .gamy-switch-track{
    background-color: #6c77eb;
}

.gamy-section[data-color='purple'] .gamy-switch-icon{
    color: #d5801e;
}
.gamy-section[data-color='purple'] .gamy-switch-thumb{
    background: linear-gradient(#b2b8f9, #7a84f0);
}
/* fine da definire i colori*/

.gamy-section[data-color='purple'] .gamy-button-outline{
    background: none;
    border:1px solid rgb(122, 132, 240);
    color:rgb(122, 132, 240) !important;
}

.gamy-section[data-color="purple"] .gamy-selector-highlight {
    background: rgba(80, 120, 255, 0.25);
    border: 2px solid rgba(80, 120, 255, 0.5);
    border-radius: 14px;
}


.gamy-section-nav-button[data-color='blu'], 
.gamy-section-header[data-color='blu'], 
.gamy-section[data-color='blu'] .gamy-button, 
.gamy-section[data-color='blu'] .gamy-section-header, 
.gamy-section[data-color='blu'] .gamy-section-box-title{
    background: linear-gradient(90deg,
        rgb(88, 128, 236) 0%,     
        rgb(118, 152, 242) 50%,   
        rgb(148, 176, 247) 100%   
    );
}

.gamy-section[data-color='blu'] .gamy-list-item{
    border-color: rgba(88, 128, 236,1);
    background-color: #DEE6FB;
}

.gamy-section[data-color='blu'] .gamy-list-item-actions,
.gamy-section[data-color='blu'] .gamy-list-box-item{
    background-color: rgba(88, 128, 236,1);
}
.gamy-section[data-color='blu'] .gamy-list-item-actions .gamy-dropdown-menu-content{
    background-color: rgba(255,255,255,0.7);
}
.gamy-section[data-color='blu'] .gamy-list-item-actions .icon i{
    color: rgba(88, 128, 236,1);
}

/* da definire i colori*/
.gamy-section[data-color='blu'] .gamy-switch{
    background-color: #9fb9f9;
}
.gamy-section[data-color='blu'] .gamy-switch-label{
    color: white;
}

.gamy-section[data-color='blu'] .gamy-switch-track{
    background-color: #4874eb;
}

.gamy-section[data-color='blu'] .gamy-switch-icon{
    color: #d5801e;
}
.gamy-section[data-color='blu'] .gamy-switch-thumb{
    background: linear-gradient(#94b0f7, #5880ec);
}
/* fine da definire i colori*/

/* da definire */
.gamy-section[data-color='blu'] .gamy-button-outline{
    background: none;
    border:1px solid rgb(122, 132, 240);
    color:rgb(122, 132, 240) !important;
}
/* fine da definire */

.gamy-section[data-color="blue"] .gamy-selector-highlight {
    background: rgba(80, 120, 255, 0.25);
    border: 2px solid rgba(80, 120, 255, 0.5);
    border-radius: 14px;
}



.gamy-section-nav-button[data-color='red'], 
.gamy-section-header[data-color='red'], 
.gamy-section[data-color='red'] .gamy-button, 
.gamy-section[data-color='red'] .gamy-section-header, 
.gamy-section[data-color='red'] .gamy-section-box-title{
    background: linear-gradient(90deg,
        rgb(236, 109, 95) 0%,   
        rgb(245, 142, 129) 50%, 
        rgb(252, 171, 157) 100% 
    );
}

.gamy-section[data-color='red'] .gamy-list-item{
    border-color: rgba(236, 109, 95,1);
    background-color: rgba(236, 109, 95,0.2);
}

.gamy-section[data-color='red'] .gamy-list-item-actions,
.gamy-section[data-color='red'] .gamy-list-box-item{
    background-color: rgba(236, 109, 95,1);
}
.gamy-section[data-color='red'] .gamy-list-item-actions .gamy-dropdown-menu-content{
    background-color: rgba(255,255,255,0.7);
}
.gamy-section[data-color='red'] .gamy-list-item-actions .icon i{
    color: rgba(236, 109, 95,1);
}

/* da definire i colori*/
.gamy-section[data-color='red'] .gamy-switch{
    background-color: #fbaa9f;
}
.gamy-section[data-color='red'] .gamy-switch-label{
    color: white;
}

.gamy-section[data-color='red'] .gamy-switch-track{
    background-color: #ec6d5f;
}

.gamy-section[data-color='red'] .gamy-switch-icon{
    color: #ec6d5f;
}
.gamy-section[data-color='red'] .gamy-switch-thumb{
    background: linear-gradient(#ffc6bf, #ff5757);
}
/* fine da definire i colori*/

/* da definire */
.gamy-section[data-color='red'] .gamy-button-outline{
    background: none;
    border:1px solid rgb(122, 132, 240);
    color:rgb(122, 132, 240) !important;
}
/* fine da definire */
.gamy-section[data-color="red"] .gamy-selector-highlight {
    background: rgba(255, 80, 80, 0.25);
    border: 2px solid rgba(255, 80, 80, 0.5);
    border-radius: 14px;
}



.gamy-section-nav-button[data-color='brown'], 
.gamy-section-header[data-color='brown'], 
.gamy-section[data-color='brown'] .gamy-button, 
.gamy-section[data-color='brown'] .gamy-section-header, 
.gamy-section[data-color='brown'] .gamy-section-box-title{
    background: linear-gradient(90deg,
        rgb(197, 160, 115) 0%,  
        rgb(214, 180, 142) 50%, 
        rgb(229, 198, 165) 100% 
    );
}    

.gamy-section[data-color='brown'] .gamy-list-item{
    border-color: rgba(197, 160, 115,1);
    background-color: rgba(197, 160, 115,0.2);
}

.gamy-section[data-color='brown'] .gamy-list-item-actions,
.gamy-section[data-color='brown'] .gamy-list-box-item{
    background-color: rgba(197, 160, 115,1);
}
.gamy-section[data-color='brown'] .gamy-list-item-actions .gamy-dropdown-menu-content{
    background-color: rgba(255,255,255,0.7);
}
.gamy-section[data-color='brown'] .gamy-list-item-actions .icon i{
    color: rgba(197, 160, 115,1);
}

/* da definire i colori*/
.gamy-section[data-color='brown'] .gamy-switch{
    background-color: #f7c383;
}
.gamy-section[data-color='brown'] .gamy-switch-label{
    color: white;
}

.gamy-section[data-color='brown'] .gamy-switch-track{
    background-color: #d5801e;
}

.gamy-section[data-color='brown'] .gamy-switch-icon{
    color: #d5801e;
}
/* fine da definire i colori*/

/* da definire */
.gamy-section[data-color='brown'] .gamy-button-outline{
    background: none;
    border:1px solid rgb(122, 132, 240);
    color:rgb(122, 132, 240) !important;
}
/* fine da definire */
.gamy-section[data-color="brown"] .gamy-selector-highlight {
    background: rgba(255, 80, 80, 0.25);
    border: 2px solid rgba(255, 80, 80, 0.5);
    border-radius: 14px;
}

html.gamy .card.fieldset .fieldset-tile{
    font-weight: 400;
    background: #e5f3f5 !important;
    color: #5dada5 !important;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding:3px 10px;
    display: block;
    left: 10px;
}

html.gamy .brd-col-primary,
html.gamy .border.border-primary{
    border-color: #dddddd !important;
}

html.gamy .page-model-preview{
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-color: white;
    border-radius: 10px  !important;
}

html.gamy .page-column-label,
html.gamy .page-row-label,
html.gamy .page-widget-label{
    height: 40px;
    line-height: 24px;
    background: #c7e4fb !important;
    color: #666666 !important;
    border-radius: 10px 10px 0px 0px;
    font-weight: 400;
    font-size: 16px !important;
    padding: 8px 10px 6px 44px;    
}

html.gamy .page-column-label{
    background: #e0f3f4 !important;
}

html.gamy .page-row-label{
    background: #e5effd !important;
}

html.gamy .page-widget-label{
    background: #ffffff !important;
    border-radius: 10px;
}

html.gamy .page-row{
    margin-left: 6px;
    margin-right: 6px;
    width: calc(100% - 12px);
    margin-top: 6px;
}

html.gamy .page-widget{
    margin-top: 10px;
    height: 40px;
}

html.gamy .page-widget-content{
    margin-left: 4px;
    margin-right: 4px;
    width: calc(100% - 8px);
}

html.gamy .image-box-title{
    font-weight: 500 !important;
}

html.gamy .add-new-row,
html.gamy .add-new-widget{
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding:6px 10px;
    border-radius: 10px;
    background-color: var(--primary-color);
    color: white;
    font-weight: 500 !important;
}

html.gamy .add-new-row:hover,
html.gamy .add-new-widget:hover{
    opacity: 0.8;
}

html.gamy .page-model-container .more-icon,
html.gamy .page-model-container .delete-column,
html.gamy .page-model-container .move-column,
html.gamy .page-model-container .delete-row,
html.gamy .page-model-container .move-row,
html.gamy .page-model-container .save-widget,
html.gamy .page-model-container .delete-widget,
html.gamy .page-model-container .move-widget{
    font-size: 20px;
    position: absolute;
    top: 0px;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #f0ba58;
}
html.gamy .page-model-container .delete-column:hover,
html.gamy .page-model-container .move-column:hover,
html.gamy .page-model-container .delete-row:hover,
html.gamy .page-model-container .move-row:hover,
html.gamy .page-model-container .save-widget:hover,
html.gamy .page-model-container .delete-widget:hover,
html.gamy .page-model-container .move-widget:hover{
    opacity: 0.8;
    color: #94cfff;
}

html.gamy .page-widget-content .image-box{
    display: none;
}

html.gamy .page-model-container .save-widget{
    font-size: 22px;
}

html.gamy .page-column-label .more-icon{
    color: #5baaa3 !important;
}

html.gamy .page-row-label .more-icon{
    color: #7bbac8 !important;
}

html.gamy .page-widget-label .more-icon{
    
}

html.gamy .column-actions,
html.gamy .row-actions,
html.gamy .widget-actions{
    position: absolute;
    top: 0px;
    right: 1px;
    height: 39px;
    border-radius: 10px 10px 0px 10px;
    width: 80px;
    background-color: #fcfaf5;
}

html.gamy .widget-actions{
    width: 120px;
    border-radius: 10px 10px;
}

html.gamy .tree-node-content {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    display: flex;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 44px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.4), inset 0 -4px 8px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(0, 0, 0, 0.15);
    align-items: center;
}

html.gamy .tree-collapse, 
html.gamy .tree-check-all, 
html.gamy .tree-up, 
html.gamy .tree-down, 
html.gamy .tree-move {
    margin-top: 0px;
}

html.gamy .gamy-tabset{
    
}

html.gamy .gamy-tabnav{
    width: 100%;
    display: block;
}

html.gamy .gamy-tabnav-item{
    float: left;
    border-radius: 16px 16px 0px 0px;
    border: 2px solid rgba(0, 0, 0, 0.25);
    border: 2px solid rgba(148, 214, 193, 1);
    border-bottom: 0px;
    padding: 8px 20px;
    z-index: 10px;    
    margin-left: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-items: center;
}

html.gamy .gamy-tabnav-item img{
    border-radius: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.4), inset 0 -4px 8px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.15);
}

html.gamy .gamy-tabnav-item:hover, html.gamy .gamy-tabnav-item.selected{
    background-color: rgba(148, 214, 193, 1);
    transition: all 0.2s ease-in-out;
}
html.gamy .gamy-tabnav-item p{
    display: none;
    margin-bottom: 0px;
}
html.gamy .gamy-tabnav-item:hover p, html.gamy .gamy-tabnav-item.selected p{
    display: block;
}

html.gamy .gamy-tab-item{
    display: none;
    margin-top: -2px;
    width: 100%;
    display: block;
    border-radius: 16px;
    border: 2px solid rgba(0, 0, 0, 0.25);
    border: 2px solid rgba(148, 214, 193, 1);
    padding: 16px;
}

html.gamy .gamy-tab-item.selected{
    display: block;
}

html.gamy .selection-button{
    border-radius: 10px 0px 0px 10px;
}

html.gamy .has-selector-button{
    border-radius: 0px 10px 10px 0px !important;
}

/* </editor-fold> */

/*.gamy-mini-alert{
    position:fixed;
    right:20px;
    top:20px;

    width:340px;
    height: 79px;

    padding-left: 84px;
    padding-right: 16px;

    display:flex;
    align-items:center;

    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center;

    z-index:100000;

    overflow:hidden;

    animation:gamyMiniAlertEnter .55s cubic-bezier(.22,1.28,.32,1) forwards;
}*/

/* immagini */
.gamy-mini-alert-success{
    /*background-image:url('http://common.localhost/backend/img/gamy_alert_bg_success.png');*/
}

.gamy-mini-alert-warning{
    /*background-image:url('http://common.localhost/backend/img/gamy_alert_bg_warning.png');*/
}

/* container */
#gamy-mini-alert-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

/* alert */
.gamy-mini-alert {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 18px 14px 10px;
    min-width: 260px;
    max-width: 320px;

    border-radius: 12px;
    color: #fff;

    /*border: 1px solid rgba(0,0,0,0.08);*/

    /*box-shadow: 0 10px 25px rgba(0,0,0,0.12);*/

    overflow: hidden;

    transform: translateY(-10px);
    opacity: 0;
    transition: all 0.25s ease;
    
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.4), inset 0 -4px 8px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* visibile */
.gamy-mini-alert.show {
    transform: translateY(0);
    opacity: 1;
}

/* success */
.gamy-mini-alert.success {
    background: linear-gradient(135deg, #6f99a5, #5f8e9a);
}

/* warning */
.gamy-mini-alert.warning {
    background: linear-gradient(135deg, #f4a261, #e38b3d);
}

/* icona */
.gamy-mini-alert-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,0.2);
    font-size: 16px;
}

/* testo */
.gamy-mini-alert-text {
    font-weight: 500;
}

/* progress bar */
.gamy-mini-alert-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: rgba(255,255,255,0.7);
    width: 100%;
    transform-origin: left;
}

/* MOBILE */
@media (max-width: 768px) {

    #gamy-mini-alert-container {
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .gamy-mini-alert {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        transform: translateY(100%);
        border-bottom: 0px;
    }

    .gamy-mini-alert.show {
        transform: translateY(0);
    }
}



/* testo */
.gamy-mini-text{
    font-weight:600;
    line-height:1.3;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    overflow:hidden;

    color:#2f2f2f;
}

/* entrata */
@keyframes gamyMiniAlertEnter{
    0%{
        transform:translateX(120%) scale(.95);
        opacity:0;
    }
    70%{
        transform:translateX(0) scale(1.03);
        opacity:1;
    }
    100%{
        transform:translateX(0);
    }
}

/* uscita (se la usi) */
.gamy-exit{
    animation:gamyMiniAlertExit .55s ease forwards;
}

@keyframes gamyMiniAlertExit{
    0%{
        transform:translateX(0) scale(1);
        opacity:1;
    }
    30%{
        transform:translateX(-20px) scale(0.98); /* rincorsa a sinistra */
    }
    100%{
        transform:translateX(120%) scale(0.95); /* uscita a destra */
        opacity:0;
    }
}


/* #endregion */

.pac-container{
    z-index: 1055 !important;
}

/* #region product-entity gamy edit - combinazioni */

.combination-toolbar{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.combination-toolbar-right{
    justify-content: flex-end;
}

.product-combinations-table .product-combination-checkbox-col{
    width: 40px;
    text-align: center;
}

.product-combinations-table .product-combination-name-row td{
    border-top: 2px solid rgba(0, 0, 0, 0.08) !important;
    font-weight: 700;
    padding-top: 14px !important;
    padding-bottom: 4px !important;
}

.product-combinations-table .product-combination-name-row:first-child td{
    border-top: 0 !important;
}

.product-combinations-table .product-combination-name-row .product-combination-name-cell{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.product-combinations-table .set-product-combination-default{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.product-combinations-table .set-product-combination-default i{
    font-size: 18px;
    line-height: 1;
}

.summary-product-completion{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 46px;
    padding: 6px 14px;
    border-radius: 20px 8px 20px 8px;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: center;
    color: white !important;
    border: 2px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10), inset 0 2px 4px rgba(255, 255, 255, 0.3);
    cursor: default;
}

.summary-product-completion-info{
    font-size: 13px;
    opacity: 0.85;
}

.summary-product-completion.completion-red{
    background: linear-gradient(90deg, #e0563f 0%, #e8735c 100%);
}

.summary-product-completion.completion-orange{
    background: linear-gradient(90deg, #e0901c 0%, #f0aa4a 100%);
}

.summary-product-completion.completion-green{
    background: linear-gradient(90deg, #2fa84f 0%, #4ec172 100%);
}

.completion-tooltip-title{
    font-weight: 700;
    margin-bottom: 4px;
}

.completion-tooltip-item{
    padding: 2px 0;
}

/* #endregion */

/* #region product-list navygrid */

.ng-product-image-thumb{
    width: 36px;
    height: 36px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
    display: block;
    cursor: pointer;
}

.ng-no-image-icon{
    color: #b7bdc6;
    font-size: 18px;
}

.ng-product-name{
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
}

.ng-product-code{
    color: #93999f;
    font-size: 12px;
    margin-bottom: 4px;
}

.ng-product-price-old{
    text-decoration: line-through;
    color: #a3a9b0;
    font-size: 12px;
    line-height: 1.2;
}

.ng-product-price{
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
}

.ng-product-price.discounted{
    color: #dc3545;
}


.ng-cell-box{
    width: 36px;
    height: 36px;
    margin: 0 auto;
    border-radius: 12px;
    background: #f2f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ng-stats-icon-circle{
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ng-stats-icon-circle i{
    color: #fff;
    font-size: 16px;
}

.ng-stats-icon i{
    font-size: 19px;
    color: #f2984a;
}

.nv-container.product-list td.ng-media-actions-column{
    width: 232px !important;
}

.ng-status-dot{
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin: 0 auto;
}

.ng-status-dot.bg-success{
    background: linear-gradient(135deg, #229a45 0%, #3dc464 100%);
    box-shadow: 0 2px 5px rgba(40,167,69,0.45);
}
.ng-status-dot.bg-danger{
    background: linear-gradient(135deg, #c82333 0%, #e4495a 100%);
    box-shadow: 0 2px 5px rgba(220,53,69,0.45);
}

.nv-container.product-list .more-icon{
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 12px !important;
}

.nv-container.product-list td.essential.ng-action{
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.product-sales-status-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-sales-status-toggle i{
    font-size: 22px;
}

.product-sales-status-toggle.ng-sales-status-on i{
    color: #28a745;
}

.product-sales-status-toggle.ng-sales-status-off i{
    color: #dc3545;
}

.ng-media-box{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 200px;
    height: 50px;
    padding: 0 16px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    margin: 0 auto;
}

.ng-icon-badge-placeholder{
    visibility: hidden;
}

.ng-icon-badge-wrap{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.ng-stock-qty-badge{
    position: absolute;
    bottom: -2px;
    right: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding:3px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #dde1e5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    font-size: 12px;
    font-weight: 800;
    color: #4a4f54;
}

.ng-combinations-icon{
    font-size: 22px;
    color: #5a67d8;
}

.ng-completion-ring{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
}

.ng-completion-ring::before{
    content: '';
    position: absolute;
    inset: 4px;
    background: #fff;
    border-radius: 50%;
}

.ng-completion-ring span{
    position: relative;
    z-index: 1;
    font-size: 8.5px;
    font-weight: 700;
    color: #333;
}

.ng-price-box{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 50px;
    padding: 0 8px;
    border-radius: 12px;
    background: #f2f3f5;
}

.ng-filters-bar{
    margin-bottom: 15px;
}

.ng-filters-switches{
    display: flex;
    flex-direction: column;
}

.ng-filters-switches .gamy-switch{
    width: 100%;
    margin-bottom: 0 !important;
    border-radius: 0;
}

.ng-filters-switches .gamy-switch:first-child{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.ng-filters-switches .gamy-switch:last-child{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* #endregion */

/* #region toggle-password */

.input-group .toggle-password{
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
    font-size: 15px;
    line-height: 1;
    z-index: 5;
}

.input-group .toggle-password:hover{
    color: #333;
}

/* #endregion */