/* 
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;600;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

    .ui-dialog p {
        margin-top: 19px;
    }
*/
.mydropdown{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #242828;
    background: #fff;
    border: 1px solid #242828;
    margin-top: -1px;
    width: 226px;
}
.mydropdown a{
    color: #242828;
    text-decoration:none;  
}
.mydropdown .dropdown-menu{
    min-width: 165px;
    margin-left: -1px;
    margin-top: -3px;
    border: 1px solid #242828;
    box-shadow: none !important;
}
.dropdown-default li a:hover{
    background: #C8D7DD !important;
    color: #242828;
}
.filtered-msg{
    /*background-color: rgb(232, 238, 241);*/
    display: block;
    text-align: center;
}
.langSel{
    display:flex;
    align-items: center;
}
.langSel i{
    margin-left:auto;
}
.hide-txt{
    opacity:0;
    width:90%;
    left:3%;
    position:absolute;
    z-index:-99;
}
span.copy-tooltip {
    position: absolute;
    right: 20px;
    width: 100px;
    top: 4px;
    background: #629B58;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    animation: fadeInBottom;
    transition: 0.3s all ease-in-out;
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;  
}
.copysuccess span.copy-tooltip{
    top: 3px;
    opacity: 1; 
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    transition: 0.3s all ease-in-out; 
}
.proName{
    /* line-height: 20px; */
    line-height:.1rem !important;
}

.btn-hyperlink{
    background-color: transparent !important;
    border-radius: 3px;
    padding:  6px 4px;
    font-weight: 400;
    color: #242828!important;
    min-width: unset ;
    width: 42%;
    margin-right:10px;
    text-decoration: none !important;
}
.btn-hyperlink.copyicon svg{
    fill: #242828;
    stroke: none;
}
.btn-hyperlink:not(.copyicon) svg{
    stroke: #242828;
    fill: none;
}
.btn-hyperlink:hover,.btn-hyperlink:focus{
    color: #fff !important;
    background-color: #242828!important;
    border: 1px solid #242828!important;
}
.btn-hyperlink.copyicon:hover svg,
.btn-hyperlink.copyicon:focus svg{
    fill: #fff;
    stroke: none;
}
.btn-hyperlink:hover:not(.copyicon) svg,
.btn-hyperlink:focus:not(.copyicon)  svg{
    fill: none;
    stroke: #fff;
}
.searchOuter{
    float: right;
    width: 311px;
}
.add-project-btn{
    width: 147px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.inactiveLink {
    pointer-events: none;
    cursor: default;
    color: rgb(187 190 190) !important;
}

.inactiveLink svg {
    stroke: rgb(187 190 190) !important;
}

/* select2 css */
#ProjType .select2-container{
    width: 180px !important;
}
#ProjStat .select2-container,
#ProjPublic .select2-container{
    width: 200px !important;
}
.select2-container--default .select2-selection--single{
    /*border-radius: 0 !important;*/
    font-weight: 700;
}
/* .select2-container--open .select2-dropdown--below{
    width:180px !important;
    border-top:1px solid #242828!important;
} */
.deleteModal .modal-body #subProjectDetailDiv h4{
    font-size: 16px;
    line-height: 20px;
}
.deleteModal .modal-body #subProjectDetailDiv ul{
    margin-bottom: 0;
}
.deleteModal .modal-body #subProjectDetailDiv ul li{
    font-family: 'Montserrat';
    font-style: normal;
    letter-spacing: -0.02em;
    color: #242828;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 8px;
}

/* Add Project Modal styling */

