html{
    height: 100%;
}
body{
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
}
.wrapper{
    font-size: 1.3em ;
}

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;
}

.ant-drawer .ant-drawer-body{
    padding:0px;
    display:flex;
    flex-direction:column;
}

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

.projectSelector > .ant-select-selector{
    padding:4px 20px !important;
    border-radius:10px !important;
}
.projectSelectorSide > .ant-select-selector{
    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;
}


.scroll_header_top_area.light{
    background-color: white;
    box-shadow: 0 -6px 10px 15px rgb(0 0 0 / 10%);
}


.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: transparent;
}

.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;
}

.ant-menu > .ant-menu-submenu.cursorNormal > .ant-menu-submenu-title{
    cursor:context-menu;
}

.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: .9em !important;
    font-family: SoleilLight;
    font-weight: 300;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected:not(.menu-login)::after{
    border-bottom: 2px solid black !important;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:not(.menu-login):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: 0px 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;
}

.menu-login a{
    background:#00a3fa;
    border-radius:30px;
    padding:12px 25px;
    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;
}

@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: 1400px) {
    .header_bottom {
        padding: 0;
    }
}
@media only screen and (max-width: 1162px) {
    .mainNavLogoContainer{
        width:110px;
    }

    .ant-menu-overflow-item .ant-menu-title-content > a, .ant-menu-overflow-item .ant-menu-title-content > span{
        margin: 0px 15px;
    }
}
@media only screen and (min-width: 1162px) and (max-width: 1300px) {
    .mainNavLogoContainer{
        width:160px;
    }
}
@media only screen and (min-width: 1300px) {
    .mainNavLogoContainer{
        width:260px;
    }
}
@media only screen and (max-width: 480px) {
    .header_bottom {
        padding: 0 0 0 50px;
    }

    .wrapAt{
        flex-wrap:wrap;
    }
}


.navLogo{
    height: 130px;
    visibility: visible;
    display: block;
    background-size: contain;
}
.navLogo:hover{
    filter: drop-shadow(-3mm 5mm 8mm rgb(210, 90, 0));
}

.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{
    background-image: url(/images/logo.png);
}




@media (max-width:900px){
    .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:not(.autoHeight),
.ant-form .ant-form-item-control-input-content .ant-input-wrapper > input:not(.autoHeight){
    min-height: 67px;
}
.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;*/
}



.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: 20px;
    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(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,
.ant-form-item:has(.ant-select-selection-item) + .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
{
    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;
}
.hrTitle > span{
    background-color: white;
    top: 12px;
    position: relative;
    padding: 0 15px;
}

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


/*upload*/

.ant-upload{
    width:100%;
}
.ant-upload-list{
    min-height: 30px;
}
.ant-upload-list .ant-upload-list-item-container{
    width:100%;
}
.ant-upload .btnContainer{
    justify-content: right;
    display: flex;
}

.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;
}

.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: 900px) {
    .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: 8px 15px 8px !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-form.ant-form-horizontal label, input[type="password"]{
        padding:0px !important;
    }
    .ant-col-xs-24.ant-form-item-label{
        padding:0px !important;
    }
}
@media only screen and (min-width: 900px) {
    :not(.massSelect):not(.autoHeight):not(.ant-pagination-options-size-changer) > .ant-select-selector{
        height: initial !important;
        padding: 17px 15px 18px !important;
    }
}

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

/* Form - style1 */
form.style1{
    font-family: Soleil;
}
form.style1 h3{
    color: #50A6F1;
}
form.style1 .ant-row{
    column-gap:20px;
}
form.style1 input,
form.style1 textarea,
form.style1 .ant-input-affix-wrapper,
form.style1 .ant-select-selector,
/*form.style1 .ant-select-selection-item,*/
form.style1 .ant-picker,
form.style1 .ant-upload-wrapper{
    background-color:#edf3f7 !important;
    color: black;
    /*font-weight: bold !important;*/
    border: none !important;
    border-radius: 10px !important;
    line-height: 26px;
    padding: 20px 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{
    background-color:#edf3f7 !important;
}
form.style1 .ant-select-selection-overflow-item > .ant-select-selection-item{
    padding: 7px;
    height: 34px;
    border-radius: 5px;
    background: #ffffff;
}
form.style1 input.ant-input-disabled{
    background-color: #f0f2f3 !important;
}



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;
}
.ant-checkbox-wrapper.size-large .ant-checkbox-inner{
    zoom: 2;
}

