html{
    height: 100%;
}
body{
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    margin:0;
}

img{
    max-height: 100%;
    max-width: 100%;
}

#root{
    flex: 1;    
}

.wrapper_inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    height:100%;
    overflow: initial;
    background-color: #f0f2f5;
}

.contentFrontend.ant-layout-content{
    min-height: calc(100vh - 104px) !important;
}
.ant-layout-content{
    min-height: calc(100vh - 64px) !important;
}
.wrapper_inner > .content{

    display:flex;

    flex: 1;
    min-height: 100vh;
}
.content_inner{
    /*max-width: 1300px;*/
    margin:0 auto;
    /*padding:20px;*/
    flex:1;
    /*padding-top: 100px!important;*/
    width: 100%;
}


.contentBackend{
    /*padding-bottom: 40px;*/
    height:1px;
}
.contentBackend .content_inner{
    max-width: 1300px;
}
.content_inner_padded{
    max-width: 100%;
    /*max-width: 1300px;*/
    margin:0 auto;
    /*padding:20px;*/
    flex:1;
    padding-top: 100px!important;
    display:flex;
    flex-direction:column;
}
.content_inner_padded > .container{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.content_narrow{
    max-width: 1300px;
    margin: auto;
}

.navigation-drawer .ant-drawer-body{
    padding:0px;
}

.container{
    container-type: inline-size;
}

.projectSelector > .ant-select-selector{
    padding:4px 20px !important;
    border-radius:10px !important;
}

.rowPaddingLeft{
    padding-left:114px;
}

.ant-menu-item-icon{
    width:30px;
    text-align: center;
}
.ant-menu-black{
    background-color: black !important;
}
.ant-menu-black .ant-menu-submenu .ant-menu-title-content,
.ant-menu-black > .ant-menu-item a{
    color: white !important;;
}
.ant-menu-light{
    background-color: #e4e8ef !important;
}
.ant-menu-light.ant-menu-horizontal{
    border-bottom-color: #e4e8ef;
}



.ant-menu-clear{
    background-color: transparent !important;
    border-bottom: none !important;
}
.ant-menu-clear > .ant-menu-sub{
    background-color: rgb(243,245,248) !important;
}

.ant-menu-submenu.ant-menu-clear .ant-menu-item a{
   color: black !important;
}

.ant-menu-submenu .ant-menu-item:hover{
    background-color: rgb(249,250,253);
}
.ant-menu-clear .ant-menu-item:active, .ant-menu-submenu-title:active{

}
.ant-menu-clear .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
    background-color: #000000;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover > .ant-menu-title-content > a:not(.account)::before{
    border-bottom: 1px solid black !important;
}

.menu-login a{
    background:#005b8b;
    border-radius:30px;
    margin:0 10px;
    transition:all 450ms;
    display:block;
    line-height:5px;
    text-align: center;
}
.menu-login a > span{
    color:#fff;
}
.menu-login:after,
.menu-login:hover:after{
    border-bottom:0px solid transparent !important;
    
}

.menu-login a:hover{
    transform: translateY(-3px) !important;
}

/* Override the default arrow positioning */
.ant-dropdown.flipped > .ant-dropdown-menu-vertical .ant-dropdown-menu-title-content {
    margin-left: 14px;
}
.ant-dropdown.flipped > .ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-arrow {
    inset-inline-start: 8px;
    transform: rotate(180deg);
    width: 8px;
}



.scroll_header_top_area.clear .ant-menu-clear .ant-menu-submenu .ant-menu-title-content,
.scroll_header_top_area.clear .ant-menu-clear a{
    color: white !important;;
}
.scroll_header_top_area.light .ant-menu-clear .ant-menu-submenu .ant-menu-title-content,
.scroll_header_top_area.light .ant-menu-clear a{
    color: black !important;
}



.main_menu_drawer .ant-menu-item:hover,
.main_menu_drawer .ant-menu-item-active,
.main_menu_drawer .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.main_menu_drawer .ant-menu-submenu-active,
.main_menu_drawer .ant-menu-submenu-title:hover {
    color: #1890ff !important;
}
.main_menu_drawer .ant-menu-item {
    color: black;
}

.ant-menu-item.submenuItem{
    padding-left:47px !important;
    height:26px !important;
    background: rgba(218,224,233,1);
    background: linear-gradient(90deg, rgba(228,232,239,1) 0%, rgba(218,224,233,1) 20%, rgba(218,224,233,1) 100%);
    margin: 0 !important;
    top: -7px;
}

.main_menu_drawer .ant-menu-submenu .ant-menu-title-content i{
    display: none;
}

.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-submenu-title{
    padding-right:16px !important;
}