/* #addProjectModal .list-group-item{
	margin-right:4%;
} */
.lora-fonts{font-family: 'Lora', serif !important; font-weight: normal; border-bottom:0px !important;}
.f-10{font-size: 10px;}
.f-11{font-size: 11px;}
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.textColorNoir{color:#242828 !important;}

.btn-addProject span::before{content: '+';padding:0 15px 0 5px;}
.btn-green{background-color: #629B58;color: #fff;border: none;font-size: 14px; height: 32px;border-radius: 5px;margin-left: 20px;}
.btn-sky{background-color: #609CAF !important; color: #fff;border: none;font-size: 14px; height: 32px;border-radius: 5px;}
.infoIcon{display:inline-block; width:11px; height:15px; background-image: url('/shared/modules/admin/includes/assets/infoIcon.svg'); background-size: 11px 11px; background-position: top left; background-repeat: no-repeat;}
/* header style */
header h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0;padding-top: 8px;
}
header .arrowHeader{margin: 0 10px 0 28px;}
header .collapse h3{color: #fff;line-height: 1;padding-top: 5px;font-size: 28px;}
header .collapse .profile_thumbnail{margin: 8px 0px 0 15px;}
/*.profile_arrow{margin: 10px 0 0 5px;}*/
/* .navbar{background-color: #32393B !important;} */
/* header Ends */
.menuContainer {
  padding: 35px 0;
}
.menuContainer .flex-column li {
  height: 40px;
}
.menuContainer .flex-column a {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  color: #3e474a;
}
/*.profile_dropdown{padding-right: 65px;} */
.md-check-box{width: 22px; height: 22px;border-radius: 0 !important;}
.menuContainer .flex-column .active {background-color: #629B58;color: #fff;}
.menuContainer .flex-column .active a{color: #fff;}
.search-btn{border: 1px solid #3E474A;font-size: 12px;font-style: italic;background: #F5F7F8;border-radius: 5px 0px 0px 6px;}
.nopadding{padding: 0 !important;}
.nopadding input{font-size: 12px;background: #F5F7F8; color: #848282;padding: 0 0 0 10px;border: 1px solid #3E474A;border-radius: 0px 6px 6px 0px;}
.nopadding .btn-outline-secondary{ padding: 3px;background-color: #3E474A;}
.nopadding .btn-outline-secondary img{width: 90%;padding:0 10px}
.dropdown-group .dropdown-toggle, .icons-comments .dropdown-toggle{border: 1px solid #242828; border-radius: 5px;background: #F5F7F8;font-size: 12px;color: #242828;}
.dropdown-group .p-2{padding-top: 3px !important;}
.comment-text p, .comment-text label{font-size: 12px;}
.submissionPagination{display: flex;}
.submissionPagination p{font-style: italic;font-size: 14px;}
.submissionPagination ul {margin: 0 0 0 30px;}
.submissionPagination ul .active a{background-color: #3E474A;color: #fff;}
.submissionPagination ul li a{font-size: 10px;padding: 1px 5px;border: 1px solid #242828;}
.submissionPagination .btn{font-size: 12px;color: #242828;padding: 0;border: 1px solid #242828;height: 17px;
    border-radius: 0px;margin: 6px 0px 1px 10px;padding: 0 10px;line-height: 0;}
.submitedinline-text{font-size: 12px;font-style: italic;display: flex;margin-left: 30px;}
.submitedinline-text p{margin-bottom: 0;}
.submitedinline-text .btn{font-size: 12px;background: #609CAF;border-radius: 3px;color: #fff;border: none; padding: 0 15px;margin-left: 15px;    height: 18px;}
.submitedinline-text .btn-org{background-color: #E6925F;}
.page-text{font-size: 12px;margin:5px 0 0 29px;}

.menuContainer .flex-column a img {
  margin: -3px 10px 0 5px;
}
.commentContainer .row .d-flex{padding-right: 0;}
.userComment{
    background-color: #e8eef1;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 30px;
}
.leftItem{width: 90px;}
.leftItem img{width: 24px;margin-left: 6px;}
.rightItem{width: 100px;}
.middleItem{width:calc(100% - 0px);}
.commentBG{border-radius: 5px; background-color: #fff;padding: 10px;}
.commentBG .row{padding-bottom: 5px;}
.commentBG .col-sm{text-align: right;}
.commentBG .col-sm p{margin: 0;font-size: 16px;font-weight: 700;line-height: 1;}
.commentBG .col-sm span{font-size: 12px;font-style: italic;}
.commentBG .col-sm-6{padding-left: 3px;}
.commentBG .col-sm-6 h3{font-size: 16px;font-weight: 700;}
.commentBG .col-sm-6 span{background-color: #609CAF;padding: 0 5px;  border-radius: 3px;margin-right: 10px;}
.middleItem p{font-size: 12px;padding-left: 3px;}
.textCommandContainer{display: flex;}
.icons-comments{float: left;width: calc(100% - 85px);}
.icons-comments ul,.icons-comments .dropdown-toggle{text-align: right;margin-bottom: 15px;}
/* .dropdown-toggle{float: right;} */
.delete-comments{float: right;width: 85px;}
.delete-comments img{float: right;}
.md-check-box1{width: 18px; height: 18px;border-radius: 0 !important;}
.commentBG .it-title{font-size: 12px;font-style: italic;}
.darkBG{background-color: #F5F7F8;margin: 20px 0 0 30px;}
.darkBG .btn-green{background-color: #629B58;border-radius: 3px;font-size: 12px;height: 18px;padding: 0 10px;margin: 0;}
.pagination-container ul li{margin-left: 15px;}
.pagination-container ul li a{color:#242828;font-size: 12px;}
.pagination-container ul .active .page-link{background-color: #242828 ;}

.btn-addCommand{font-size: 12px;border-color: #609CAF;margin:10px 0 10px 100px;}
.btn-it-comment{font-size: 12px;height: 18px;padding: 0 4px;font-style: italic;text-decoration: underline;}

.contentContainer {padding: 15px 70px 0 5px;}
.contentContainer .row{margin: 0;padding-right: 0;}
.nav-link{color:inherit !important; border-bottom: #fff 4px solid !important; border-radius: 0 !important;}
.nav-pills .nav-link.active, .nav-pills .nav-link:hover, .nav-pills .show > .nav-link { color: inherit !important; background-color: #fff !important; font-weight: 700 !important; border-bottom: #E6925F 4px solid !important; border-radius: 0 !important; /*margin:0 -2px !important; */}
.nav-pills .show > .nav-link::before{display: block; content: attr(title); font-weight: 700; height: 0; overflow: hidden; visibility: hidden;}
.subtabs{background-color: #F5F7F8;}
.subtabs-link{color:inherit !important; border-bottom: 0px !important; border-radius: 0 !important;}
.nav-pills .subtabs-link::before, .langtabs-link::before{display: block; content: attr(title); font-weight: 700; height: 0; overflow: hidden; visibility: hidden;}
.nav-pills .subtabs-link.active, .nav-pills .subtabs-link:hover{color:#fff !important; border-bottom:0 !important; border-radius: 0 !important; background-color: #E6925F !important;}
.langtabs{background-color: #E8EEF1;}
.langtabs-link{color:inherit !important; border-bottom: 2px #E8EEF1 solid !important; border-radius: 0 !important;}
.nav-pills .langtabs-link.active, .nav-pills .langtabs-link:hover{border-bottom: 2px #E6925F solid !important; border-radius: 0 !important; background-color: #E8EEF1 !important;}
.form-control[readonly]{border:1px #F5F7F8 solid !important;}
.customSwitch{
    padding-left: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    display: flex !important;
}
.customSwitch .labelWrapper{
  margin-right: .5rem !important;
  font-size:12px !important;
}
.customSwitch .inputWrapper{
    width: auto !important;
    display: flex !important;
    align-items: center !important;
}
.customSwitch .inputWrapper input, .form-check-input{
    margin: 0 !important;
    float: none !important;
    width: 1.5em !important;
    border: 1px solid  rgb(62, 71, 74)!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%62, 71, 74, 1.0%29'/%3e%3c/svg%3e") !important;
}
.customSwitch .inputWrapper input:checked{background-color: #242828 !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;}

.modal.form-label{font-size: 12px; margin:0 !important;}
.form-control, select, .date{border: 1px solid #3E474A !important; border-radius:0 !important; background-color: #F5F7F8 !important; color: #848282 !important; font-size: 12px !important;}
.custom-select-new {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('../assets/selectArrow.svg') !important;
    width: auto;
    font-size: 12px !important;
    padding: 0.6rem 2.3rem 0.6rem 0.4rem !important;
    background-color: white !important;
    border: none !important;
    color: #444 !important;
    cursor: pointer;
    font-weight: 500;
    background-size: 8px !important;
    background-repeat: no-repeat !important;
    background-position: left 118px top 12px !important;
    text-decoration: underline solid #242828 1.1px;
    text-underline-offset: 2px;
}
.custom-down-select{
    display:ruby;
}

.date:hover{border: 1px solid #629B58 !important; border-radius:0 !important; background-color: #629B58 !important; color: #fff !important;}
.projTyItemWrapper{height:160px; position: relative;}
.checkIcon{position: absolute; width:16px; height:16px; top:4px; right:5px; background: url('/shared/modules/admin/includes/assets/checkCircle.svg'); display: none;}
.attachIcon{background-image: url('/shared/modules/admin/includes/assets/attachIcon.svg'); background-repeat: no-repeat; background-position: 5px center; padding-left:26px !important}
.projTyItem{border: 2px solid #C8D7DD; background-color: #fff !important; height: 100%}
.projTyItem:hover{border: 2px solid #609CAF !important; background-color: #fff !important;}
.projTyItem.active, .btn-check:checked+.projTyItem{border: 2px solid #609CAF !important;  background-color: #fff !important; -webkit-box-shadow: 3px 3px 6px #356372  !important; box-shadow: 3px 3px 6px #356372 !important;}
.projTyItem:hover>.checkIcon, .projTyItem.active>.checkIcon, .btn-check:checked+.projTyItem>.checkIcon{display: block;}
/* .btn-check:checked+.projTyItem:focus { outline: none !important; box-shadow: none;} */

.custcssTArea .tox-editor-header, .custjsTArea .tox-editor-header{display: none !important;}

/*Date-Time Picker*/
.jcalendar-input{background: url('/shared/modules/admin/includes/assets/calendarIcon.svg') no-repeat !important; background-position: top 50% right 12px !important; background-color: #F5F7F8 !important; color: #848282 !important;}
.jcalendar-input .form-control[readonly]{border: 1px solid #3E474A !important; }
.jcalendar-reset, .jcalendar-confirm{color:#609CAF !important;}
/*TinyMCE Text area*/
.tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type){border:0 !important;}
.tox-tinymce{border:#242828 0px solid !important; border-radius: 0 !important;}
.tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow: none !important; border-bottom:#242828 0px solid !important;}
.tox .tox-edit-area__iframe{background-color: #F5F7F8 !important; border:#242828 1px solid !important;}
.btn-check:checked+.projTyItem, .date, .nav-pills .nav-link{outline: -webkit-focus-ring-color none 0px!important;} 
.dropdown-toggle::after{background: url('/shared/modules/admin/includes/assets/chevron-down.svg') no-repeat center center;
    border: 0;
    width: 11px;vertical-align:middle;background-size: 11px;
    height: 11px;
}
/* .form-control.px-8{
	padding: 8px !important;
} */
.form-select{
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.btn-check{
	position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}
.errorLabel label{
	position: static;
	margin: 0 !important;
}
.projTyItemWrapperOuter{
	display: flex;
  gap: 28px;
	padding: 0 16px;
}
.projTyItemWrapperOuter .projTyItemWrapper{
	padding-left: 0;
	padding-right: 0;
}
.projTyItemWrapper .f-16{
    margin-bottom: 8px;
    margin-top: 8px;
}
.projTyItemWrapper .f-10{
    margin-top: 10px;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}
.projTyItemWrapper .projTyItem{
    border-radius: 5px;
    padding: 10px 8px;
    white-space: normal !important;
}
.projTyItemWrapper img{
	max-height: 39px;
}
.stakeholderRow .col-md-6:first-child{
	padding-right: 20px;
}
.stakeholderRow .col-md-6:last-child{
	padding-left: 20px;
}

.select2-container--open .select2-dropdown.sortFilterSel2Container{
    border-top: 1px solid #242828 !important;
    white-space: nowrap;
    width: auto !important;
    min-width: 150px;
}

.select2-container--open .select2-dropdown.SortSelectContainer{
    right: -153px;
    left: auto !important;
}

.greyCard .select2-container{
    min-width: 150px !important;
}
.greyCard .sortFilterSel2 + .select2-container {
    min-width: unset !important;
    width: auto !important;
    height: 13px;
}
.viewCls .sortFilterSel2 + .select2-container {
    top: 2px;
    margin-right: 8px;

}
.greyCard .select2-container--default .select2-selection--single{
    font-weight: 700;
    /* text-align: center; */
}
.greyCard .sortFilterSel2 + .select2-container--default .select2-selection--single {
    display: inline-block;
    border-width: 0 0 0 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    /* height: 24px !important; */
    height: 13px !important;
    padding-right: 18px !important;
    padding-left: 3px !important;
}
.greyCard .sortFilterSel2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px !important;
    right: 0px !important;
}
.greyCard .sortFilterSel2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 8px !important;
    width: 9px !important;
}
.select2-container--open .select2-dropdown.sortFilterSel2Container{
    border-top: 1px solid #242828 !important;
    white-space: nowrap;
    width: auto !important;
    min-width: 150px;
}
.select2-container--open .select2-dropdown.SortSelectContainer{
    right: -153px;
    left: auto !important;
}
.sortFilterSel2 + .select2-container--default .select2-selection--single .select2-selection__rendered{
    border-width: 0 0 1px 0 !important;
    border-style: solid;
    border-color: #242828;
    padding-right: 0px !important;
    padding-left: 0px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    /* line-height: 24px; */
}
/* .greyCard .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 8px !important;
    top: 12px !important;
}
.greyCard .select2-selection__rendered {
    padding-right: 25px !important;
} */

.showRes{
    position: relative;
    float: right;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: -0.24px;
    color:#242828;
}

.hideFormL{
    text-align: left;
    display: flex;
    align-items: center;
    padding: 0px;
    justify-content: end;
}
.hideFormL label{
    margin:0;
}

.sort_bottom .pagespan .frame{
    line-height: normal;
    height: 16px;
}
.sort_bottom .pagespan .frame ul{
    width:auto !important;
    font-size:10px;
}
.sort_bottom .pagespan .frame ul li{
    color: #242828!important;
    background-color: #fff!important;
    width: 25px;
    border-color: transparent !important;
    margin: 0 8px 0 0;
    /*font-family: 'Arvo', serif;*/
    padding: 0px 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
}
.sort_bottom .pagespan .frame ul li:hover {
    background: #DEE2E6!important;
    border: 1px solid #242828;
}

.sort_bottom .pagespan .frame ul li.active{
    color: #fff !important;
    background-color: #609CAF !important;
    border-color: #609CAF !important;
}
.nextpageBtn{
    width: 40px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    align-items: center;
    text-align: center;
    letter-spacing: -0.02em;
    background-color: #fff!important;
    color: #242828!important;
    border: 1px solid transparent!important;
    padding: 0;
    outline: none;
}
.nextpageBtn svg{
    margin-top: 0px;
}
.nextpageBtn:hover{
    background-color: #fff!important;
    color: #242828!important;
    outline: none!important;
    border: 1px solid transparent!important;
}
.nextpageBtn:focus{
    background-color: #fff!important;
    color: #242828!important;
    border: 1px solid transparent !important;
    outline: none!important;
}

.prevpageBtn{
    width: 40px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    align-items: center;
    text-align: center;
    letter-spacing: -0.02em;
    background-color: #fff!important;
    color: #242828!important;
    border: 1px solid transparent!important;
    padding: 0px 4px;
    outline: none;
}

.prevpageBtn:hover{
    background-color: #fff!important;
    color: #242828!important;
    outline: none!important;
    border: 1px solid transparent !important;
}
.prevpageBtn:focus{
    background-color: #fff!important;
    color: #242828!important;
    border: 1px solid transparent!important;
    outline: none!important;
}

.footerPagi .frame ul{
    font-size: 13px;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}
.footerPagi .footPrev{
    width: 62.2px;
}
.footerPagi .footNext{
    width: 62.2px;
}
.footerPagi .frame ul li{
    font-family: 'Montserrat', sans-serif;
    margin: 0px 7.5px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #242828;
    font-size: 12px;
} 
.footerPagi .frame ul li:hover{
    background-color: #DEE2E6;
    border: 1px solid #242828;
    color: #242828;
}
.footerPagi .frame ul .display-data__pagination.active {
    background-color: #242828 !important;
    color: #fff;
}
.footerPagi .frame ul li.active {
    background-color: #242828 !important;
    color: #fff;
}

.designatedDrop .dropdown-menu{
    right: 0;
    left: auto !important;
    white-space: nowrap;
    padding: 8px;
    background: #F5F7F8;
    border: 1px solid #000000;
}
.designatedDrop .dropdown-menu label{
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: #242828;
    display: flex;
    align-items: center;
}
.homeProject_record{
    border: 2px solid #629B58;
}