/*
.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: cover;
    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:0;
    min-width:750px;
    max-width: 750px;
    margin: auto;
}
.homeWrap > .homeWrapInfo{
    max-width: 900px;
    margin: auto;
}
@media (min-width:1600px) {
    .homeWrap{
        display:flex;
        flex-direction: row;
    }
    .homeWrap > .homeWrapImage{
        margin: initial;
    }
}

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

.has-drop-cap::first-letter{
    float: left;
    font-size: 6rem;
    line-height: 0.65;
    margin: 0 0 0.2em 0;
}


.autoHeight > .ant-select-selector{
    height: 100% !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.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;
}


/*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;
}
.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;
}

.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{
    position: absolute;
    right: 2px;
    top: 3px;
    color: #7882ff;
}
.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;
}




/* 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;
}

.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;
}



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

.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;
}



/*
: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{
    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{
    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:7px;
}



.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;
}

.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
}

/* 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.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 > .substages{
    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{
    /*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;
}
.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;
}
.board > .stages > .stage > .substages > .substage > p > span{    
    color: lightgray;
    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 > .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: 1111;
}
.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-wrap{
    display: flex;
}
.ant-modal-wrap  > div{
    top: 0 !important;
    margin: auto;
}

.ant-modal.maxHeight .ant-modal-body{
    height: 80vh;
}
.ant-modal-body{
    max-height: 80vh;
    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;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket,
.board > .stages > .stage > .substage > .tickets > .ticket{
    background-color: white;
    border: 1px solid lightgray;
    padding: 0 10px 10px 10px;
    margin-bottom: 40px;
    min-width: 170px;
    cursor: grab;
    border-radius: 8px;
}
.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{
    max-height: 52px;
    height: initial;
    display:flex;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket > .title > i{
    margin-left:auto;
    position: relative;
    left: 5px;
    top: 5px;
}
.board > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket > .title > button{
    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 > .stages > .stage > .substages > .substage > .ticketsWrapper > .tickets > .ticket > .summary,
.board > .stages > .stage > .substage > .tickets > .ticket > .summary{
    display:flex;
    gap:5px;
    justify-content: flex-end;
    align-items: end;
}

.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;
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button{
    padding:7px !important;
}

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

.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;


    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid lightgrey;
}


/* 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: #011539;
    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;
    filter: invert(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;
}



/*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;
}
.ck.ck-content{
    min-height: 100px;
}
.ant-form .ant-form-item-control-input-content:has(.ck-editor) {
    background-color: #edf3f7 !important;
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden;
}

.ck.ck-editor__main>.ck-editor__editable{
    border:none !important;
    background: none !important;
    box-shadow: none !important;
}
.myCKEditor.single-line .ck.ck-content{
    min-height: initial;
}




/* 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;
  }
  

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

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

.teamCard{
    display:flex;
    justify-content:center;
    position: relative;
}
.teamCard > .container{
    display:flex;
    background-color: rgb(255, 231, 195);
    min-height: 272px;
    max-width: 869px;
    width: 1px;
    flex: 1 1 0%;
    flex-wrap: wrap;
    background:radial-gradient(circle at -20px -20px, rgb(255, 231, 195) 0%, rgb(255, 231, 195) 10%, rgb(224, 205, 196) 10%, rgb(224, 205, 196) 11%, rgb(255, 231, 195) 11%, rgb(255, 231, 195, 0) 30%), radial-gradient(circle at 100% 0px, white 0%, white 15%, rgba(255, 231, 195, 1) 19%);
}
.teamCard > .container:hover{
    background:radial-gradient(circle at -20px -20px, rgb(255, 231, 195) 0%, rgb(255, 231, 195) 10%, rgb(196, 224, 218) 10%, rgb(224, 205, 196) 11%, rgb(255, 231, 195) 11%, rgb(255, 231, 195, 0) 30%), radial-gradient(circle at 100% 0px, white 0%, white 15%, rgba(255, 231, 195, 1) 19%);
}
.teamCard > .container > .image{
    justify-content: center;
    display: flex;
}
.teamCard > .container > .image > div{
    border-radius:50%;
    overflow:hidden;
    height:210px;
    width:210px;
    margin:31px;
}
.teamCard > .container > .image > div > img{
    object-position:top;
    width:100%;
    height:100%;
    object-fit:cover;
}
.teamCard > .container > .details{
    margin-top: 21px;
    flex:1;
    max-width:460px;
}
.teamCard > .container > .details > .teamCard-name{
    color:#4a0846;
    font-size:28px;
    font-weight:bold;
    text-align: center;
}
.teamCard > .container > .details > .teamCard-title{
    color:rgb(231 142 91);
    font-size:14px;
    font-weight:500;
    padding-top:8px;
    text-align: center;
    line-height: 16px;
}
.teamCard > .container > .details > .teamCard-description{
    color:#5e0b59;
    font-size:14px;
    font-weight:bold;
    padding-top:15px;
    text-align:justify;
    line-height: 16px;
}

@media only screen and (max-width: 700px) {
    .teamCard > .container{
        padding: 0 60px 30px;
        background:radial-gradient(circle at -20px -20px, rgb(255, 231, 195) 0%, rgb(255, 231, 195) 10%, rgb(224, 205, 196) 10%, rgb(224, 205, 196) 11%, rgb(255, 231, 195) 11%, rgb(255, 231, 195, 0) 30%), radial-gradient(circle at 100% 0px, white 0%, white 21%, rgba(255, 231, 195, 1) 28%);
    }
    .teamCard > .container:hover{
        background:radial-gradient(circle at -20px -20px, rgb(255, 231, 195) 0%, rgb(255, 231, 195) 10%, rgb(196, 224, 218) 10%, rgb(224, 205, 196) 11%, rgb(255, 231, 195) 11%, rgb(255, 231, 195, 0) 30%), radial-gradient(circle at 100% 0px, white 0%, white 21%, rgba(255, 231, 195, 1) 28%);
    }
    .teamCard > .container > .image,
    .teamCard > .container > .details{
        min-width:100%;
        margin-top: 0;
    }
    .teamCard > .container > .image > div{
        margin: 31px 0 !important;
    }
}



.newsBoxes{
    display:flex;
    gap:40px;
    flex-wrap: wrap;
}
.newsBoxes .ant-list{
    width: 100%;
}
.newsBoxes .ant-col,
.newsBoxes .ant-list-item,
.newsBoxes .box{
    height: 100%;
}
.newsBoxes .ant-row{
    justify-content: center;
}
.newsBoxes .box{
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    background-color: white;
    overflow: hidden;
}
@media only screen and (max-width: 850px) {
    .trioBoxes > .box{
        min-width: 100%;
    }
}

.newsBoxes .box > .image{
    position: relative;
    overflow: hidden;
    height: 300px;
}
.newsBoxes .box > .image > i{
    font-size: 5em;
    color:#ff3d00;
}
.newsBoxes .box > .image > img{
    height: 100%;
    width: 100%;
    width: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 1000px) {
    .newsBoxes .box > .image > img{
        object-fit: contain;
    }

    .newsBoxes .box .title{
        padding-bottom: 20px;
        height: initial !important;
        /*
        height: auto;
        margin: 20px 0px;
        */
    }
}
.newsBoxes .box > .image > .image-background{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: blur(10px);
    background-size: 100% 100%;
    opacity: .3;
}
.newsBoxes .box .title{
    text-align: center;
    height: 90px;
    padding-top: 20px;
    /*
    height: auto;
    margin: 20px 0px;
    */
}
.newsBoxes .box .text{
    text-align: justify;
    flex:1;
}
.newsBoxes .box .actions{
    text-align:right;
    height: 30px;
    margin: 10px 20px;
}