.ant-menu{
    font-size: 16px !important;
    font-family: SoleilLight;
    font-weight: 300;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after{
    border-bottom: 2px solid black !important;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after{
    border-bottom: 1px solid black !important;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu{
    padding: 0 !important;
}

.ant-menu-overflow-item .ant-menu-title-content > a,
.ant-menu-overflow-item .ant-menu-title-content > span{
    margin: 0 0 0 25px;
    display: block;
}
/*
.ant-menu-overflow-item:first-child .ant-menu-title-content > a,
.ant-menu-overflow-item:first-child .ant-menu-title-content > span{
    margin: 0px 25px 0 0;
}
*/
.ant-menu-overflow-item:last-child .ant-menu-title-content > a,
.ant-menu-overflow-item:last-child .ant-menu-title-content > span{
    margin: 0px 0 0 25px;
}
@media only screen and (max-width: 1500px) {
    .ant-menu{
        font-size: 12px !important;
    }
    .ant-menu-horizontal > .ant-menu-item,
    .ant-menu-horizontal > .ant-menu-submenu{
        /*padding: 0 10px !important;*/
    }
}
@media only screen and (max-width: 1162px) {
    .mainNavLogoContainer{
        width:260px;
    }
}
@media only screen and (min-width: 1162px) and (max-width: 1300px) {
    .mainNavLogoContainer{
        width:260px;
    }
}
@media only screen and (min-width: 1300px) {
    .mainNavLogoContainer{
        width:260px;
    }
}
@media only screen and (max-width: 1110px) {
    .header_bottom {
        padding: 0 40px;
    }
}


.navLogo{
    height: 90px;
    visibility: visible;
    display: block;
    background-size: contain;
}

.main_menu_drawer .navLogo,
.scroll_header_top_area .navLogo{
    background-repeat: no-repeat;
    background-position: center;
}
.scroll_header_top_area.clear .navLogo{
    background-image: url("/images/logo.png");
}

.main_menu_drawer .navLogo,
.scroll_header_top_area.light .navLogo,
.scroll_header_top_area.dark .navLogo{
    background-image: url(/images/logo-inner_v3.png);
}




@media (max-width:700px){
    .main_menu{
        width:50px;
        background-color: #001529 !important;
    }
    .rowPaddingLeft{
        padding-left:0px;
    }

    .ant-menu-light{
        background-color: #dcdee2 !important;
        color: black !important;
    }
}

.ant-menu-overflow{
    justify-content: right;
}
.ant-menu-overflowed-submenu{
    margin: auto !important;
}
.ant-menu-overflowed-submenu{
    margin: auto;
    min-width: 100%;
    text-align: center;
}


.ant-list.antList1 .ant-list-header{
    padding: 7px 0px;
    background-color: rgb(255 200 125);;
    text-align: center;
}

/*  FORMS  */

.ant-form .ant-form-item-control-input-content > input,
.ant-form .ant-form-item-control-input-content .ant-input-wrapper > input,
.ant-form .ant-form-item-control-input-content .ant-input-number > .ant-input-number-input-wrap > input,
.ant-form .forceFocus > input{
    min-height: 47px;
    padding-top: 16px;
}
.ant-form .ant-select-selection-placeholder,
.ant-form input::placeholder{
    color:#c5c5c5;
}
.ant-select-selection-search{
    display:flex;
}
.ant-select-selection-search > .ant-select-selection-search-input{
    margin:auto !important;
}

.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{
    content: '' !important;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::after{
    display: inline-block;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: '*';
}

.ant-form-item.required input::placeholder{
    color: pink;
}

.ant-form-item-control-input-content{
    /*display:flex;*/
}

.ant-form .ant-form-item-control-input-content:has(> textarea){
    /*background-color: #edf3f7 !important;*/
    background-color: white !important;
    border: none !important;
    border-radius: 10px !important;
    /*overflow: hidden;*/
}
.ant-form.whiteBG .ant-form-item-control-input-content:has(> textarea){
    background-color: #dee9f1 !important;
}


.ant-form .ant-form-item-control-input-content:has(> textarea:focus){
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-form .custom-form-item .ant-form-item{
    margin-bottom:0;
}

.custom-form-item textarea{
    margin-top: 22px;
    box-shadow: initial !important;
    background-color: transparent !important;
    padding-top: 0px !important;
    border: none;
}


.custom-form-item {
    position: relative;
    margin-bottom: 20px;
}

.custom-form-item input {
    padding-top: 10px;
    background: none;
    outline: none;
    border: none;
    width: 100%;
}
.custom-form-item .ant-input-number {
    background: none;
    outline: none;
    border: none;
    width: 100%;
    border-radius: 10px;
}

.custom-form-item .custom-label {
    position: absolute;
    top: 19px;
    left: 11px;
    font-size: 14px;
    color: #8b8b8b;
    transition: all 0.3s ease;
    pointer-events: none;
}
.custom-form-item.required:has(input:invalid) .custom-label::after {
    /*color: #762e2e;
    content: " *";
    color: red*/
}
.custom-form-item:has(.ant-input-prefix) .custom-label {
    left:35px;
}

.custom-form-item.required > .ant-form-item:has(input:not([type="search"]):is([value=""])):not(.ant-select-selection-search-input) + .custom-label::after,
.custom-form-item.required > .ant-form-item:has(.ant-select-selector):not(:has(.ant-select-selection-item)) + .custom-label::after,
/*.custom-form-item.required > .ant-form-item:has(input:focus) + .custom-label::after,*/
.custom-form-item.required > .ant-form-item:has(.ant-input:is([placeholder]:placeholder-shown)) + .custom-label::after,
.custom-form-item.required > .ant-form-item:has(.myCKEditor:not(.has-value)) + .custom-label::after
/*.custom-form-item.required > .ant-form-item:has(input[placeholder]:not(:placeholder-shown)) + .custom-label::after,*/
/*.custom-form-item.required > .ant-form-item:has(.ant-input:focus) + .custom-label::after*/
{
    content: " *";
    color: red !important;
}

.custom-form-item input:focus {
    border-bottom-color: #555;
}

.ant-form-item:has(input:is([value]:not([value=""])):not(.ant-select-selection-search-input)) + .custom-label,
.custom-form-item  > .ant-input-group-wrapper:has(input:is([value]:not([value=""])):not(.ant-select-selection-search-input)) + .custom-label,
.ant-form-item:has(.ant-select-selection-item) + .custom-label,
.custom-form-item:has(.ant-select-selection-item) > .custom-label,
.custom-form-item:has(.ant-select-selector):not(:has(.ant-select-selection-placeholder)) > .custom-label,
.ant-form-item:has(input:focus) + .custom-label,
.custom-form-item:has(textarea:focus) > .custom-label,
.ant-form-item:has(.ant-input[placeholder]:not(:placeholder-shown)) + .custom-label,
.custom-form-item:has(.ant-input > textarea[placeholder]:not(:placeholder-shown)) > .custom-label,
.ant-form-item:has(input[placeholder]:not(:placeholder-shown)) + .custom-label,
.ant-form-item:has(.ant-input:focus) + .custom-label,
.ant-form-item:has(.has-value) + .custom-label,
.ant-form-item:has(.ck-focused) + .custom-label,
.custom-form-item.forceFocus > .ant-form-item + .custom-label,
.custom-form-item.forceFocus > .ant-input-number + .custom-label,
.custom-form-item.forceFocus > input + .custom-label,
.custom-form-item.forceFocus > input + .custom-label,
.custom-form-item:has(.myCKEditor:not(.no-toolbar)) > .ant-form-item + .custom-label,
.custom-form-item:has(.ant-select-selection-overflow-item:not(.ant-select-selection-overflow-item-suffix)) +.custom-label
{
    font-size: 14px;
    top: 0px;
    color: #4cadc9;
}

.ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    z-index: 0 !important;
}

.custom-form-item input[type="text"],
.custom-form-item input[type="email"],
.custom-form-item input[type="url"],
.custom-form-item input[type="password"],

.custom-form-item input[type="search"],
.custom-form-item input[type="tel"],
.custom-form-item input[type="number"],
.custom-form-item input[type="date"],
/*.custom-form-item textarea,*/
.custom-form-item select,
.custom-form-item .ant-select-selector,
.custom-form-item .ant-picker{
    /*
    padding-top:25px !important;
    padding-bottom:10px !important;
    */
}

form.style1 .custom-form-item.darker input,
form.style1 .custom-form-item.darker textarea,
form.style1 .custom-form-item.darker .ant-input-affix-wrapper,
form.style1 .custom-form-item.darker .ant-select-selector,
/*form.style1 .custom-form-item.darker .ant-select-selection-item,*/
form.style1 .custom-form-item.darker .ant-picker{
    background-color: #dde8f1 !important;
}
form.style1 .custom-form-item.darker .ant-select-selection-item{
    background-color: #d2dadf !important;
}


/*general*/

.flexColumn{
    display: flex;
    flex-direction: column;
}
.flexItem{
    flex: 1 1 0%;
    height: 1px;
}
.flexItem > .ant-form-item-row{
    flex:1;
    height: 1px;
    flex-direction: column;
}
.flexItem .ant-form-item-control-input,
.flexItem .ant-form-item-control-input-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}


.ellipsis1,
.ellipsis2,
.ellipsis3,
.ellipsis4,
.ellipsis4 > pre,
.ellipsis10,
.ellipsis10 > pre{
    display: -webkit-box;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis1{
    -webkit-line-clamp: 1;
}
.ellipsis2{
    -webkit-line-clamp: 2;
}
.ellipsis3{
    -webkit-line-clamp: 3;
}
.ellipsis4,
.ellipsis4 > pre{
    -webkit-line-clamp: 4;
}
.ellipsis10,
.ellipsis10 > pre{
    -webkit-line-clamp: 10;
}

.hrTitle{
    border-bottom: 1px solid lightgray;
    width: 80%;
    margin: auto;
    text-align: center;
    position: relative;
    top: -12px;
    opacity: .3;
    cursor: pointer;
    user-select: none;
}
.hrTitle > span{
    background-color: white;
    top: 12px;
    position: relative;
    padding: 0 15px;
}
.hrTitle:hover{
    opacity: 1;
}

.flex-container{
    display:flex;
}
.flex-container > *{
    flex:1;
}


/*upload*/

.ant-upload{
    width:100%;
}
form.style1 .custom-form-item .ant-upload-list{
    min-height: 30px;
}
.ant-upload-list .ant-upload-list-item-container{
    width:100%;
}

.ant-upload .btnContainer{
    display: flex;
}
.ant-upload-wrapper:not(.leftAligned) .ant-upload .btnContainer{
    justify-content: right;
}

.UploadAtMax > *{
    display:flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
.UploadAtMax .ant-upload-drag{
    min-width:245px !important;
    /*margin-left:20px;*/
    flex: 1 1;
}
.UploadAtMax .ant-upload-list{
    flex:999999;
}
.UploadAtMax .ant-upload-list-item{
    margin-top: 0px;
}
.uploaderWrapper.addBottom  {
    display: flex;
    flex-direction: column-reverse;
}
.uploaderWrapper.buttonRight > .ant-upload > span > div{
    display: flex;
}
.uploaderWrapper.buttonRight > .ant-upload > span > div > .ant-btn{
    margin-left: auto;
}
.uploaderWrapper.addBottom .ant-upload-list-item{
    margin-top: 0;
    margin-bottom: 8px;
    background-color: white;
}
.ant-upload-list-item:hover{
    background-color: rgb(247 247 247) !important;
}
.ant-upload-list-item-actions > button{
    padding:5px !important;
}


.uploaderWrapper.compact1 .ant-upload-list{
    display:flex;
}
.uploaderWrapper.compact1 .ant-upload-list .ant-upload-list-item-container{
    padding: 0 5px;
    flex: 1;
    overflow: hidden;
}
.uploaderWrapper.compact1 .ant-upload-list-item{
    flex-direction: column;
    height: 84px !important;
}
.uploaderWrapper.compact1 .ant-upload-list-item-name{
    width: 100%;
    text-align: center;
}


.readOnly.ant-input-group-wrapper{
    border-radius: 10px;
    top: -4px;
    position: relative;
}
.readOnly .ant-input{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: rgb(240, 242, 245);
}
.readOnly .ant-input-group-addon{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.readOnly .ant-input-group-addon > button{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.readOnly.ant-input{
    border-radius: 10px;
    background-color: rgb(240, 242, 245);
    top: -4px;
}

.ant-select.searchIcon .ant-select-selection-search{
    padding-left:20px;
}
.ant-select.roundedBorders .ant-select-selector{
    border-radius:10px !important;
}
.ant-select.noPadding .ant-select-selector{
    padding:0px 4px 0px !important;
}

@media only screen and (max-width: 899px) {
    .ant-form-item{
        margin-bottom: 6px !important;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="number"],
    input[type="date"],
    textarea,
    select,
    .ant-select-selector{
        padding: 18px 15px 8px !important;
    }
    .ant-input-group-addon > button{
        padding: 7px 22px 7px !important;
        height: auto !important;
    }
    .ant-input-group-addon .ant-btn-icon{
        padding: 11px 8px 11px !important;
    }

    :not(.massSelect):not(.autoHeight):not(.ant-pagination-options-size-changer) > .ant-select-selector{
        height: initial !important;
       /* padding: 5px 15px 5px !important;*/
    }

    h1, h2, h3{
        margin: 0 0 3px !important;
        padding-top: 10px;
    }

 
    .ant-col-xs-24.ant-form-item-label{
        padding:0px !important;
    }
}

    :not(.massSelect):not(.autoHeight):not(.ant-pagination-options-size-changer) > .ant-select-selector{
        height: initial !important;
        padding: 19px 15px 6px !important;
    }


.ant-picker{
    width:100%;
    padding: 0px 10px !important;
}

/* Form - style1 */
form.style1{
    font-family: Soleil;
}
form.style1 h3{
    color: #50A6F1;
}
form.style1 .ant-row{
    column-gap:20px;
}
form.style1 .ant-form-item-control-input input,
form.style1 .ant-form-item-control-input textarea,
form.style1 .ant-form-item-control-input .ant-input-affix-wrapper,
form.style1 .ant-form-item-control-input .ant-select-selector,
/*form.style1 .ant-form-item-control-input .ant-select-selection-item,*/
form.style1 .ant-form-item-control-input .ant-picker,
form.style1 .ant-form-item-control-input .custom-form-item .ant-upload-wrapper{
    /*background-color:#edf3f7 !important;*/
    background-color:white !important;
    color: black;
    /*font-weight: bold !important;*/
    border: none !important;
    border-radius: 10px !important;
    line-height: 26px;
    padding: 20px 10px 8px 10px;
}

form.style1 .ant-form-item-control-input .ant-input-affix-wrapper{
    padding:0 5px 0 0;
}
.ant-form-item-explain-error{
    margin-left: 17px;
}
form .ant-form-item.skinny input{
    min-height: auto;
    padding: 8px 10px 8px 10px;
}
form input.clearBG{
    background-color: transparent !important;
}
form.style1.whiteBG input:not(.clearBG),
form.style1.whiteBG textarea,
form.style1.whiteBG .ant-input-affix-wrapper,
form.style1.whiteBG .ant-select-selector,
/*form.style1 .ant-select-selection-item,*/
form.style1.whiteBG .ant-picker,
form.style1.whiteBG .ant-mentions,
form.style1.whiteBG .ant-mentions>textarea{
    background-color:#dee9f1 !important;
}
form.style1 .ant-select-selection-overflow-item > .ant-select-selection-item{
    padding: 7px;
    height: 34px;
    border-radius: 5px;
    /*background: #ffffff;*/
}
form.style1.whiteBG .ant-select-selection-overflow-item > .ant-select-selection-item{
    background: #ffffff;
}
form.style1 input.ant-input-disabled{
    background-color: #f0f2f3 !important;
}

form.style1 .ant-input-affix-wrapper .anticon.ant-input-password-icon{
    color:black;
}

form.style1 ::placeholder,
form.style1 .ant-select-selection-placeholder{
    color: #585858 !important;
}
form.style1 textarea{
    padding:0 17px 17px 17px;
}
form.style1 h3{
    padding-top:30px;
    font-family: Soleil;
}
form.style1 .ant-checkbox:not(.ant-checkbox-checked) > .ant-checkbox-inner{
    background-color: #f6fafd;
}

.style2 .custom-form-item input,
.style2 .custom-form-item > .ant-select > .ant-select-selector{
    line-height: 26px;
    padding: 20px 10px 8px 10px;
}

/*
.wysiwyg-editor{
    min-height: 350px;
}
.wysiwyg-wrapper .rdw-option-wrapper{
    padding: 13px 8px;
}
.wysiwyg-editor ul{
 list-style-position: outside;
}
*/


.smallUploadArea .ant-upload-drag-container > div{
    display: flex;
}
.smallUploadArea.ant-upload.ant-upload-drag{
    background: transparent !important;
    border: none !important;
}
.smallUploadArea .ant-upload-drag-container>div{
    background: #fafafa;
    border: 1px dashed #d9d9d9;
    padding: 5px 0;
}

.smallUploadArea .ant-upload-drag-container > div > div:first-child{
    width:80px;
    height:50px;
}
.smallUploadArea .ant-upload-drag-container > div  > div:nth-child(2){
    flex:1;
}
.smallUploadArea .ant-upload{
    padding: 0 !important;
}
.ant-upload-list-item-image{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
@media (min-width:900px) {
    .ant-upload-list-item .ant-upload-list-item-card-actions-btn {
        opacity: 0 !important;
    }
    .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn{
        opacity: 1 !important;
    }
}

/* cards */
.ant-card.red-card.selected{
    webkit-box-shadow: 0 1px 2px -2px rgb(255 0 0 / 16%), 0 3px 6px 0 rgb(255 0 0 / 12%), 0 5px 12px 4px rgb(255 0 0 / 9%);
    box-shadow: 0 1px 2px -2px rgb(255 0 0 / 16%), 0 3px 6px 0 rgb(255 0 0 / 12%), 0 5px 12px 4px rgb(255 0 0 / 9%);
}
.ant-card:hover.red-card.selected{
    webkit-box-shadow: 0 1px 22px -2px rgb(255 0 0 / 16%), 0 3px 6px 0 rgb(255 0 0 / 12%), 0 5px 12px 4px rgb(255 0 0 / 9%);
    box-shadow: 0 1px 22px -2px rgb(255 0 0 / 16%), 0 3px 6px 0 rgb(255 0 0 / 12%), 0 5px 12px 4px rgb(255 0 0 / 9%);
}
.ant-card.green-card.selected{
    webkit-box-shadow: 0 1px 2px -2px rgb(0 128 21 / 16%), 0 3px 6px 0 rgb(0 128 21 / 12%), 0 5px 12px 4px rgb(0 128 21 / 9%);
    box-shadow: 0 1px 2px -2px rgb(0 128 21 / 16%), 0 3px 6px 0 rgb(0 128 21 / 12%), 0 5px 12px 4px rgb(0 128 21 / 9%);
    background-color: #f7f7f7;
}
.ant-card:hover.green-card.selected{
    webkit-box-shadow: 0 1px 22px -2px rgb(0 128 21 / 16%), 0 3px 6px 0 rgb(0 128 21 / 12%), 0 5px 12px 4px rgb(0 128 21 / 9%);
    box-shadow: 0 1px 22px -2px rgb(0 128 21 / 16%), 0 3px 6px 0 rgb(0 128 21 / 12%), 0 5px 12px 4px rgb(0 128 21 / 9%);
}
.ant-card.cardFlex{
    display: flex;
    flex-direction: column;
}
.ant-card.cardFlex > .ant-card-body{
    flex:1;
}


/*scrolling*/
.customScroll1{
    overflow-y:auto;
}
.customScroll1::-webkit-scrollbar {
    width: 4px;
}

.customScroll1::-webkit-scrollbar-track {
    border-radius: 8px;    
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.customScroll1::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #707070;
}

/*shadow*/
.dropshadow1{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

/* form */
.ant-form.ant-form-horizontal .ant-form-item-label>label,
input[type="password"]{
    padding: 17px 15px 18px;
}

.homeWrap{
    display:flex;
    flex-direction: column;
}
.homeWrap > .homeWrapImage{
    flex: 1 1 0%;
    flex-grow: 2;
    /*min-width:750px;
    max-width: 750px;*/
    margin: auto;
}
.homeWrap > .homeWrapInfo{
    flex: 1 1 0%;
    flex-grow: 1;
    max-width: 900px;
    margin: auto;
    background-color: white;
    border-radius: 20px;
    min-width: 450px;
}
@media (min-width:1600px) {
    .homeWrap{
        display:flex;
        flex-direction: row;
    }
    .homeWrap > .homeWrapImage{
        margin: initial;
    }
    .homeWrap > .homeWrapInfo{
        background-color: transparent;
        padding-right: 70px;
    }
    .homeWrap ol{
        padding: 10px;
    }
}
.homeWrap ol{
    list-style-type: none;
    padding: 20px;
}
.homeWrap ol ul{
    margin-left:40px;
    margin-top:10px;
    list-style-position: inherit;
    list-style-type: disc;
}

/*
.ant-input-affix-wrapper{
    padding: 17px 15px 18px !important;
}
*/
form#register .ant-form-item-label{
    width:200px;
}


.autoHeight > .ant-select-selector{
    height: 100% !important;
}
.noPadding > .ant-select-selector{
    padding:0 !important;
}
.autoHeight .ant-select-selection-item{
    height: 100% !important;
}

.ant-select.noBorder .ant-select-selector{
    border:none !important;
}
.ant-select .ant-select-selection-item{
    height:30px;
}

    /* tabs */
.ant-tabs.ant-tabs-box{
}
.ant-tabs.ant-tabs-box > .ant-tabs-nav{
    margin-bottom: 0px;
}
.ant-tabs.ant-tabs-box > .ant-tabs-content-holder{
    /*border: 1px solid lightgray;*/
}

.ant-tabs.widePadding .ant-tabs-tab{
    padding: 8px 36px;
}
.ant-tabs.widePadding > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list{
    gap: 10px;
}

.ant-tabs.fullWidth .ant-tabs-nav-list{
    max-width: 1300px;
    margin: auto;
}

.ant-tabs.contentPadding > .ant-tabs-content-holder{
    padding: 0 24px;
    width:auto;
}

.author-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap{
    margin: 0 30px 0 20px;
} 
.author-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list{
    flex:1;
}



.ant-tabs.flexTabs .ant-tabs-content-holder{
    display:flex;
    flex-direction: column;
}
.ant-tabs.flexTabs .ant-tabs-content-holder > .ant-tabs-content{
    display:flex;
    flex:1;
    flex-direction: column;
    height: 1px;
}
.ant-tabs.flexTabs .ant-tabs-content-holder > .ant-tabs-content > div:not(.ant-tabs-tabpane-hidden){
    display:flex;
    flex:1;
    flex-direction: column;    
    height: 1px;
}


.ant-tabs .ant-tabs-tab{
    /*background-color: #f3f3f3 !important;*/
}
.ant-tabs .ant-tabs-tab.ant-tabs-tab-active{
    /*background-color: #ffffff !important;*/
}

/*Design 2*/
.ant-tabs.ant-tabs-card.design2 > .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active), 
.ant-tabs.ant-tabs-card.design2 > div > .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active){
    background: #dddddd;
}
.ant-tabs.ant-tabs-card.design2 > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active, 
.ant-tabs.ant-tabs-card.design2 > div > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{
    background-color: #ababab;
}

.ant-tabs.ant-tabs-card.design2 > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
    color:white;
}
.ant-tabs.ant-tabs-card.design2.ant-tabs-top > .ant-tabs-nav::before{
    border-bottom:none;
}   
.ant-tabs.ant-tabs-card.design2 .ant-tabs-nav-list{
        width: 99%;
        display: flex;
}
.ant-tabs.ant-tabs-card.design2 .ant-tabs-tab{
    flex:1;
    justify-content: center;
}
.ant-tabs.ant-tabs-card.design2 .ant-tabs-tab-btn i{
    position: absolute;
    right: 2px;
    top: 3px;
    color: #7882ff;
}
.ant-tabs.ant-tabs-card.design2 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn i{
    color: #edefff;
}

/*Design 3*/
.ant-tabs.ant-tabs-card.design3 > .ant-tabs-nav .ant-tabs-tab, 
.ant-tabs.ant-tabs-card.design3 > div > .ant-tabs-nav .ant-tabs-tab{
    background: #dddddd !important;
    border-radius: 8px;
}
.ant-tabs.ant-tabs-card.design3 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{}

.ant-tabs.ant-tabs-card.design3 > .ant-tabs-nav .ant-tabs-tab:has(.current), 
.ant-tabs.ant-tabs-card.design3 > div > .ant-tabs-nav .ant-tabs-tab:has(.current){
    background-color: #c7c7c7 !important;
}

.ant-tabs.ant-tabs-card.design3 .ant-tabs-tab{
    margin: 0 0 3px 0;
}
.ant-tabs.ant-tabs-card.design3 .ant-tabs-tab.ant-tabs-tab-active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px; /* Adjust this value to create space */
    height: 2px;
    width: 100%;
    background: black;
}

.ant-tabs.ant-tabs-card.design3 > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
    color:black;
}
.ant-tabs.ant-tabs-card.design3.ant-tabs-top > .ant-tabs-nav::before{
    /*border-bottom:none;*/
}   
.ant-tabs.ant-tabs-card.design3 .ant-tabs-nav-list{
        width: 99%;
        display: flex;
}
.ant-tabs.ant-tabs-card.design3 .ant-tabs-tab{
    flex:1;
    justify-content: center;
}
.ant-tabs.ant-tabs-card.design3 .ant-tabs-tab-btn i{
    padding-right: 5px;
    color: #757cd3;
    opacity: .5;
}
.ant-tabs.ant-tabs-card.design3 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn i{
    /*color: #edefff;*/
}

/* tabs - custom */
.ant-tabs.ant-tabs-card.design3 > .ant-tabs-nav .ant-tabs-tab[data-node-key=stageTab_core],
.ant-tabs.ant-tabs-card.design3 > div > .ant-tabs-nav .ant-tabs-tab[data-node-key=stageTab_core]{
    flex: 0;
    margin-right: 20px;
    background: #f7f7f7 !important;
}

.ant-tabs.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab[data-node-key=main_stages]{
    /*background: #f1f1f1 !important;*/
    box-shadow: rgba(0, 0, 0, 0.3) 0px 39px 18px, rgba(0, 0, 0, 0.22) 0px 35px 12px;
}



/* tables */
.ant-table-row.inactive{
    background-color: #f5f5f5;
}
.ant-table-tbody > tr.ant-table-row:hover > td.totalColumn{
    background-color: #e1e1e1;
}
.ant-table-tbody > tr.ant-table-row:hover > td.lightGreyColumn{
    background-color: #ececec;
}
.ant-table-row.totalRow{
    background-color: #d3d3d3;
}
.ant-table-row:not(.totalRow) > .totalColumn{
    background-color: #e9e9e9;
}
.ant-table-row:not(.totalRow) > .lightGreyColumn{
    background-color: #f5f5f5;
}

.ant-table-wrapper.scrollTable{
    display: flex;
}
.ant-table-wrapper.scrollTable .ant-table-body{
    /*overflow-y: auto !important;*/
}
.ant-table-wrapper.scrollTable > div{
    display: flex;
    flex: 1;
    width: 100%;
}
.ant-table-wrapper.scrollTable > div > div{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.ant-table-wrapper.scrollTable .ant-table{
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 1px;
}
.ant-table-wrapper.scrollTable .ant-table-container {
    display: flex;
    flex-direction: column;
    height: 1px;
    flex: 1;
}
.ant-table-wrapper.scrollTable .ant-table-body {
    overflow-y: auto !important;
    max-height: max-content;
    height: 1px;
    flex: 1;
}

.ant-table-wrapper.scrollTable .ant-table-body::-webkit-scrollbar {
    width: 4px;
}
.ant-table-wrapper.scrollTable .ant-table-body:-webkit-scrollbar-track {
    border-radius: 8px;    
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.ant-table-wrapper.scrollTable .ant-table-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #707070;
}


.ant-table-tbody .editable-row:hover .editable-cell-value-wrap {
    padding: 4px 11px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}
.row-dragging{
    z-index: 99999;
}

.ant-table-tbody .greyRow .ant-table-column-sort{
    background-color:#f3f3f3;
}
.ant-table-tbody .greyRow{
    background-color:#f7f7f7;
}

.ant-table-wrapper.noPadding .ant-table-tbody td{
    padding:4px 0 0 9px;
}

.ant-table-wrapper .ant-table-tbody td{
    vertical-align: middle;
}
.ant-table-wrapper.noPagination .ant-pagination-prev,
.ant-table-wrapper.noPagination .ant-pagination-item,
.ant-table-wrapper.noPagination .ant-pagination-next{
    display: none;
}

.ant-table-row.dividerRow > td{
    border-top: 1px solid black;
}

.ant-table-row.titleRow{
    background-color:#d7f4ed;
    font-weight: bold;
}

.ant-table-row:not(.titleRow) > .ant-table-cell.darkColumn{
    background-color: #f5f5f5;
}
.ant-table-tbody > tr.ant-table-row:hover > td.darkColumn{
    background-color: #ececec;
}
.ant-table-row.darkRow{
    background-color: #f4f4f4;
}
.ant-table-row.darkRow > .ant-table-cell.darkColumn{
    background-color: #e9e9e9;
}
.ant-table-row.darkRow:hover > .ant-table-cell.darkColumn{
    background-color: #dddddd;
}

.ant-table-tbody > tr.boldRow{
    font-weight: bold;
}



.ant-table-wrapper.ticketSummary table{
    /*font-size: 9px;*/
}
.ant-table-wrapper.ticketSummary .ant-table-thead > tr > th, 
.ant-table-wrapper.ticketSummary .ant-table-tbody > tr > td, 
.ant-table-wrapper.ticketSummary .ant-table tfoot > tr > th, 
.ant-table-wrapper.ticketSummary .ant-table tfoot > tr > td{
    padding: 0;
}


/* layout */
.ant-col-xs-21-i {
    display: block;
    -ms-flex: 0 0 87.5% !important;
    flex: 0 0 87.5% !important;;
    max-width: 87.5% !important;;
}

/* Sider menu tooltip */
.ant-menu-inline-collapsed-tooltip.ant-tooltip {
    padding-left: 5px; /* Adjust this value to move the Tooltip horizontally */
}
.ant-tooltip.ant-tooltip-placement-bottom > .ant-tooltip-arrow{
    top:1px !important;
}
.ant-tooltip.blackText .ant-tooltip-inner{
    color:black;
}

@media only screen and (max-width: 1500px) {
    /*
    .ant-layout-sider:not(.ant-layout-sider-collapsed){
        flex: 0 0 150px !important;
        max-width: 150px !important;
        min-width: 150px !important;
        width: 150px !important;
    }*/
    .ant-layout-sider:not(.ant-layout-sider-collapsed) .ant-layout-sider-trigger{
        width: 150px !important;
    }
}
.ant-layout-sider-children .ant-menu > .ant-menu-item  > i,
.ant-layout-sider-children .ant-menu-submenu .ant-menu-item-icon{
    font-size: 1.2em;
    text-align: center;
    justify-content: center;
    margin-right: 20px;
}
.ant-layout-sider .ant-layout-sider-trigger{
    background: #cbcfd5 !important;
}


/* buttons */
/*
.ant-btn{
    height:initial !important;
    width: initial !important;
}
*/
.ant-btn:disabled{
    /*opacity:.3;*/
}

.ant-btn.btn-transparent{
    background-color: transparent;
}

.ant-btn.btn-white{
    background-color: white;
    border-color: #afafaf;
    color:black;
}
.ant-btn.btn-white:hover,
.ant-btn.btn-white:focus{
    color:black;
    background-color: #ebebeb;
    border-color: #d3d3d3;
}

.ant-btn.btn-grey{
    background-color: darkgray;
    border-color: #757575;
}
.ant-btn.btn-grey:hover,
.ant-btn.btn-grey:focus{
    background-color: #cecece;
    border-color: darkgray;
}

.ant-btn.btn-lightgrey{
    background-color: #e6e6e6;
    border-color: #afafaf;
}
.ant-btn.btn-lightgrey:hover,
.ant-btn.btn-lightgrey:focus{
    color:black;
    background-color: #cecece;
    border-color: darkgray;
}


.btn-round-blue{
    background-color: #01a5f8 !important;
    color: #fff !important;
    border: 0 none !important;
    font-size: inherit !important;
    width: 230px;
    flex-shrink: 0;
    border-radius: 50px !important;
    text-transform: capitalize !important;
}
.btn-blue{
    background-color: #01a5f8 !important;
    color: #fff !important;
    border: 0 none !important;
}

.ant-btn.btn-blue{
    background-color: #01a5f8 !important;
    border: 1px solid #006ba1 !important;
}
.ant-btn.btn-blue:hover,
.ant-btn.btn-blue:focus{
    color:black;
    background-color: #008cd3 !important;
}

.ant-tag.tag-lightblue{
    background-color: rgb(220, 241, 247);
    border: 1px solid #c3d8dd;
}


/*
:not(.ant-btn-text).ant-btn.btn-lightblue{
    background-color: #f1fdff;
    border-color: #b8d3d7;
}
:not(.ant-btn-text).ant-btn.btn-lightblue:hover,
:not(.ant-btn-text).ant-btn.btn-lightblue:focus{
    color:black;
    background-color: #dff7fb;
    border-color: #9cd7df;
}
*/

.ant-btn-link.ant-btn.btn-lightblue,
.ant-btn-text.ant-btn.btn-lightblue,
a.btn-lightblue{
    color: cornflowerblue;
    background: none;
}
.ant-btn-link.ant-btn.btn-lightblue:hover,
.ant-btn-link.ant-btn.btn-lightblue:focus,
.ant-btn-text.ant-btn.btn-lightblue:hover,
.ant-btn-text.ant-btn.btn-lightblue:focus,
a.btn-lightblue:hover,
a.btn-lightblue:focus{
    color:#507ccc;
}

.btn-text-lightblue{

}
.ant-btn.btn-text-lightblue:hover{
    background-color: #1890ff2e !important;
}

.ant-btn.btn-teal{
    color:white;
    background-color: #09a9a9;
    border-color: #078989;
}
.ant-btn.btn-teal:hover,
.ant-btn.btn-teal:focus{
    color:white;
    background-color: #0b9393;
    border-color: #064848;
}
.ant-btn.btn-red{
    color:white;
    background-color: #a90100;
    border-color: #780100;
}
.ant-btn.btn-red:hover,
.ant-btn.btn-red:focus{
    color:white;
    background-color: #900100;
    border-color: #780100;
}


.ant-btn.btn-gray{
    color:black;
    background-color: #ececec;
    border-color: #d1d1d1;
}
.ant-btn.btn-gray:hover,
.ant-btn.btn-gray:focus{
    color:black;
    background-color: #dddddd;
    border-color: #acacac;
}
.ant-dropdown-menu-item.btn-gray{
    color:black;
    background-color: #ececec;
    border-color: #d1d1d1;
}
.ant-dropdown-menu-item.btn-gray:hover,
.ant-dropdown-menu-item.btn-gray:focus{
    color:black;
    background-color: #dddddd;
    border-color: #acacac;
}



.ant-btn.btn-green{
    color:white;
    background-color: #28a745;
    border-color: #28a745;
}
.ant-btn.btn-green:hover,
.ant-btn.btn-green:focus{
    background-color: #218838;
    border-color: #1e7e34;
}
.ant-dropdown-menu-item.btn-green{
    color:white;
    background-color: #28a745;
    border-color: #28a745;
}
.ant-dropdown-menu-item.btn-green:hover,
.ant-dropdown-menu-item.btn-green:focus{
    background-color: #218838;
    border-color: #1e7e34;
}


.ant-btn.btn-brown{
    color:white;
    background-color: #a76827;
    border-color: #a76d22;
}
.ant-btn.btn-brown:hover,
.ant-btn.btn-brown:focus{
    background-color: #915b24;
    border-color: #7e470d;
}

.hoverButton {
    transition: width 0.5s ease;
    text-align: left !important;
    overflow: hidden;
    border-radius: 20px !important;
    width:32px;
    padding-left: 9px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
}
.hoverButton:hover {
    color: #ff7875 !important;
    border-color: #ff7875 !important;
}
.hoverButton.hover-blue:hover {
    color:white !important;
    background-color: #40a9ff !important;
    border-color: #40a9ff !important;
}


.hoverButton[data-width="90px" ]:hover{width:  90px !important;}
.hoverButton[data-width="100px"]:hover{width: 100px !important;}
.hoverButton[data-width="110px"]:hover{width: 110px !important;}
.hoverButton[data-width="120px"]:hover{width: 120px !important;}
.hoverButton[data-width="130px"]:hover{width: 130px !important;}

.hoverText {
    transition: width 0.5s ease;
    display: none;
}
.hoverButton:hover .hoverText {
    display: inline-block;
}










.ant-input-search .ant-input-affix-wrapper{
    padding:0 5px 0 0;
}



.search-input{
    display: flex !important;
    align-items: center;
}
.search-input .ant-input-affix-wrapper{
    flex:1;
    border:none;
    font-size:inherit;
    color:inherit;
    padding:10px 70px;
    background: url(images/icon-search-blue.png) no-repeat 28px 50% / 14px auto;
    appearance:none;
    border-radius:0
}
.search-input .ant-input-affix-wrapper:hover{

}
.search-input .ant-input-affix-wrapper:focus,
.search-input .ant-input-affix-wrapper-focused{
    border:none;
    box-shadow:none;
}
.search-input input{
    font-size: 18px !important;
    font-family: Arial;
}
.search-input input::placeholder{
    color:#999999;
}

.search-input .ant-input-wrapper{
    display: flex !important;
    align-items: center;
}
.search-input .ant-input-group-addon{
    width:231px;
    background: none;
    font-size: 18px;
    font-family: Arial;
}
@media only screen and (max-width: 900px) {
    .ant-input-group-addon{
        left: 0 !important;
    }
}

.search-input .ant-input-wrapper,
.search-input .ant-input-group-addon,
.search-input button{
    height: 100%;
}


.nutritionists-list > div{
    justify-content: center;
}

.nutritionists-list .nutritionist .block {
    padding: 25px 35px 25px 35px;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 100%;
    box-sizing: border-box;
    color: #999999;
}
.nutritionists-list .nutritionist h3 {
    color: #01a5f8;
    font-size: 24px;
}
.nutritionists-list .nutritionist{
    margin-bottom: 30px;
    min-width: 350px;
    flex: 1;
}
.nutritionists-list .nutritionist .email-nutritionist-btn{
    margin-left:auto;
    right:-20px;
    top:16px;
}

@media only screen and (min-width: 850px) {
    .nutritionists-list .nutritionist{
        max-width: 33%;
    }
}
@media only screen and (max-width: 480px) {
    .nutritionist-cats > li {
        flex: 1 100%;
        text-align: center;
    }
}

.nutritionist-search{
    display:flex;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1000px) {
    .nutritionist-search > div{
        min-width: 100%;
    }
}

.invoiceTable .ant-table-expanded-row-level-1 > .ant-table-cell{
    background-color:#e9e9e9;
}

.zoomed > .rccs{
    width:410px !important;
}
.zoomed > .rccs > .rccs__card{
    zoom:1.4;
}
.zoomedout > .rccs{
    width:284px !important;
}
.zoomedout > .rccs > .rccs__card{
    /*zoom:.7;*/
}


.cardDetails input{
    line-height: 15px !important;
}
.cardDetails .ant-row{
    margin-bottom:10px;
}


/* Card */
.card{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

/*  */
.dashboard-card{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    padding: 20px;
    position: relative;
    background-color:#fcfdff;
    border-radius: 20px;
}

.box-shadow1,
.box-shadow1-low{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 18px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.box-shadow1-medium{
    box-shadow: rgb(251 247 114 / 30%) 0px 19px 18px, rgb(251 247 114 / 22%) 0px 15px 12px;
}
.box-shadow1-high{
    box-shadow: rgb(255 106 106 / 30%) 0px 19px 18px, rgb(255 106 106 / 22%) 0px 15px 12px;
}

.box-shadow2{
    box-shadow: rgba(0, 0, 0, 0.3) 3px 11px 8px, rgba(0, 0, 0, 0.22) 0px 15px 12px
}
.box-shadow3{
    box-shadow: rgba(0, 0, 0, 0.3) 17px 21px 8px, rgba(0, 0, 0, 0.22) 0px 15px 12px
}
.box-shadow3b{
    box-shadow: rgba(0, 0, 0, 0.3) -17px 21px 8px, rgba(0, 0, 0, 0.22) 0px 15px 12px
}
.box-shadow4b{
    box-shadow: rgba(0, 0, 0, 0.3) -17px 21px 8px, rgba(0, 0, 0, 0.22) 0px 1px 12px;
}
.box-shadow5{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

/* react-grid */
.react-grid-item:not(.react-grid-placeholder) {
    padding:10px;
}
.react-grid-item.react-draggable:not(.react-grid-placeholder) {
    /*  background: #ccc;*/
    border: 1px solid #c7c7c7;
    border-radius: 10px;
}

/* Modal */

.ReactModalPortal{
    z-index: 1001;

}
.ReactModalPortal > .Overlay  {
    position: fixed;
    inset: 0px;
    background-color: rgb(104 104 104 / 75%);
}






/* Google */
.pac-logo:after{
    display:none;
}



/* Boards */
.boardContainer{
    padding-top:10px;
    display:flex;
    flex-direction: column;
    flex: 1;
    height: 1px;
}

.board{
    flex:1;
    display: flex;
    flex-direction: column;
    height:1px;
    overflow: auto;
}

.board > .controls{
    padding:10px;
    display: flex;
    gap: 10px;
}

.board > .stages{
    display:flex;
    flex:1;
    height:1px;
}
.board > .stages > .stage{
    padding:5px 0;
}
.board > .stages > .stage:not(.collapsed){
    flex: 1 0 auto;
    padding:5px;
    /*border: 1px solid lightgrey;*/
    /*height:100%;*/
    min-width: 180px;
    /*background-color: #e7edf7;*/
    display: flex;
    flex-direction: column;
}
.board > .stages > .stage:first-child{
    padding-left:0px;
}
.board > .stages > .stage:last-child{
    padding-right:0px;
}
.board > .stages > .stage > .header{
    height: 32px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 4px;
    background: #737883;
    padding: 2px 6px;
    border-radius: 10px;
    border: 1px solid lightgray;
    min-width: 140px;
    color: white;
    width: 100%;
    position: relative;
}
.board > .stages > .stage.collapsed > .header{
    height: 100%;
    background: #989ba3;
}

.board > .stages > .stage > .header > .headerTitle{
    line-height: 28px;
}
.board > .stages > .stage.collapsed > .header > .headerTitle{
    transform: rotate(90deg);
    position: absolute;
    top: 22px;
    width:0px
}
.board > .stages > .stage > .header > .headerCollapse{
    position: absolute;
    right: 3px;
}
.board > .stages > .stage > .header > .headerCollapse i{
    color:white;
}
.board > .stages > .stage:not(.collapsed) > .header > .headerCollapse i{
    transform: rotate(-135deg);
}
.board > .stages > .stage.collapsed > .header > .headerCount{
    position: absolute;
    bottom: 10px;
}

.board > .stages > .stage.collapsed > .substages,
.board > .stages > .stage.collapsed > .substage{
    display:none;
}
.board > .stages > .stage.collapsed > .header{
    min-width: 35px;
}


/*
.board > .stages > .stage > .tickets{
    padding:10px;
}
.board > .stages > .stage > .tickets > .ticket{
    border: 1px solid lightgrey;
    padding:10px;
    background-color: #e2e2e2;
    margin-bottom: 40px;
}*/

.board > .stages > .stage > .substages{
    display:flex;
    flex: 1;
    gap: 8px;
    height: 1px;
}
.board > .stages > .stage > .substages > .substage{
    
}
.board > .stages > .stage > .substages > .substage,
.board > .stages > .stage > .substage{
    /*flex:1 1 auto;*/
    flex: 1;
    padding:5px;
    border: 1px solid lightgrey;
    /*height:100%;*/
    min-width: 260px;
    background-color: #f3f6fc;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    transition: max-width 0.5s ease 0s, min-width 0.5s ease 0s;
    position: relative;
    overflow: hidden;
}
.board > .stages > .stage > .substages > .substage.canDrop,
.board > .stages > .stage > .substage.canDrop{
    background-color: rgb(231 241 242);
}

.board .boardDropComplete > .hoverComplete{
    background-color: rgb(134 209 217);;
}



.board > .stages > .stage > .substages > .substage > p{
    text-align: center;
    padding-left: 13px;
    font-weight: 500;
    position: relative;
    margin-top: 10px;
}
.board > .stages > .stage > .substages > .substage > p > span{    
    color: #b7b7b7;
    padding-left: 10px;
    opacity: 0;
    position: absolute;
    right: 3px;
}
.board > .stages > .stage > .substages > .substage:hover > p > span{
    opacity: 1;
}

.board > .stages > .stage > .substages > .substage > .ticketsWrapper{
    height: 1px;
    display: flex;
    /* flex-direction: column; */
    flex: 1;
    position: relative;
}

.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets,
.board > .stages > .stage > .substage{
    padding:10px;
    position: relative;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets,
.board > .stages > .stage > .substage{
    padding:10px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    width:100%;
}

.board > .stages > .stage > .substages > .substage::before,
.board > .stages > .stage > .substage::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  height: 50px; /* Adjust this according to your needs */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgb(220 222 227) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.board > .stages > .stage > .substages > .substage > .ticketsWrapper::before,
.board > .stages > .stage > .substages > .substage > .ticketsWrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 10px; /* Adjust this according to your needs */
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgb(243 246 252) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  z-index: 1000;
}
.board > .stages > .stage > .substages > .substage.canDrop > .ticketsWrapper::before,
.board > .stages > .stage > .substages > .substage.canDrop > .ticketsWrapper::after {
    background: linear-gradient(
        to bottom,
        rgb(231 241 242) 0%,
        rgba(255, 255, 255, 0) 100%
    );
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper::after {
    bottom: 0;
    transform: scaleY(-1);
  }



.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets::-webkit-scrollbar {
    width: 4px;
}

.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets::-webkit-scrollbar-track {
    border-radius: 8px;    
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #707070;
}




/* Modals */
.ant-modal{
    padding-bottom:0;
}
.ant-modal.noHorizMargin > .ant-modal-content{
    padding: 20px 0;
}
.ant-modal.noHorizMargin > .ant-modal-content > .ant-modal-footer{
    padding: 0 24px;
}
.ant-modal-root .ant-modal-mask{
    background-color: rgba(0, 0, 0, 0.55);
}
.ant-modal-wrap{
    display: flex;
}
.ant-modal-wrap  > div{
    top: 0 !important;
    margin: auto;
}

.ant-modal.maxHeight .ant-modal-body{
    height: 80vh;
}
.ant-modal.maxHeightManaged .ant-modal-body{
    height: calc(100vh - 120px);
}
.ant-modal.maxHeightManaged > .ant-modal-content > .ant-modal-body{
    overflow-y: initial;
}  

.ant-modal-content{
    max-height: calc(100vh - 40px);
}
.ant-modal-body{
    overflow-y: auto;
}
.ant-modal-body::-webkit-scrollbar {
    width: 4px;
}

.ant-modal-body::-webkit-scrollbar-track {
    border-radius: 8px;    
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.ant-modal-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #707070;
}



.board > .stages > .stage > .substage{
    flex:1;
    padding-top: 63px;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket,
.board > .stages > .stage > .substage > .tickets > .ticket,
.boardContainer > .ticketDragPreview .ticket{
    background-color: white;
    border: 1px solid lightgray;
    padding: 0 10px 10px 10px;
    margin-bottom: 20px;
    min-width: 170px;
    cursor: grab;
    border-radius: 8px;

    /*background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #eeeeff3d 10px), repeating-linear-gradient(#444cf70a, #444cf700);*/
    background-image: linear-gradient(30deg, #c6c9fc0d 12%, transparent 12.5%, transparent 87%, #c6c9fc0d 87.5%, #c6c9fc0d), linear-gradient(150deg, #c6c9fc0d 12%, transparent 12.5%, transparent 87%, #c6c9fc0d 87.5%, #c6c9fc0d), linear-gradient(30deg, #c6c9fc0d 12%, transparent 12.5%, transparent 87%, #c6c9fc0d 87.5%, #c6c9fc0d), linear-gradient(150deg, #c6c9fc0d 12%, transparent 12.5%, transparent 87%, #c6c9fc0d 87.5%, #c6c9fc0d), linear-gradient(60deg, #c6c9fc0d 25%, transparent 25.5%, transparent 75%, #c6c9fc0d 75%, #c6c9fc0d), linear-gradient(60deg, #c6c9fc0d 25%, transparent 25.5%, transparent 75%, #c6c9fc0d 75%, #c6c9fc0d);
    background-size: 12px 21px;
    background-position: 0 0, 0 0, 6px 11px, 6px 11px, 0 0, 6px 11px;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket.preassigned,
.board > .stages > .stage > .substage > .tickets > .ticket.preassigned {
    opacity: 0.5;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket.dragging {
    border-color:red;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket > .title,
.board > .stages > .stage > .substage  > .tickets  > .ticket > .title,
.boardContainer > .ticketDragPreview .ticket > .title{
    max-height: 44px;
    height: initial;
    display:flex;
    font-size: 1.2em;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket > .title > i{
    margin-left:auto;
    position: relative;
    left: 5px;
    top: 5px;
}
.boardContainer .ticket > .title > button,
.boardContainer .ticket > .title > a{
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket > .description,
.board > .stages > .stage > .substage > .tickets > .ticket > .description{
    font-style: italic;
    min-height: 50px;
}
.board .ticket .indent{
    margin-left: 10%;
    width: 90%;
}

.board .ticket.compressed p{
    margin:0;
}
.board .ticket.compressed .description{
    min-height: 0 !important;
}
.board .ticket .expandIcons{
    position: absolute;
    right: 0px;
    top: 0px;
    display:none;
}
.board .ticket:hover .expandIcons{
    display:inline-flex;
}
.board .ticket .expandIcons button{
    border: none !important;
}
.board .ticket .expandIcons i:hover{
    opacity:1 !important;
}


.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket > .summary,
.board > .stages > .stage > .substage > .tickets > .ticket > .summary,
.boardContainer > .ticketDragPreview .ticket > .summary{
    display:flex;
    gap:5px;
    justify-content: flex-end;
    align-items: end;
    flex-wrap: wrap;
}

.boardDropComplete{
    height: 100px;
    background-color: #e4edff;
    border: 1px solid grey;
    padding: 10px;
    margin-top: 6px;
    border-radius: 12px;
    display: flex;
}
.boardDropComplete > .substage{
    flex:1;
    align-items: center;
    justify-content: center;
    display: flex;
}


.editableField{
    border-bottom: 1px solid #f3f3f3;
    border-radius: 10px;
    padding: 7px;
    min-height: 38px;
    cursor: pointer;
    white-space: pre;
    width:100%;
}

.board.dragging {
    cursor:none;
}
.board.dragging > .stages > .stage > .substages > .substage > .tickets > .ticket{
    cursor:none;
}

@media only screen and (min-width: 900px) {
    .ant-input-search > .ant-input-wrapper > .ant-input-group-addon:last-child .ant-input-search-button{
        padding: 9px 10px 9px 8px !important;
        height: 56px;
        left: 1px;
        width: 50px;
    }
}
@media only screen and (max-width: 1200px) {
    .ant-table-wrapper .ant-table-cell, 
    .ant-table-wrapper .ant-table-thead>tr>th, 
    .ant-table-wrapper .ant-table-tbody>tr>th, 
    .ant-table-wrapper .ant-table-tbody>tr:not(.ant-table-measure-row)>td, 
    .ant-table-wrapper tfoot>tr>th, 
    .ant-table-wrapper tfoot>tr>td{
        padding: 8px !important;
    }
}

.boardConfigzzz{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 2000;
}

/* Board Config */
.boardConfig .ant-form-item-control-input{
    min-height: 0;
}


.boardInput > .ant-select-selector{
    padding:2px 10px !important;
    margin-left:3px;
}


/*ticket*/
.comments .commentStageTitle{
    border: 1px solid #a3a3a3;
    width: 200px;
    margin: auto;
    padding: 3px 20px;
    border-radius: 8px;
    background-color: #dfdfdf;
    text-align: center;
}
.comments .comment .time{
    position: absolute;
    right: 20px;
    top: -15px;
    color: #b7b7b7;
    font-size: 11px;
    opacity:0;
    transition: opacity 0.6s linear, visibility 0.3s linear;
}
.comments .comment .editMenu{
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 11px;
    transition: opacity 0.6s linear, visibility 0.3s linear;
    border: 1px lightgray solid;
    border-radius: 4px;
    opacity:0;
    background-color: white;
}
.comments .comment:hover .time,
.comments .comment:hover .editMenu{    
    opacity:1;
}
.comments .comment .user{
    position: absolute;
    top: -19px;
    padding: 2px 5px 0 14px;
    border: none;
    border-radius: 10px 10px 3px 10px;
    left: -8px;
    min-width: 160px;
}
.comments .comment .stage{
    position: absolute;
    top: -12px;
    background-color: rgb(221, 221, 221);
    padding: 0px 5px;
    right: 14px;
    border: 1px solid rgb(175, 175, 175);
    border-radius: 15px;
}
.comments .comment .text{
    padding-top:5px;
    white-space:break-spaces;
}
.comments .comment .text > .ant-tag{
    margin-right:0;
}
.ticketStageItem > .ant-form-item-row > .ant-form-item-label{
    width:170px;
}
.ticketDragPreview{
    position: fixed;
    top: 0;
    left: 0;
    cursor: none;
    pointer-events: none;
    z-index:9999;

    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid lightgrey;*/
}
.ticketDragPreview > .ticket{
    width:100%;
}

.taskList{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.taskList > div{
    display: flex; 
    gap: 20px;
    background-color: #f1f1f1;
    border-radius: 10px;
}
.taskList > div .icon{
    width: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
}

#ticketForm > .ant-tabs > .ant-tabs-nav{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgb(240 240 240) 100%);
}

#ticketForm .mainStages{
    padding:10px;
    margin-top:10px;
    display: flex;
    flex-direction: column;
}

#ticketForm .mainStages,
#ticketForm .mainStages > .ant-tabs{
    height: 1px;
    flex: 1;
}

#ticketForm #rc-tabs-0-panel-history{
    margin: 0 -24px;
}


/* project */
.project-steps{
    height: 100%;
}
.project-steps > .project-step{
    height: 100%;
    display: flex;
    flex-direction: column;
}



/*public*/
.banner{
    position: relative;
    background-color: black;
}
.banner > .bg{
    height: 142px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
    max-height: inherit;
    transition: height 300ms;
    position: relative;
    opacity: .5;
}
.banner > .text{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.banner > .text > h1{
    font-size: 50px;
    color: white;
}

/*footer*/
.ifot {
    background: #111723;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    padding: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
}
.ifot .ifot-wg {
    word-break: break-word;
    padding-top: 40px;
}
.ifot .footer-logo {
    margin-bottom: 20px;
    display: flex;
}
.ifot .footer-logo > a {
    flex: 1;
    display: flex;
    max-width: 525px;
    margin: auto;
}
.ifot .footer-logo img {
    margin-right: 50px;
    flex: 1;
}
.ifot ol, .ifot ul {
    list-style: none;
}
.ifot .wg ul li {
    position: relative;
    padding: 0;
    display: inline-block;
}
.ifot .wg ul li a {
    color: #fff;
    font-size: 18px;
    padding: 0 15px;
    font-weight: 700;
    display: block;
}
.ifot .socials{
    gap: 20px;
    display: flex;
    justify-content: center;
}


/*fonts*/
@font-face {
    font-family: "SoleilLight";
    src: url("../fonts/SoleilLight.otf") format("opentype");
}
@font-face {
    font-family: "Soleil";
    src: url("../fonts/SoleilLight.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Soleil";
    src: url("../fonts/SoleilBook.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Soleil";
    src: url("../fonts/SoleilRegular.otf") format("opentype");
}
@font-face {
    font-family: "Soleil";
    src: url("../fonts/SoleilBold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}




/* clerk */
.simpleClerk .cl-signIn-start{
    margin: 0;
    padding: 0;
}
.simpleClerk .cl-header,
.simpleClerk [class^="cl-internal-"],
.simpleClerk .cl-footer{
    display:none;
}
.simpleClerk .cl-signIn-start{
    box-shadow:none;
    width:inherit;
}
.simpleClerk .cl-signIn-root{
    width: 100%;
}


/* CKEditor */
.myCKEditor > .tools{
    justify-content: right;
    display: flex;
    position: absolute;
    z-index: 9;
    right:0;
    opacity: .3;
}
.no-toolbar .ck-editor__top{
    display:none;
}
.ck.ck-toolbar{
    background-color: transparent !important;
    border: none !important;
}
.ck-editor{
    padding:10px !important;
}
.myCKEditor .ck.ck-content.ck-focused,
.myCKEditor:not(.skrink) .ck.ck-content{
    min-height: 100px;
}
.myCKEditor .ck.ck-content{
    min-height:0;
    transition: min-height .3s ease;
}
.ck-content img{
    border-radius: 7px;
}
.ant-form .ant-form-item-control-input-content:has(.ck-editor) {
    background-color: white !important;
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden;
}
.ck-powered-by-balloon{
    display:none !important;
}

.ant-form.whiteBG .ant-form-item-control-input-content:has(.ck-editor) {
    background-color: #dee9f1 !important;
}

.ck.ck-editor__main>.ck-editor__editable{
    border:none !important;
    background: none !important;
    box-shadow: none !important;
}




/* notification */
.section-50 {
padding: 50px 0;
}  
.m-b-50 {
margin-bottom: 50px;
}  
.dark-link {
color: #333;
}  
.heading-line {
position: relative;
padding-bottom: 5px;
}  
.heading-line:after {
content: "";
height: 4px;
width: 75px;
background-color: #29B6F6;
position: absolute;
bottom: 0;
left: 0;
}  
.notification-ui_dd-content {
margin-bottom: 30px;
}  
.notification-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
padding: 5px 20px;
margin-bottom: 7px;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}  
.notification-list--unread {
border-left: 2px solid #29B6F6;
}  
.notification-list .notification-list_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}  
.notification-list .notification-list_content .notification-list_img img {
height: 48px;
width: 48px;
border-radius: 50px;
margin-right: 20px;
}  
.notification-list .notification-list_content .notification-list_detail p {
margin-bottom: 5px;
line-height: 1.2;
}  
.notification-list .notification-list_feature-img img {
height: 48px;
width: 48px;
border-radius: 5px;
margin-left: 20px;
}
.notification-dropdown .ant-dropdown-menu{
padding-bottom: 31px;
}

.ant-notification-notice.iconOnly{
    width: 50px;
    padding: 0 13px;
    margin: 0;
    height: 40px;
}
  

  /* Miscellaneous */
.subtle{
opacity: .3;
}
.subtle:hover{
opacity: 1;
}

.ant-spin.white .ant-spin-dot-item{
background-color: white;
}

.indeterminate-checkbox .ant-checkbox-inner {
    background-color: red !important;
    border:none;
}
.indeterminate-checkbox:hover .ant-checkbox-inner {
    background-color: #ff7b7b !important;
}
.indeterminate-checkbox .ant-checkbox-inner::after {
    content: '×'; /* You can also use an SVG or another icon */
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    font-size: 17px;
    font-weight: bold;
    line-height: 6px;
    color: white;
    opacity: 1;
    border: none;
}

.fadeOverview{
    opacity: .3;
}
.fadeOverview:hover{
    opacity: 1;
}

.collapsible{
    transition: max-height .3s ease;
    overflow:hidden;
}
.collapsible.collapsed{
    max-height:0px !important;
}


/* CheckList */
.myCheckList ul.ant-list-items{
    gap: 2px;
    display: flex;
    flex-direction: column;
}
.myCheckList .ant-list{
    margin-bottom: 30px;
}
.myCheckList .checklistRow{
    background-color: #ebebeb;
    border-radius: 10px;
    padding: 5px;
}
.checklistRow:not(:hover) .checklistEditBtn{
    display:none;
}


  /* ANT DESIGN */


  /* Select */
.ant-select .selecting,
.ant-select-dropdown .selected{
    display:none;
}