.trioBoxes{
    display:flex;
    gap:40px;
    flex-wrap: wrap;
}
.trioBoxes > .box{
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 200px;
    flex: 1;
}
@media only screen and (max-width: 850px) {
    .trioBoxes > .box{
        min-width: 100%;
    }
}

.trioBoxes > .box > .image > i{
    font-size: 5em;
    color:#ff3d00;
}
.trioBoxes > .box > .image > img{
    padding:10px;
    border-radius: 30px;
}
.trioBoxes > .box > .title{
    text-align: center;
    height: auto;
    margin: 20px 0px;
}
.trioBoxes > .box > .text{
    text-align: justify;
}


.ellipsis1,
.ellipsis2,
.ellipsis3,
.ellipsis4,
.ellipsis4 > pre,
.ellipsis5,
.ellipsis5 > 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;
}
.ellipsis5,
.ellipsis5 > pre{
    -webkit-line-clamp: 5;
}
.ellipsis10,
.ellipsis10 > pre{
    -webkit-line-clamp: 10;
}









/* FORUMS */

.forums .forum .mainContent{
    background-color:whitesmoke;
    border-radius:20px;
}


.forums .forum .editBtn{
    position:absolute;
    top:5px;
    right:5px;
    display: none;
    opacity: .5;
}
.forums .forum .message > .editBtn{
    right:-18px;
}

.forums .forum .message:hover .editBtn,
.forums .forum .mainContent:hover .editBtn{
    display: initial;
}