@import url("bootstrap.min.css");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

:root{
    --primary-color: rgba(252, 52, 0, 1);
    --white-color:rgba(255, 255, 255, 1);
    --black-color : rgba(0, 0, 0, 1);
    --color245 :  rgba(245, 245, 245, 1);
    --color221:rgba(221, 221, 221, 1);
    --wrapperBoxBg : rgb(241, 241, 241);
    --color80 : #808080;
    --color128 : rgb(128, 159, 184);
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    color: rgb(58, 58, 58);
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
}

body.theme-darkyellow{
    --primary-color: #ffa500;
}

body.theme-cyan{
    --primary-color: lightskyblue;
}

body.theme-lightgreen{
    --primary-color: lightgreen;
}

body.theme-pink{
    --primary-color: pink;
}

body.theme-brown{
    --primary-color: brown;
}



* {
    margin: 0px;
    padding: 0px;
}


.clearfix::before, .clearfix::after {
    display: table;
    content: "";
    line-height: 0;
}

.fw-16{font-size: 16px!important;}
.mb-0 {margin-bottom: 0px!important;}
.fw-12{font-size: 12px!important;}
.fw-20{font-size: 20px!important;}
.fw-14{font-size: 14px!important;}
.Border {border: 1px solid rgb(221, 221, 221);}
.GreenTextColor {color: #00B050!important;}
.BorderRadius {border-radius: 10px;}
.text-decoration-red {text-decoration: underline; text-decoration-color: rgba(252, 52, 0, 1);}
.clearfix::after {
    clear: both;
}

.clr, .clear {
    clear: both;
}

header, footer, aside, article, section, detail, nav, figure {
    position: relative;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
    padding: 0px;
}

ul, li, ol {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a:hover, a:focus {
    outline: none;
    text-decoration: none !important;
}

img {
    border: 0px;
    outline: none;
    max-width: 100%;
}

input[type="text"], input[type="password"], select, textarea, input[type="button"] {
    max-width: 100%;
}
.fw-400{font-weight: 400!important;}
.fw-500{font-weight: 500!important;}
.fw-600{font-weight: 600!important;}
.fw-700{font-weight: 700!important;}
input:focus{box-shadow: none!important;}

.text-grey-80{color: #808080!important;}
.BgCreate {background-color: #F1F1F1;}
.InputCyanBg {background-color: #DEEBF6!important;}
.BorderBottomTable {border-top: 1px solid #ddd;}
table {
    width: 100%;
}

p {
    margin: 0px;
    padding: 0px;
}

.fltL {
    float: left;
}

.fltR {
    float: right;
}

.padding_none {
    padding: 0px !important;
}
.text-black {color: #000000!important;}
.text-black2 {color: #3C3C3C!important;}

.border_none {
    border: none !important;
}

.navbar-toggle {
    background-color: rgb(255, 255, 255) !important;
}

.icon-bar {
    background-color: rgb(0, 0, 0) !important;
}

.p_right0 {
    padding-right: 0px !important;
}

.p_left0 {
    padding-left: 0px !important;
}

.m_bottom0 {
    margin-bottom: 0px !important;
}

input[type="date"] {
    text-transform: uppercase !important;
}

.Green {
    color: rgb(55, 167, 19);
}

.Red {
    color: rgb(226, 24, 24);
}

.Blue {
    color: rgb(19, 155, 191);
}

.Yellow {
    color: rgb(237, 189, 8);
}

.Pink {
    color: rgb(253, 84, 109);
}

.Orange {
    color: rgb(233, 156, 61);
}

button:focus {
    outline: none !important;
}
.CursorPointer{cursor: pointer;}
.DeleteBtn {
    background-color: var(--primary-color);
    border-radius: 10px;
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 20px;
    border: 1px solid var(--primary-color);
    font-weight: 600;
    transition: all 0.5s ease;
    margin: 10px 0 10px 0; 
}
.TextHoverColor:hover {color: var(--primary-color)!important;}
.CommonBtn {
    font-size: 14px; padding: 10px 20px; font-weight: 500; display: flex; align-items: center; color: #fff; background-color: var(--primary-color); border: none; outline: none; border-radius: 10px; display: inline-block;
}
.CommonBtn:hover {color: #fff;}
.CommonBtn img {margin: 0 5px 0 0;}

.BrandBtn{
    background-color: var(--primary-color);
    border-radius: 10px;
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 20px;
    border: 1px solid var(--primary-color);
    font-weight: 600;
    transition: all 0.5s ease;
}

.BrandBtn{
    background-color: var(--primary-color);
    border-radius: 10px;
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 20px;
    border: 1px solid var(--primary-color);
    font-weight: 600;
    transition: all 0.5s ease;
}
.BrandBtnGreen{
    background-color:#25A58B;
    border-radius: 10px;
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 20px;
    border: 1px solid #25A58B;
    font-weight: 500;
    transition: all 0.5s ease;
    font-size: 15px;
}
.BrandBtnGreen2{
    background-color:#00B050;
    border-radius: 10px;
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 20px;
    border: 1px solid #00B050;
    font-weight: 600;
    transition: all 0.5s ease;
    font-size: 15px;
}

.BrandBtn:hover img {filter: brightness(1);}
.BrandBtn img {margin: 0 10px 0 0; filter: brightness(0) invert(1);}

.BrandBtn:hover{
    background-color: transparent;
    border-radius: 10px;
    color: var(--primary-color);
    border: none;
    outline: none;
    padding: 10px 20px;
    border: 1px solid var(--primary-color);
    font-weight: 600;
}
.BrandBtnOutline img {margin: 0 10px 0 0; transition: all 0.5s ease;}
.TextRedColor {color: var(--primary-color)!important;}
.text-red2 {
    color: red!important;
}
.text-red {
    color: var(--primary-color)!important;
    font-weight: 600!important;
    margin: 0!important;
    padding: 0!important;
}
.text-black {color: #000000!important;}
.underline-black{text-decoration: underline; text-decoration-color: #808080!important;}
.underline-grey{text-decoration: underline; text-decoration-color: #000000!important;}
.text-red:hover {
    color: red!important;
    font-weight: 600!important;
    margin: 0!important;
    padding: 0!important;
}

.switch {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    padding: 2px 0px 3px 50px;
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.switch input {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    inset: 0px;
    background-color: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
    height: 21px;
    border-radius: 50px;
    width: 40px;
    border: 1px solid rgb(0, 0, 0);
    min-width: auto;
}

.switch .slider::before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 3px;
    bottom: 0px;
    top: 0px;
    background-color: rgb(0, 0, 0);
    transition: all 0.4s ease 0s;
    border-radius: 50%;
    margin: auto;
}

.switch input:checked + .slider {
    background-color: rgb(0, 0, 0);
}

.switch input:checked + .slider::before {
    transform: translateX(19px);
    background: rgb(255, 255, 255);
}

.CheckBox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    color: rgb(0, 0, 0);
    min-height: 20px;
    font-weight: 600!important;
}

.CheckBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0px;
    width: 0px;
}

.CheckBox .checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 4px;
}
.CheckBox:hover input ~ .checkmark {
    background: rgb(213, 213, 213);
}

.CheckBox .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 2px;
    width: 5px;
    height: 11px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
}

.CheckBox input:checked ~ .checkmark::after {
    display: block;
}

.Radio {
    color: #808080;
}

.Radio {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    user-select: none;
    margin: 0px !important;
    font-weight: 500;
}

.Radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.Radio .checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid rgb(0, 0, 0);
}

.Radio:hover input ~ .checkmark {
    border-color: rgb(0, 0, 0);
}

.Radio input:checked ~ .checkmark {
    border-color: rgb(0, 0, 0);
}

.Radio .checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.Radio input:checked ~ .checkmark::after {
    display: block;
}

.Radio .checkmark::after {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: rgb(0, 0, 0);
    inset: 0px;
    margin: auto;
}

header {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    background-color: rgb(255, 255, 255);
    z-index: 99;
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;



    
}

header .Logo {
    width: 145px;
}

header .Navigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 0px;
}

header .Navigation .Search {
    background-color: rgb(255, 255, 255);
    padding: 8px 10px;
    border-radius: 40px;
    border: 1px solid rgb(221, 221, 221);
    display: flex;
    align-items: center;
}

header .Navigation .Search span {
    margin: 0px 10px 0px 0px;
}

header .Navigation .Search input {
    border: none;
    box-shadow: none;
    outline: 0px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    /* min-width: 175px; */
    min-height: 24px;
    width: 125px;
}

header .Navigation .NavigationMenu {display: flex; align-items: center;}

header .Navigation .NavigationMenu ul {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

header .Navigation .NavigationMenu ul li {
    margin: 0px 0px 0px 20px;
}
header .Navigation .NavigationMenu ul li a.GreenBoxMb {width: auto!important;}
header .Navigation .NavigationMenu ul li a {width: 20px; display: inline-block;}

header .Navigation .NavigationMenu ul li .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    width: auto;
}

header .Navigation .NavigationMenu ul li .dropdown-toggle span {
    background-color: rgb(37, 165, 139);
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 34px;
    font-size: 13px;
    margin: 0px 4px 0px 0px;
}

header .Navigation .NavigationMenu ul li .dropdown-toggle::after {
    color: rgb(132, 129, 138);
    border-width: 7px;
}

header .Navigation .NavigationMenu ul li .dropdown-menu {
    margin: 0px;
    padding: 0px;
    min-width: 185px;
    border-radius: 7px;
    overflow: hidden;
    border: none;
    box-shadow: rgb(221, 221, 221) 0px 0px 5px;
}

header .Navigation .NavigationMenu ul li .dropdown-menu li {
    margin: 0px;
}

header .Navigation .NavigationMenu ul li .dropdown-menu li a {
    display: block;
    padding: 11px 10px 11px 40px;
    color: rgb(80, 80, 80);
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid rgb(221, 221, 221);
    position: relative;
}

header .Navigation .NavigationMenu ul li .dropdown-menu li:last-child a {
    border: none;
}

header .Navigation .NavigationMenu ul li .dropdown-menu li a span {
    position: absolute;
    left: 10px;
    font-size: 18px;
    top: 8px;
}

header .Navigation .NavigationMenu ul li .dropdown-menu li a:hover {
    background: rgb(225, 225, 225);
}

header .Navigation .NavigationMenu ul .MenuProject {
    display: flex;
    align-items: center;
}

header .Navigation .NavigationMenu ul .MenuProject a {
    color: rgb(37, 165, 139);
}

header .Navigation .NavigationMenu ul .MenuProject span {
    width: 25px;
    height: 25px;
    background-color: rgb(217, 217, 217);
    margin: 0px 10px 0px 0px;
    display: inline-block;
    border-radius: 50%;
}

.SidenavBar {
    height: calc(100vh - 70px);
    position: fixed;
    width: 145px;
    top: 70px;
    padding: 0px;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 3px 10px 10px 0px;
    background-color: rgb(255, 255, 255);
    z-index: 99;
}

.SidenavBar::-webkit-scrollbar-track {
    background: rgb(187, 187, 187);
    border-radius: 0px;
}

.SidenavBar::-webkit-scrollbar-thumb {
    background-color: rgb(0, 166, 182);
    border-radius: 0px;
    transition: background-color 0.2s linear 0s, width 0.2s ease-in-out 0s;
}

.SidenavBar::-webkit-scrollbar {
    width: 7px;
    border-radius: 0px;
}

.SidenavBar ul {
    margin: 0px;
    padding: 10px 0px;
}

.SidenavBar ul li {
    margin: 0px 0px 10px;
}

.SidenavBar ul li a {
    display: block;
    cursor: pointer;
    padding: 5px;
    transition: all 0.5s ease-in-out 0s;
    color: rgb(72, 72, 72);
    font-family: Roboto;
    font-size: 13px;
    text-transform: capitalize;
    position: relative;
    text-align: center;
}

.SidenavBar ul li a span {
    display: block;
    width: 25px;
    margin: 0px auto 5px;
    filter: brightness(0);
    opacity: 0.4;
}


.SidenavBar ul li.active a span {
    opacity: 1;
    filter: inherit;
}
.SidenavBar ul li a span:hover {
    opacity: 1;
    filter: inherit;
}
/* .SidenavBar ul li.active a{ color: red; } */

.WrapperArea {
    margin-left: 145px;
    flex: 1 1 auto;
    width: calc(100% - 145px);
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    transition: all 0.5s ease-in-out 0s;
}

.WrapperArea .WrapperBox.WrapperBoxChinook {
    min-height: calc(1350px - 70px);
}

.WrapperArea .WrapperBox {
    padding: 40px;
    background-color: rgb(241, 241, 241);
    min-height: calc(100vh - 70px);
    position: relative;
}

.Small-Wrapper {
    background-color: rgb(255, 255, 255);
    padding: 25px;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 10px;
}

.Small-Wrapper + .Small-Wrapper {
    margin-top: 20px;
}
.MainTitleBox {display: flex; justify-content: space-between; align-items: center; margin: 0 0 25px 0;}
.MainTitleBox .MainTitle h2 {color: #2E2C34; font-weight: 700; font-size: 24px;} 
.TitleBox .TitleBoxAddress h6 {color: #1F2937; font-size: 15px; margin: 0 0 5px 0; font-weight: 500;}
.TitleBox .TitleBoxAddress p {color: #4B5563; font-size: 13px; margin: 5px 0 0 0; font-weight: 400;}
.TitleBox .TitleBoxNavigate h5 {color: #1F2937; font-weight: 500; font-size: 16px;}
.TitleBox .TitleBoxNavigate p {color: #4B5563; font-size: 12px; margin: 5px 0 10px 0;}
.TitleBox .TitleBoxNavigate .NavigateButton {display: flex; justify-content: space-between; align-items: center;}
.TitleBox .TitleBoxNavigate .NavigateButton button {background-color: #25A58B; color: #fff; border-radius: 10px; font-weight: 600; font-size: 12px; border: none; outline: none; padding: 5px 10px;}
.TitleBoxRight h6 {color: #1F2937; font-size: 16px; font-weight: 500; margin: 0 0 10px 0;}
.TitleBox2.TitleBoxRight  span {color: #4B5563; font-size: 12px; font-weight: 400; margin: 10px 0 0 0!important;}


.TitleBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 25px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 25px;
}

.TitleBox .Title {
    font-weight: 700;
    color: #2E2C34;
    font-size: 24px;
}

.TitleBox .TitleBox2 {
    display: flex;
    align-items: center;
}

.TitleBox .TitleBox2 h6 {
    margin: 0px 40px 0px 0px;
    color: rgb(46, 44, 52);
}

.TitleBox .TitleBox2 h6 img {
    margin: 0px 0px 0px 5px;
    cursor: pointer;
}

.TitleBox .TitleBox2 h6 span {
    font-weight: 700;
}

.TitleBox .TitleBoxUnder {
    display: flex;
    flex-direction: column;
}

.TitleBox .TitleBoxUnder h4 {
    margin: 0px 0px 5px;
}

.TitleBox .TitleBoxUnder span {
    font-weight: 500;
    color: rgb(46, 44, 52);
    font-size: 14px;
}

.DashboardLeft {
    border: 1px solid rgb(221, 221, 221);
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
}

.DashboardLeft .ShowList {
    padding: 20px;
}

.DashboardLeft .ShowList h4 {
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0px 20px;
}

.DashboardLeft .ShowList article {
    margin: 0px 0px 15px;
}

.DashboardLeft .ShowList article ul {
    margin: 0px 0px 15px;
}

.DashboardLeft .ShowList article ul li {
    color: rgb(104, 103, 103);
    font-size: 14px;
    font-weight: 500;
    padding: 0px;
    margin: 0px 20px 0px 0px;
    display: inline-block;
}

.DashboardLeft .ShowList article ul li.active {
    color: rgb(228, 31, 38);
}

.DashboardLeft .ShowList article button {
    background: var(--primary-color);
    border-radius: 10px;
    color: rgb(255, 255, 255);
    display: block;
    font-weight: 600;
    padding: 14px 0px;
    text-align: center;
    width: 100%;
    border: none;
    outline: 0px;
}
.DashboardLeft .ShowList article button.DownloadPriceBook {
    background: #51B095;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    display: block;
    font-weight: 600;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    border: none;
    outline: 0px;
}
.DashboardLeft .ShowList article button.DownloadPriceBook img, 
.DashboardLeft .ShowList article button.UploadPriceBook img
{margin: 0 10px 0 0;}
.DashboardLeft .ShowList article button.UploadPriceBook {
    background: #4672C4;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    display: block;
    font-weight: 600;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    border: none;
    outline: 0px;
    margin: 20px 0 0 0;
}

.DashboardLeft .ShowList .Search {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    padding: 10px;
    display: flex;
}

.DashboardLeft .ShowList .Search .form-control {
    padding: 0px;
    border: none;
    outline: 0px;
    box-shadow: none;
    height: auto;
    font-weight: 500;
}

.DashboardLeft .ShowList aside {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0px auto 15px;
}

.DashboardLeft .ShowList aside h5 {
    color: rgb(60, 60, 60);
    font-size: 16px;
    font-weight: 600;
}

.DashboardLeft .ShowList aside a {
    display: inline-block;
    margin: 0px 0px 0px 10px;
}

.DashboardLeft .ShowList aside a img {
    filter: brightness(0);
}

.DashboardLeft .ShowList ul li {
    margin: 0px 0px 15px;
    cursor: pointer;
    font-size: 16px;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
}

.DashboardLeft .ShowList ul li figure {
    margin: 0px 10px 0px 0px;
}

.DashboardLeft .ShowList ul li span {
    /* background-color: var(--primary-color); */
    border-radius: 50%;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 0px 5px;
    color: rgb(255, 255, 255);
    font-size: 10px;
    width: 16px;
    height: 16px;
}

.DashboardLeft .FolderList {
    padding: 20px 0px;
    border-top: 1px solid rgb(221, 221, 221);
    margin-top: 20px;
}

.DashboardLeft .FolderList ul {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
}

.DashboardLeft .FolderList ul li {
    padding: 10px 20px;
    border-bottom: 1px solid rgb(221, 221, 221);
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.DashboardLeft .FolderList ul li:last-child {
    border: none;
}

.DashboardLeft .FolderList ul li .Icon {
    min-width: 30px;
}


.DashboardLeft .FolderList ul li label {
    margin: 4px 0px;
    flex: 1 1 auto;
    min-width: 0px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 14px;
}
.DashboardLeft .FolderList ul li .Appliances {
    margin: 4px 0px;
    flex: 1 1 auto;
    min-width: 0px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 14px;
}

.DashboardLeft .TagsList {
    padding: 20px;
    border-top: 1px solid rgb(221, 221, 221);
}

.DashboardLeft .TagsList h4 {
    font-size: 16px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin: 0px 0px 15px;
}

.DashboardLeft .TagsList ul li {
    display: inline-block;
    margin: 0px 10px 10px 0px;
}

.DashboardLeft .TagsList ul li span {
    background-color: rgb(245, 245, 245);
    padding: 8px 25px;
    display: block;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    color: rgb(133, 133, 133);
}

.ModalBox .modal h6 {
    font-size: 16px;
    margin: 0px 0px 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.ModalBox .FolderList ul {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
}

.ModalBox .FolderList ul li {
    padding: 10px 20px;
    border-bottom: 1px solid rgb(221, 221, 221);
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.ModalBox .FolderList ul li:last-child {
    border: none;
}

.ModalBox .FolderList ul li .Icon {
    min-width: 30px;
}

.ModalBox .FolderList ul li label {
    margin: 4px 0px;
    flex: 1 1 auto;
    min-width: 0px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 14px;
}

.ModalBox textarea {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px;
    resize: none;
}

.modal .CloseModal {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 26px;
    height: 26px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgba(0, 0, 0, 0.5);
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 15px;
    border-radius: 50%;
    z-index: 99;
}
.modal .modal-body {padding: 0px!important;}


.ModalBox .form-group .required {
    color: rgb(228, 31, 38);
}

.EventArea {
    margin: 0px 0px 30px;
}

.EventArea h4 {
    font-size: 20px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin: 0px 0px 15px;
}
.TableHeading h4 {
    font-size: 20px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin: 0px 0px 15px;
}

.TableList {
    overflow: auto;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
}

.TableList table tr th {
    font-weight: 500!important;
    text-transform: capitalize;
    color: rgb(0, 0, 0);
    font-size: 14px;
    padding: 13px 20px;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(221, 221, 221);
    text-align: left;
}
.TableList table tr th:first-child {
    text-align: left;
}
.TableList table tr td {
    font-weight: 500;
    color: rgb(64, 64, 64);
    padding: 13px 20px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid rgb(221, 221, 221);
}
.TableList table tr td:first-child {
    text-align: left;
}

.TableList table tr td strong {
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.TableList table tr td a:hover {
    color: rgb(0, 0, 0);
}

.TableList table tr td span {
    /* padding: 7px 10px; */
    color: rgb(255, 255, 255);
    border-radius: 5px;
    width: auto;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    /* min-width: 100px; */
}
.TableList table tr td .ActionsWidth {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
}

.TableList table tr td .Actions {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
}

.TableList table tr td .Actions a {
    margin: 0px 5px 0px 0px;
}

.TableList table tr:last-child td {
    border-bottom: none;
}

.TableList table tr td span.Count {
    color: rgb(255, 255, 255);
    background-color: var(--primary-color);
    min-width: auto;
    border-radius: 50%;
    padding: 0px 5px;
    margin: 0px 5px 0px 5x;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
}
.TableList .NewButton .NewBtn {background-color: var(--primary-color); border-radius: 10px;color: #fff;font-weight: 600;font-size: 12px;line-height: 20px; border: none; padding: 5px 15px;}
.NewBtn2 {background-color: var(--primary-color)!important; border-radius: 10px!important;color: #fff!important;font-weight: 500!important;font-size: 14px!important;line-height: 20px!important; border: none!important; width: auto!important; padding: 10px 20px!important;}
.Count {
    color: rgb(255, 255, 255);
    background-color: var(--primary-color);
    min-width: auto;
    border-radius: 50%;
    padding: 1px 5px;
    margin: 0px 0px 0px 5px;
    font-size: 12px;
    display: inline-block;
}

.TableList .BorderCyan {
    border-left: 10px solid rgb(0, 176, 240);
}

.TableList .BorderRed {
    border-left: 10px solid rgb(192, 0, 0);
}

.TableList .BorderGreen {
    border-left: 10px solid rgb(0, 176, 80);
}

.TableList .BorderDarkYellow {
    border-left: 10px solid rgb(255, 192, 0);
}

.TableList .BorderBlue {
    border-left: 10px solid rgb(0, 32, 96);
}

.TableList .BorderDarkGreen {
    border-left: 10px solid rgb(83, 129, 53);
}

.TableList .BorderYellow {
    border-left: 10px solid rgb(255, 255, 0);
}

.TableList .BorderDarkRed {
    border-left: 10px solid rgb(197, 90, 17);
}
.TableList.BlueHeader table thead tr th {color: #809FB8;} 

.FilesArea .FilesHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px 0px 30px;
}

.FilesArea .FilesHead .FilesLeft {
    display: flex;
    align-items: center;
}

.FilesArea .FilesHead .FilesLeft h4 {
    font-size: 20px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin: 0px 25px 0px 0px;
}

.FilesArea .FilesHead .FilesLeft.FilesLeftSalesdoocument aside {
    min-width: 250px;
}
.FilesArea .FilesHead .FilesLeft aside {
    background-color: rgb(255, 255, 255);
    padding: 12px 15px;
    border-radius: 12px;
    border: 1px solid rgb(221, 221, 221);
    min-width: 250px;
    display: flex;
}

.FilesArea .FilesHead .FilesLeft aside input {
    padding: 0px;
    height: auto;
    border: none;
    box-shadow: none;
    outline: 0px;
    font-size: 14px;
    font-weight: 500;
}

.FilesArea .FilesHead .FilesRight a {
    margin: 0px 0px 0px 15px;
}

.TableHeadingArea .FilesHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px 30px;
}

.TableHeadingArea .FilesHead .FilesLeft {
    display: flex;
    align-items: center;
}

.TableHeadingArea .FilesHead .FilesLeft h4 {
    font-size: 20px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin: 0px 25px 0px 0px;
}

.TableHeadingArea .FilesHead .FilesLeft aside {
    background-color: rgb(255, 255, 255);
    padding: 12px 15px;
    border-radius: 12px;
    border: 1px solid rgb(221, 221, 221);
    min-width: 300px;
}

.TableHeadingArea .FilesHead .FilesLeft aside input {
    padding: 0px;
    height: auto;
    border: none;
    box-shadow: none;
    outline: 0px;
    font-size: 14px;
    font-weight: 500;
}

.TableHeadingArea .FilesHead .FilesRight a {
    margin: 0px 0px 0px 15px;
}

.TableHead {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 30px;
}

.TableHead .TableLeft h4 {
    font-size: 20px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin: 0px 25px 0px 0px;
}
/* .FilesBox2 {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    margin: 0px 0px 15px;
}
.FilesBoxBottom {display: flex; justify-content: space-between; border-top: 1px solid #DBDBDB;padding: 10px; align-items: center;}
.FilesBoxBottom p {font-size: 13px;font-weight: 600;color: rgb(131, 131, 131);}
.FilesBoxTop {display: flex; padding: 10px;}
.FilesBoxTop h4 {
    font-size: 16px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin: 0px 0px 5px;
} */

.dropdown-item:focus, .dropdown-item:hover{background-color: transparent!important;} 

.FilesBox2.Safety {height: calc(100% - 15px);}
.FilesBox2.Safety figcaption {display: flex;justify-content: space-between;align-items: center;}
.FilesBox2.Safety figcaption:first-child {border-bottom: 1px solid #DBDBDB; padding: 10px 20px;}
.FilesBox2.Safety figcaption:first-child  h4{font-size: 16px!important; font-weight: 500!important;}
.FilesBox2.Safety figcaption:last-child {border-top: 1px solid #DBDBDB; padding: 10px 20px;}
.FilesBox2.Safety .DropdownMenuSafety {min-width: 250px;}
.FilesBox2.Safety .DropdownMenuSafetyModal {min-width: 215px;}
.FilesBoxCenterSafety {display: flex; align-items: center; padding: 20px 20px;}
.FilesBoxCenterSafety.FilesBoxCenterSafety {padding: 10px 10px;}
.FilesBoxCenterSafety h6 {font-size: 13px!important; font-weight: 600; color: #000000; margin: 0 5px!important;}
.FilesBoxCenterSafety h6 small {font-size: 11px; font-weight: 500; color: #000000; margin: 0 5px;}
.FilesBoxCenterSafety figure {border-radius: 10px;}
.FilesBox2.Safety figcaption p {font-size: 12px;font-weight: 700;color:#000000;}
.FilesBoxCenterSafety .FilesBoxCenterSafetyRight .form-group {margin: 0!important;}
.FilesBoxCenterSafety .FilesBoxCenterSafetyRight .form-group h6 {font-size: 12px!important; margin: 0 0 5px 0!important;}
.FilesBoxCenterSafetyModal {display: flex; justify-content: space-between; align-items: center;}
.FilesBoxCenterSafetyModal .FilesBoxCenterSafetyLeft {display: flex; align-items: center;}

.FilesBox2 {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    margin: 0px 0px 15px;
}
.FilesBox2 .dropdown-menu {width: 180px;}
.FilesBody .col-sm-4:nth-child(3n) .FilesBox2 figcaption .dropdown-menu{left: -85px!important;}
.SalesDocumentArea .col-md-3:nth-child(4n) .FilesBox2 figcaption .dropdown-menu{left: -105px!important;}

.FilesBoxCenter {display: flex; justify-content: space-between; align-items: center; padding: 5px 10px;}
.FilesBoxCenter figure {border-radius: 10px;}
.FilesBoxCenter .FilesBoxCenterLeft p {font-weight: 400; font-size: 12px; color: #000; margin: 0 0 10px 0;}
.FilesBoxCenter .FilesBoxCenterLeft p span {font-weight: 600; font-size: 14px; margin: 0 5px 0 0;}
.FilesBoxCenter .FilesBoxCenterLeft h6 {font-weight: 600; color: #000; text-decoration: underline; text-decoration-color: #808080; font-size: 14px;}
.FilesBoxCenter .FilesBoxCenterLeft h6 ~ p {font-weight: 500; color: #000; font-size: 12px;}




.FilesBox2 figcaption {display: flex;justify-content: space-between;align-items: center;}
.FilesBox2 figcaption:first-child {border-bottom: 1px solid #DBDBDB; padding: 10px;}
.FilesBox2 figcaption:last-child {border-top: 1px solid #DBDBDB; padding: 5px 10px;}

.FilesBox2 figcaption h4 {font-size: 14px;font-weight: 700;color: rgb(0, 0, 0);/* margin: 0px 0px 0px; */}

.FilesBox2 figcaption p {font-size: 12px;font-weight: 600;color: rgb(131, 131, 131);}

.FilesBox2 figcaption ul li {
    text-align: center;
    margin: 0px 0px 5px;
}

.FilesBox2 figcaption ul li a.dropdown-toggle::after {
    content: none;
}

.FilesBox2 figcaption ul li .dropdown-menu {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    min-width: 110px;
    padding: 0px;
}

.FilesBox2 figcaption ul li .dropdown-menu li {
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 0px;
}

.FilesBox2 figcaption ul li .dropdown-menu li:last-child {
    border: none;
}

.FilesBox2 figcaption ul li .dropdown-menu li a {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0px 10px 10px;
    display: block;
    text-align: left;
    display: flex;
    align-items: center;
}
.FilesBox2 figcaption ul li .dropdown-menu li a img {margin: 0 5px 0 0;}



.FilesBox {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    margin: 0px 0px 15px;
}

.FilesBox figure {
    margin: 0px;
}

.FilesBox figure img {
    width: 100%;
}

.FilesBox figcaption {
    padding: 15px 0px 0px;
    display: flex;
    justify-content: space-between;
}

.FilesBox figcaption h4 {
    font-size: 14px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin: 0px 0px 5px;
}

.FilesBox figcaption p {
    font-size: 12px;
    font-weight: 600;
    color: rgb(131, 131, 131);
}

.FilesBox figcaption ul li {
    text-align: center;
    margin: 0px 0px 5px;
    z-index: 1;
}

.FilesBox figcaption ul li a.dropdown-toggle::after {
    content: none;
}

.FilesBox figcaption ul li .dropdown-menu {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    min-width: 110px;
    padding: 0px;
}

.FilesBox figcaption ul li .dropdown-menu li {
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 0px;
}

.FilesBox figcaption ul li .dropdown-menu li:last-child {
    border: none;
}

.FilesBox figcaption ul li .dropdown-menu li a {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0px 10px 10px;
    display: block;
    text-align: left;
}
.FilesBox figcaption ul li .dropdown-menu li a img {margin: 0 5px 0 0;}


.PendingConfirmation td {color: var(--primary-color)!important;}
.dropdown-item.border-bottom{border: none!important;}

.TableThreeDots {cursor: pointer;}
.TableThreeDots.TableSlider .slider {margin: 7px 0 0 0;}
.TableThreeDots.TableSlider .switch .slider::before {height: 9px; width: 9px;}
.TableThreeDots.TableSlider .switch .slider {height: 15px; width: 30px;}
.TableThreeDots.TableSlider .switch {padding-left: 35px;}
.ResidentialJobArea .TableThreeDots.TableSlider .switch .slider {border: 1px solid #000;}
.ResidentialJobArea .TableThreeDots.TableSlider .switch .slider::before {background-color: #000;}
.ResidentialJobArea .TableThreeDots.TableSlider .switch input:checked + .slider {
    background-color: #fff;
}
.TableThreeDots.TableSlider .switch .slider::before {left: 0px;}


.TableThreeDots ul li .dropdown-menu {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    /* min-width: 110px; */
    padding: 0px;
    z-index: 1;
}
.dropdown-menuwidth {
    min-width: 175px!important;
}
.dropdown-menuwidth2 {
    min-width: 245px!important;
}
.ChangeOrderDropdown {
    min-width: 265px!important;
}
.ChangeOrderDropdown2 {
    min-width: 275px!important;
}
.ChangeOrderDropdown320 {
    min-width: 320px!important;
}
.ChangeOrderDropdown3 {
    min-width: 350px!important;
}
.ChangeOrderDropdown4 {
    min-width: 410px!important;
}
.TableListMaxHeight {min-height: 450px; overflow: scroll;}
.MinHeightTable {min-height: 350px;}
.dropdown .ConstructionSubmenu {left: -200px!important;}
.TableThreeDots ul li .dropdown-menu li {
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 0px;
}

.TableThreeDots ul li .dropdown-menu li:last-child {
    border: none;
}

.TableThreeDots.LastPadding ul li .dropdown-menu li:last-child a {padding-left: 40px;}

.TableThreeDots ul li .dropdown-menu li a {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0px 10px 10px;
    display: block;
    text-align: left;
}
.TableThreeDots ul li .dropdown-menu li a img {margin: 0 5px 0 0;}

.TableThreeDots ul li .dropdown-menu li a .CountThree {
    color: rgb(255, 255, 255)!important;
    background-color: var(--primary-color);
    min-width: auto;
    border-radius: 50%;
    padding: 1px 6px;
    margin: 0px 5px 0px 5px;
    font-size: 12px!important;
    display: inline-block;
}


.PermissionsName .Count, .StaffName .Count {
    color: rgb(255, 255, 255);
    background-color: var(--primary-color);
    min-width: auto;
    border-radius: 50%;
    padding: 1px 6px;
    margin: 0px 5px 0px 5px;
    font-size: 12px;
    display: inline-block;
}

.ExtraSmallModal .modal-dialog {
    max-width: 400px;
}

.ExtraSmallModal .modal-dialog .modal-content {
    padding: 40px 35px;
    border: none;
    border-radius: 10px;
}

.SmallModal .modal-dialog {
    max-width: 550px;
}

.SmallModal .modal-dialog .modal-content {
    padding: 40px 35px;
    border: none;
    border-radius: 10px;
}


.ExtraSmallModal2 .modal-dialog {
    max-width: 250px;
}

.ExtraSmallModal2 .modal-dialog .modal-content {
    padding: 40px 0px 0px;
    border: none;
    border-radius: 10px;
}


.MediumModal .modal-dialog {
    max-width: 750px;
}

.MediumModal .modal-dialog .modal-content {
    padding: 40px;
    border: none;
    border-radius: 10px;
}
.ExtraLargeModal .modal-dialog {
    max-width: 1275px;
}
.ExtraLargeModal .modal-dialog .modal-content{
    padding: 40px;
    border: none;
    border-radius: 10px;
}
.ExtraLargeModal.ExtraLargeModalGreen .modal-dialog .modal-content{
    padding: 40px 20px;
    border: none;
    border-radius: 10px;
}


.LargeModal .modal-dialog {
    max-width: 1075px;
}

.LargeModal .modal-dialog .modal-content {
    padding: 40px;
    border: none;
    border-radius: 10px;
}

.SmarterModal .modal-dialog {
    max-width: 370px;
}

.SmarterModal .modal-dialog .modal-content {
    padding: 40px 40px 20px 40px;
    border: none;
    border-radius: 10px;
}

.LargeModal.LightGreenModal .modal-dialog .modal-content {
    padding: 0px;
    border: none;
    border-radius: 10px;
}
.LargeModal.LightGreenModal .ModalTitleBox {background-color: rgba(226, 239, 218, 1); border: none; display: flex; flex-direction: column; margin-bottom: 0px;}
.LargeModal.LightGreenModal .ModalTitleBox h4 {color: #000!important;}


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


.ModalTitleBoxBrand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 25px;
    background: rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px 25px;
    margin: -40px -40px 20px -40px;
}
.ModalTitleBoxBrand h4 {
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-size: 20px;
}
.ModalTitleBoxBlue {background: #00B0F0!important;}
.ModalTitleBoxGreen {background: #75BC2A!important;}
.ModalTitleBoxRed {background: #DE0000!important;}
.ModalTitleBox h4 {
    color: #2E2C34!important;
}
.ModalTitleBoxYellow {
    background:  #FFC003!important;
}
.ModalTitleBoxYellow h4 {
    color: #2E2C34!important;
}
.ModalTitleBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 25px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 25px;
}

.ModalTitleBox h4 {
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-size: 20px;
    margin-bottom: 0px;
}
.ModalTitleHeading {display: flex; align-items: center; justify-content: space-between;margin: 0px 0px 25px;}

.ModalTitleHeading h2 {
    font-weight: 600;
    color: rgb(46, 44, 52);
    font-size: 20px;
}

.ModalTitleHeading h2 span {
    font-weight: 600;
}
.ModalTitleHeading .Actions a {margin: 0 5px;}

.Filter .form-group {
    display: flex;
}
.ViewConfigArea .form-group {
    margin: 0px 0px 30px;
}

.ViewConfigArea .form-group h6 {
    font-size: 16px;
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-weight: 600;
}


.FolderForm .form-group {
    margin: 0px 0px 25px;
}

.FolderForm .form-group h6 {
    font-size: 16px;
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.FolderForm .form-group h4 {
    font-size: 20px;
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-weight: 700;
}


.ModalInputSearch  {
    display: flex;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    /* padding: 15px 20px; */
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
}
.ModalInputSearch input {border: none; outline: none; border-radius: 10px;  padding: 15px 20px; flex: 1; }
.ModalInputSearch span {padding: 15px 20px;}

.ViewConfigArea .form-group .form-control {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
}


.FolderForm .form-group .form-control {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
}
.FolderForm .form-group .form-control::placeholder {font-size: 14px; font-weight: 500; color: #808080;}
.FolderForm .form-group .CommonSelectBox {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
    position: relative;
}
.FolderForm .form-group .CommonSelectBox select {background-color: transparent; border: none; outline: none; width: 100%; color: #808080; font-weight: 400;  padding: 15px 20px;}
.FolderForm .form-group .CommonSelectBox span {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); pointer-events: none;}


.TableCommonSelectNew .form-group .form-control { padding: 15px 20px; height: auto;}
.TableCommonSelectNew .CommonSelectBox {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
    position: relative;
}
.TableCommonSelectNew .CommonSelectBox select {background-color: transparent; border: none; outline: none; width: 100%; color: #808080; font-weight: 400;  padding: 15px 20px;}
.TableCommonSelectNew .CommonSelectBox span {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}



.modal .modal-content .CommonSelectBox, .ViewConfigArea .CommonSelectBox {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
    position: relative;
    width: 200px;
    margin: 0px auto;
}
.modal .modal-content .CommonSelectBox select, .ViewConfigArea .CommonSelectBox select {background-color: transparent; border: none; outline: none; width: 100%; font-size: 15px; color: #808080; font-weight: 500;  padding: 5px 0 5px 10px;}
.modal .modal-content .CommonSelectBox span, .ViewConfigArea .CommonSelectBox span {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); min-width: 0px!important; pointer-events: none;}


.CompanyDetailsForm .CommonSelectBox {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
    position: relative;
}
.CompanyDetailsForm .CommonSelectBox select {background-color: transparent; border: none; outline: none; width: 100%; appearance: none; color: #808080; font-weight: 500;  padding: 15px 20px;}
.CompanyDetailsForm .CommonSelectBox span {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); min-width: 0px!important; pointer-events: none;}
.CompanyDetailsForm label {font-size: 16px!important;}



.FolderForm .form-group p {font-size: 13px; color: #808080; font-weight: 600; margin: 0 0 0 25px;}
.FolderForm .form-group p.TextRed {color: #E41F26; margin-left: 0!important; font-weight: 600!important; font-size: 14px;}

.FolderForm .form-group .PermissionsName {display: flex;}


.FolderForm .form-group .PermissionsName h5 {
    color: rgb(228, 31, 38);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: flex; 
    align-items: center;
}

.FolderForm .form-group .PermissionsName h5 span {
    display: inline-block;
    margin: 0px 5px 0px 0px;
    filter: brightness(0);
}

.FolderForm .form-group small {
    color: rgb(128, 128, 128);
    font-size: 13px;
}
.FolderForm form h2 {font-size: 20px; font-weight: 400; margin: 0 0 20px 0;}
.FolderForm form h2 span{font-size: 20px; font-weight: 600;}

.Filter {
    display: flex;
}

.Filter2 .form-group{margin: 0 10px 20px 0;display: inline-block;}
.Filter2 .form-group:last-child{margin:0 0 20px 0; width: 100%;}
.Filter2 .form-group label{display:block;font-weight: 600;font-size:15px;color: #000;}
.Filter2 .form-group .form-control{height:42px;line-height: 25px;padding:8px 10px;border: 1px solid #cbcaca;font-size: 14px;margin:0 10px 0 0;box-shadow:none;color: #3e3d3d;font-weight: 600;border-radius: 5px;}

.Filter .form-group {
    display: inline-block;
}

.Filter .form-group:last-child {
    margin: 0px 0px 20px;
}

.Filter .form-group label {
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: rgb(0, 0, 0);
}

.Filter .form-group .form-control {
    height: 42px;
    line-height: 25px;
    padding: 8px 10px;
    border: 1px solid rgb(203, 202, 202);
    font-size: 14px;
    margin: 0px 10px 0px 0px;
    box-shadow: none;
    color: rgb(62, 61, 61);
    font-weight: 600;
    border-radius: 5px;
}

.Filter .form-group a {
    font-weight: 600;
    font-size: 14px;
}

.Button button {
    border: 1px solid rgb(221, 221, 221);
    font-size: 15px;
    padding: 11px 35px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: rgb(255, 255, 255);
}
.Button button img {margin: 0 10px 0 0;}
.SaveBtn {
    background: #25A58B;
    border-radius: 10px;
    border-color: #25A58B!important;
    box-shadow: none;
}
.Button a.Create {
    background: var(--primary-color);
    border-radius: 10px;
    border-color: var(--primary-color);
    box-shadow: none;
}

.Button button.Create {
    background: var(--primary-color);
    border-radius: 10px;
    border-color: var(--primary-color);
    box-shadow: none;
}

.Button button.Create {
    background: var(--primary-color);
    border-radius: 10px;
    border-color: var(--primary-color);
    box-shadow: none;
}
.Button button.Respond {
    background: #00B050;
    border-radius: 10px;
    border-color: #00B050;
    box-shadow: none;
}

.Button button.Outline {
    background: transparent;
    border-radius: 10px;
    border-color: var(--primary-color);
    box-shadow: none;
    color: var(--primary-color);
}
.Button button.OutlineBlack {
    background: transparent;
    border-radius: 10px;
    border-color: rgb(0, 0, 0);
    box-shadow: none;
    color: rgb(0, 0, 0);
}

.AssignTable {
    margin: 0px 0px 30px;
}

.AssignTable h4 {
    font-size: 18px;
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-weight: 700;
}

.AssignTable article {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    margin-bottom: 30px;
    max-height: 300px;
    overflow: scroll;
}
.AssignTable article.width75 {width: 75%;}
.AssignTable article table th {
    padding: 10px 15px;
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid rgb(221, 221, 221);
    white-space: nowrap;
}

.AssignTable article table th:first-child {
    color: rgb(0, 0, 0);
    font-weight: 600;
    border-right: 1px solid rgb(221, 221, 221);
    text-align: left;
}

.AssignTable article table td {
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.AssignTable article table td:first-child {
    border-right: 1px solid rgb(221, 221, 221);
    color: rgb(0, 0, 0);
    font-weight: 600;
    text-align: left;
}

.AssignTable article table tr:last-child td {
    border-bottom: none;
}



.EntriesTable {
    margin: 0px 0px 30px;
}
.EntriesTable img {margin: 0 0 0 15px;}
.EntriesTable h4 {
    font-size: 18px;
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-weight: 700;
}

.EntriesTable article {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    margin-bottom: 30px;
}

.EntriesTable article table th {
    padding: 10px 20px;
    text-align: left;
    color: rgb(0, 0, 0);
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.EntriesTable article table th:first-child {
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.EntriesTable article table tr {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.EntriesTable article table td {
    padding: 10px 20px;
    text-align: left;
    /* border-bottom: 1px solid rgb(221, 221, 221); */

}

.EntriesTable article table td {
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.EntriesTable article table tbody tr:last-child {
    border-bottom: none;
}
.EntriesTable article table tbody tr td:last-child, .EntriesTable article table thead tr th:last-child {
    text-align: center;
}


.HistoryTable h4 {
    margin: 0px 0px 20px;
    font-size: 22px;
    color: rgb(46, 44, 52);
}

.HistoryTable h4 strong {
    color: rgb(0, 0, 0);
}

.HistoryTable .MuiDataGrid-root {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    border: 1px solid rgb(221, 221, 221);
}

.HistoryTable .MuiDataGrid-root .MuiDataGrid-columnHeader {
    padding: 0px 15px;
    outline: 0px !important;
}

.HistoryTable .MuiDataGrid-root .MuiDataGrid-cell {
    padding: 0px 15px;
}

.HistoryTable .MuiDataGrid-root .MuiDataGrid-footerContainer {
    display: none;
}

#ImageSignature .Upload {min-height: 140px; line-height: 140px;}
.Upload.New {
    padding: 20px 100px;
}
.Upload.New span {
    line-height: 20px;
    font-size: 12px;
}
.Upload {
    border: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 9px 15px;
    border-radius: 8px;
    position: relative;
    height: auto;
    line-height: 22px;
    text-align: center;
}

.Upload input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.Upload span {
    color: rgb(128, 128, 128);
    font-weight: 500;
    line-height: 35px;
    font-size: 15px;
}

.form-group .SelectBox {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 100%;
    height: auto;
    outline: none;
    position: relative;
    display: flex;
}

.form-group .SelectBox select {
    border: none;
    outline: none;
    appearance: none;
    flex: 1 1 0%;
    border-radius: inherit;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 500;
    color: rgb(128, 128, 128);
}

.form-group .SelectBox span {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
}

.Categories_all {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: rgb(128, 128, 128);
    cursor: pointer;
}

.Categories ul {
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 14px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    margin: 10px 0px 0px;
    text-align: center;
}

.Categories ul li {
    border-bottom: 1px solid rgb(219, 219, 219);
    padding: 15px 20px;
    color: rgb(128, 128, 128);
    position: relative;
    cursor: pointer;
}

.Categories ul li span {
    position: absolute;
    cursor: pointer;
}

.Categories ul li span.Search {
    right: 20px;
}

.Categories ul li:last-child {
    border-bottom: none;
}

.Categories ul li label {
    color: rgb(128, 128, 128);
    margin: 0px 0px 0px 25px;
}

.Categories ul li input {
    width: 100%;
    outline: none;
    border: none;
    text-align: center;
    font-weight: 500;
}
.Categories_all select {
    width: 100%;
    border: none;
    padding: 15px 20px;
    border-radius: 10px;
    color: rgb(128, 128, 128);
    font-weight: 500;
}
.Categories_all select:focus {outline: none;}
.Categories_all img {display: none;}
.SelectAction_All {
    position: relative;
}
.SelectAction_All > img {margin: 0 0 0 10px;}
.SelectAction_Main {display: flex; justify-content: space-between; align-items: flex-end;}
.SelectAction {width: 50%; margin: 0 5px 0 0;}
.SelectAction ul {
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 14px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    margin: 10px 0px 0px;
    text-align: center;
}

.SelectAction ul li {
    border-bottom: 1px solid rgb(219, 219, 219);
    padding: 15px 20px;
    color: rgb(128, 128, 128);
    position: relative;
}
.SelectAction ul li:last-child {border-bottom: none;}

.dropdown-menu .dropdown-item {
    text-align: center;
}

.dropdown-menu .dropdown-item span {
    position: absolute;
    cursor: pointer;
    right: 20px;
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-menu .dropdown-item label {
    color: rgb(128, 128, 128);
    margin: 0px 0px 0px 25px;
}

.dropdown-menu .dropdown-item input {
    width: 100%;
    outline: none;
    border: none;
    text-align: center;
}

.dropdown-menu .dropdown-item img {
    margin: 0px 5px 0px 0px;
}

.TodoUser .dropdown-menu .dropdown-item {
    border-bottom: none !important;
}
.TodoUser .dropdown .dropdown-menu .dropdown-item {text-align: left!important;}
.TodoUser .dropdown .dropdown-menu .dropdown-item {padding: 0.5rem 1rem 0.5rem 1rem;}
.TodoUser .dropdown .dropdown-menu .dropdown-item,
.TodoUser .dropdown .dropdown-menu {width: 250px;}


.form-group.FolderList {
    display: flex;
    flex-direction: column;
}

.form-group.FolderList {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
}

.form-group.FolderList input {
    padding: 10px 20px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(221, 221, 221);
    outline: none;
    font-weight: 500;
    font-size: 15px;
    border-radius: 10px 10px 0px 0px;
}

.form-group.FolderList input:last-child {
    border: none;
    border-radius: 10px;
}

.form-group.FolderList > div {
    display: flex;
    position: relative;
}

.form-group.FolderList > div input {
    flex: 1 1 0%;
}

.form-group.FolderList > div span {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.FilesAddedTable {margin: 0 0 25px 0;}
.FilesAddedTable table thead tr th {font-size: 16px; color: #2E2C34; font-weight: 700; padding: 5px 10px 5px 0;}
.FilesAddedTable table tbody tr td {padding: 5px 10px 5px 0}
.FilesAddedTable table tbody tr td .FilesAddedName { display: flex;}
.FilesAddedTable table tbody tr td .FilesAddedName p  { margin: 0 20px 0 0; color: #2E2C34; font-weight: 400; font-size: 14px;}



.FilesAddedBoth {display: flex; align-items: center;}
.FilesAddedGroup h6 {font-size: 20px!important;}
.FilesAddedBoth .FilesAdded {margin: 5px 0px;}
.FilesAdded {
    display: flex;
    margin: 0px 0px 20px;
}
.FilesAdded p {font-size: 13px;color: #0070C0!important; margin-left: 0px!important;}

.FilesAdded label {
    margin: 0px 20px 0px 0px;
    color: #2E2C34;
    font-weight: 600;
    font-size: 14px;
}

.FilesAdded span.cross {
    margin: 0px 0px 0px 15px;
}

.FilesAddedTitle h4 {
    color: rgb(46, 44, 52);
    font-weight: 600;
    font-size: 22px;
    margin: 0px 0px 15px;
}

.QuestionsArea .QuestionRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 10px;
}

.QuestionsArea .QuestionRow p {
    color: rgb(46, 44, 52);
    font-size: 13px;
}

.QuestionsArea .QuestionRow p:last-child {
    white-space: nowrap;
}

.QuestionsArea .QuestionRow p button {
    background-color: rgb(245, 245, 245);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 7px 10px;
    font-size: 10px;
    color: rgb(128, 128, 128);
    margin: 0px 0px 0px 5px;
}

.QuestionsArea .QuestionRow p button:focus {
    outline: none;
}

.QuestionsArea .QuestionRow p input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 5px;
}

.ChecklistTable {
    width: 100%;
}

.ChecklistTable table tr th {
    font-weight: 600;
    color: rgb(46, 44, 52);
    font-size: 18px;
    text-align: center;
    padding: 5px;
}

.ChecklistTable table tr th:first-child {
    text-align: left;
}

.ChecklistTable table tr td {
    font-size: 13px;
    padding: 5px 0px;
    text-align: center;
}

.ChecklistTable table tr td:first-child {
    text-align: left;
}

.ChecklistTable table tr td input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 5px 0px;
}

.modal .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 0px;
    margin: 5px 0px 0px;
}

.modal .dropdown-menu .dropdown-item {
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 14px;
    padding: 0.5rem 1.5rem 0.5rem 1rem;
    text-align: left;
    /* border-bottom: 1px solid rgb(219, 219, 219) !important; */
}
 
.ItineraryDropdown .dropdown-item {
    padding: 0.5rem 1.5rem 0.5rem 0.5rem!important;
}

.modal .dropdown-menu .dropdown-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.modal .dropdown-menu .dropdown-item:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.modal .dropdown-menu .dropdown-item:last-child {
    border: none !important;
}

.dropdown-item:active {
    background-color: transparent !important;
}

.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 0px;
    margin: 5px 0px 0px;
    top: 24px;
    z-index: 1;
}
.dropdown-menu li {border-bottom: 1px solid rgb(219, 219, 219) !important;}
.dropdown-menu .dropdown-item {border-bottom: 1px solid rgb(219, 219, 219) !important;}
.dropdown-menu .dropdown-item:last-child {border-bottom: none;}
.dropdown-menu li:last-child{border-bottom: none!important;}
.dropdown-menu .dropdown-item {
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 14px;
    padding: 0.5rem 1.5rem 0.5rem 1rem;
    /*  */
}

.dropdown-menu .dropdown-item:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.dropdown-menu .dropdown-item:last-child {
    border: none !important;
}

.dropdown-item:active {
    background-color: transparent !important;
}

hr {
    margin-left: -35px !important;
    margin-right: -35px !important;
}

.DiscussionArea {
    margin: 50px 0px 0px;
}

.DiscussionArea .DiscussionHideArea {
    display: none;
    /* background-color: #fff; */
    border-radius: 5px;
    padding: 10px;
    overflow: scroll;
    max-height: 300px;
}
.bg_f7{background-color: #f7f7f7!important;}
.DiscussionArea .DiscussionTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 35px;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    cursor: pointer;
}

.DiscussionArea .DiscussionTitle h4 {
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-size: 20px;
}

.DiscussionArea .DiscussionTitle .DiscussionChat img {
    margin: 0px 20px 0px 0px;
}

.DiscussionArea .DiscussionBox {
    display: flex;
    align-items: center;
    margin: 0px 0px 25px;
}

.DiscussionArea .DiscussionBox .form-group {
    width: calc(100% - 74px);
    margin: 0px;
    position: relative;
}
.DiscussionArea .DiscussionBox .form-group .DiscussionOverlay {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.DiscussionArea .DiscussionBox .form-group .DiscussionOverlay a {display: inline-block; margin: 0 0px 0 10px;}
.DiscussionArea .DiscussionBox .form-group .DiscussionOverlay .CancelChat {
   width: 20px;
   transform: rotate(45deg);
}
.DiscussionArea .DiscussionBox .form-group .DiscussionOverlay .SendChat {
   width: 25px;
   margin: 0 10px 0 10px;
}
.DiscussionArea .DiscussionBox .form-group input {
    box-shadow: none;
}
.DiscussionArea .DiscussionBox .form-group input::placeholder {color: #808080; font-size: 12px; font-weight: 600;}
.DiscussionArea .DiscussionBox .DiscussionRight {
    color: rgb(6, 21, 43);
    min-width: 180px;
}

.DiscussionArea .DiscussionBox .DiscussionRight h6 {
    font-weight: 500;
    margin: 0px 0px 5px;
}

.DiscussionArea .DiscussionBox .DiscussionRight small {
    display: block;
    font-weight: 600;
    text-align: right;
    font-size: 12px;
}

.DiscussionArea .DiscussionBox span, .SalesPersonarea span {
    background-color: rgb(37, 165, 139);
    width: 49px;
    height: 49px;
    display: inline-flex;
    border-radius: 50%;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 34px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    margin: 0px 25px 0px 0px;
}

.ReplyArea {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 0 100px;
}

.ReplyArea a {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    margin: 0px 0px 25px;
    display: inline-block;
}

#PhaseTaskManagement .TableList {max-height: 600px;}
.TableListLarge {max-height: 600px;}
.TableMinimumHeight {min-height: 525px; overflow: scroll;}
.TableMinimumHeight2 {min-height: 750px;}

#NotesList .TableList table tr th, #NotesList2 .TableList table tr th, #SupportingDocumentList .TableList table tr th, #SupportingDocumentList2 .TableList table tr th, #FieldPurchaseList .TableList table tr th, #ConsolidatedField .TableList table tr th, #PhaseTaskManagement .TableList table tr th {
    color: rgb(128, 159, 184);
    font-weight: 500;
}

#FieldPurchaseList .TableList table tr th, #FieldPurchaseList .TableList table tr td, #ConsolidatedField .TableList table tr th, #ConsolidatedField .TableList table tr td {
    white-space: nowrap;
}
.CommonHeadingBlack2 tr th {color: #000000!important;}
.CommonHeadingBlack table tr th {
    color: #000000;
    font-weight: 500;
    text-align: left;
}

.CommonHeadingBlack table tr th, .CommonHeadingBlack table tr td {
    white-space: nowrap;
    text-align: left;
}

.CommonHeading table tr th {
    color: rgb(128, 159, 184);
    font-weight: 500;
}

.CommonHeading table tr th, .CommonHeading table tr td {
    white-space: nowrap;
}
.CommonHeading2 table tr td {text-align: left!important;}
.CommonHeading2 table tr th {text-align: left!important;}
.TableList table tr td.Inspection {
    color: rgb(228, 31, 38);
}

.NotesAreaMain {
    margin: 0px 0px 30px;
}

.NotesAreaMain h3 {
    color: rgb(46, 44, 52);
    font-weight: 400;
    font-size: 20px;
    margin: 0px 0px 15px;
}

.NotesAreaMain h3 span {
    font-weight: 600;
}

.NotesAreaMain h3 img {
    margin: -10px 0px 0px 15px;
}

.NotesArea {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 20px;
}

.JobTitleArea {
    margin: 0px 0px 30px;
}

.JobTitleArea div a {
    margin: 0px 5px;
}

.JobTitleArea .JobBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
}

.JobTitleArea .JobBox h6 {
    color: rgb(46, 44, 52);
    font-weight: 400;
    font-size: 16px;
}

.JobTitleArea .JobBox h6 span {
    font-weight: 600;
    font-size: 16px;
}

.JobTitleArea h3 {
    color: rgb(46, 44, 52);
    font-weight: 600;
    font-size: 22px;
    margin: 0px 0px 15px;
}

.NotesArea h6 {
    color: rgb(46, 44, 52);
    font-weight: 700;
    font-size: 16px;
}

.NotesArea div a {
    margin: 0px 5px;
}

.RadioText {
    /* display: none; */
    transition: all 0.5s ease-in-out 0s;
}

.TableHeadingArea .Search {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
}

.TableHeadingArea .Search .form-control {
    padding: 0px;
    border: none;
    outline: 0px;
    box-shadow: none;
    height: auto;
    font-weight: 500;
    margin-left: 15px;
}

.PaginationArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0px 0px;
}

.PaginationArea h6 {
    display: flex;
    align-items: center;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.PaginationArea h6 img {
    width: 8px;
    margin: 0px 10px;
}

.PaginationArea h6 img:first-child {
    margin-left: 0px;
}
.PaginationArea h6 span {color: #84818A;}

.CalendarArea {
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    margin: 0px 0px 25px;
}

.CalendarTable tr th, .CalendarTable tr td {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    width: calc(14.2857%);
}

.CalendarTable tr th {
    background-color: rgb(255, 255, 255);
    padding: 10px 0px;
    color: rgb(91, 91, 91);
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

.CalendarTable tr td {
    background-color: rgb(255, 255, 255);
    padding: 10px 0px 50px 20px;
    color: rgb(56, 56, 56);
    font-weight: 400;
    font-size: 14px;
}

.CalendarArea .CalendarHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgb(221, 221, 221);
    border-right: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(221, 221, 221);
    border-image: initial;
    border-bottom: none;
}

.CalendarArea .CalendarHeader .CalendarHeaderArea {
    display: flex;
    align-items: center;
    padding: 10px;
}

.CalendarArea .CalendarHeader .CalendarHeaderArea:nth-child(2) {
    display: flex;
}

.CalendarArea .CalendarHeader .CalendarHeaderArea:nth-child(2) h3 {
    margin: 0px 20px;
}

.CalendarArea .CalendarHeader .CalendarHeaderArea img {
    margin: 0px 5px;
}

.CalendarArea .CalendarHeader .CalendarHeaderArea h3 {
    font-size: 18px;
}

.CalendarArea .CalendarHeader .CalendarHeaderArea button {
    border-radius: 10px;
    background-color: transparent;
    padding: 7px 10px;
    font-size: 10px;
    font-weight: 600;
    margin: 0px 5px;
}

.CalendarArea .CalendarHeader .CalendarHeaderArea button.Red {
    border: 1px solid var(--primary-color);
}

.CalendarArea .CalendarHeader .CalendarHeaderArea button.Black {
    border: 1px solid rgb(0, 0, 0);
}


.CalendarSection {padding:10px 0 50px 0; height: 100%;}
.CalendarSection h6 {color: #2E2C34!important; margin: 0 0 15px 0;}
.CalendarSection h6 .GreenText {color: #55813E;}
.CalendarSection h6 .BlueText {color: #285EBC;} 
.CalendarSection .ModalCalendarTable {border: 1px solid #ddd; border-radius: 7px; display: flex; justify-content: space-between;}
.CalendarSection .ModalCalendarTable .ModalCalendarTableFull {width: 100%;}
/* .CalendarSection .ModalCalendarTable table thead {border-bottom: 1px solid #ddd;} */
.CalendarSection .ModalCalendarTable table thead tr th {color: #5B5B5B; font-size: 14px; font-weight: 500; text-align: center; padding: 15px 15px; border-bottom: 1px solid #ddd;}
.CalendarSection .ModalCalendarTable table tbody tr td {color: #383838; font-size: 18px; font-weight: 400; text-align: center; padding: 15px 15px;}
.CalendarSection .ModalCalendarTable table tbody tr td.TdBgColor {background-color: #FAFAFA; color: #383838; margin: -10px -15px -10px -15px;}
.CalendarSection .ModalCalendarTable table tbody tr td .LightBlue {background-color: #DAE2F3; color: #285EBC; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content:center; margin: 0 auto;}
.CalendarSection .ModalCalendarTable table tbody tr td .LightGreen {background-color: #E2EFD9; color: #55813E; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content:center; margin: 0 auto;}
.CalendarSection .ModalCalendarTable table tbody tr td .DarkBlue {background-color: #285EBC; color: #fff; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content:center; margin: 0 auto;}
.CalendarSection .ModalCalendarTable table tbody tr td .DarkGreen {background-color: #55813E; color: #fff; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content:center; margin: 0 auto;}
.CalendarSection .ModalCalendarTable table tbody tr td .LightBlue, .CalendarSection .ModalCalendarTable table tbody tr td .LightGreen {position: relative;}
.CalendarSection .ModalCalendarTable table tbody tr td .LightBlue .DateOverflowBlue {position: absolute; width: 4px; height: 4px; border-radius: 50%; background-color: #285EBC; content: ""; bottom: 3px; transform: translateX(-50%); left: 50%;}
.CalendarSection .ModalCalendarTable table tbody tr td .LightGreen .DateOverflowGreen {position: absolute; width: 4px; height: 4px; border-radius: 50%; background-color: #55813E; content: ""; bottom: 3px; transform: translateX(-50%); left: 50%;}
.CalendarSection .ModalCalendarTable .TableHeader2 {display: flex; align-items: center; justify-content: center;}
.CalendarSection .ModalCalendarTable .TableHeader {display: flex; align-items: center; justify-content: center; padding: 5px 0;}
.CalendarSection .ModalCalendarTable .TableHeader .MonthName {margin: 0 10px 0 0; font-size: 22px; color: #5B5B5B; display: flex; align-items: center;}
.CalendarSection .ModalCalendarTable .TableHeader .YearName {margin: 0 0 0 10px; font-size: 22px; color: #5B5B5B; display: flex; align-items: center;}
.CalendarSection .ModalCalendarTable .TableHeader h6 img {margin: 0 10px 0 10px;}
.CalendarSection .ModalCalendarTable .TableFooter {border-top: 1px solid #ddd; display: flex;  padding: 20px 0 20px 30px;} 
.CalendarSection .ModalCalendarTable .TableFooter h6 {margin: 0 100px 0 0;}
.CalendarSection .ModalCalendarTable .TableFooter h6, .CalendarSection .ModalCalendarTable .TableFooter p{margin-bottom: 0; color: #2E2C34!important; font-weight: 700!important; } 
.CalendarSection .ModalCalendarTable .TableFooter p {font-weight: 500; cursor: pointer;}
.CalendarSection .ModalCalendarTable .TableFooter p img {margin: 0 10px 0;} 
.CalendarSection .ModalCalendarTable .CalendarRight { border-left: 1px solid #ddd; display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 0px 10px;}
.CalendarSection .ModalCalendarTable .CalendarRight h6 {color: #5B5B5B; font-size: 14px; text-align: center; font-weight: 500;}
.CalendarSection .ModalCalendarTable .CalendarRight button {border: 1px solid #285EBC;border-radius: 10px; background-color: transparent; margin: 10px 0; padding: 10px 15px; font-weight: 400; color: #285EBC;}
.CalendarSection .ModalCalendarTable .CalendarRight .BlueBrandBtn {background: #285EBC; color: #fff;}
.CalendarSection .ModalCalendarTable .CalendarRightGreen button {border: 1px solid #55813E;border-radius: 10px; background-color: transparent; margin: 10px 0; padding: 10px 15px; font-weight: 400; color: #55813E;}
.CalendarSection .ModalCalendarTable .CalendarRightGreen .GreenBrandBtn {background: #55813E; color: #fff;}
.CalendarLeft {height: 100%;}
.CalendarLeft {border-right: 1px solid #DBDBDB;}
.CalendarLeft .Heading {font-size: 16px; color: #2E2C34!important; font-weight: 600!important;}
.ClientsDetails, .ClientLocation {margin: 0 0 25px 0;}
.ClientsDetails p:first-child {color: #808080; text-decoration: underline; font-weight: 600; margin: 0 0 5px 0; font-size: 14px;}
.ClientsDetails .ClientName {color: #000000; font-weight: 700!important; margin: 0 0 5px 0!important; font-size: 14px!important;}
.ClientsDetails p, .ClientLocation .ClientAddress {color: #808080; font-weight: 500; margin: 0 0 5px 0; font-size: 14px;}
.ClientLocation p:first-child {color: #808080; text-decoration: underline; font-weight: 600; margin: 0 0 0px 0; font-size: 14px;}
.ClientLocation p img {margin: 0 0 0 20px;}
.ItemArea {margin: 0 0 25px 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.ItemArea h6 {font-size: 16px;margin: 0 0 10px 0!important;color:#2E2C34; font-weight: 600;}
.ItemArea .ItemAreaBox {border-radius: 10px; display: inline-block; padding: 15px 15px 5px;}
.ItemAreaBox.ItemAreaBoxUnderline h6{text-decoration: underline; text-decoration-color: #808080;}
.ItemArea .ItemAreaBox:nth-child(2) {margin: 0 0 25px 0;}
.ItemArea .ItemAreaBox.ItemAreaBoxBlue {background-color: #DAE2F3;}
.ItemArea .ItemAreaBox.ItemAreaBoxGreen {background-color: #E2EFD9;}
.ClientLocation.ItemAreaBoxBlue {background-color: #DAE2F3; border-radius: 10px; padding: 15px 15px 5px;}
.ClientLocation.ItemAreaBoxGreen {background-color: #E2EFD9; border-radius: 10px; padding: 15px 15px 5px;}
.ItemArea .ItemAreaBox h6{color: #000; font-weight: 600; font-size: 14px; margin: 0;}
.ItemArea .ItemAreaBox h6:first-child {text-decoration: underline; margin: 0 0 10px 0!important;}

.DatesBoxAreaMain h3 {font-size: 20px!important; margin: 0 0 15px 0!important; color: #2E2C34!important; font-weight: 700!important;}
.DatesBoxArea {
    background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 10px 40px;
margin: 0 0 25px 0;
}
.DatesBoxArea h6 {font-size: 14px; color: #000000; text-decoration: underline; text-decoration-color: #808080; margin: 0 5px 0 0;}
.DatesBoxArea p {color: #808080; font-size: 14px; font-weight: 600;}
.AddToSocialArea {display: flex;}
.AddToSocialArea h6 {text-decoration: none; margin: 0 5px 0 0!important;}
.AddToSocialArea a {color: #808080; margin-right: 5px;}
.AddToSocialArea a img {margin: 0 5px 0 0;}






.ItineraryArea h3 {
    color: rgb(46, 44, 52);
    font-weight: 600;
    font-size: 22px;
    margin: 0px 0px 25px;
}

.ItineraryBox {
    display: flex;
    justify-content: space-between;
}

.UserBox {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    margin: 0px 0px 25px;
    padding: 15px 15px 20px 50px;
}

.UserBox .UserBoxOverlay {
    position: absolute;
    left: 15px;
    top: 15px;
}

.UserBox .UserHeading {
    display: flex;
    justify-content: space-between;
}

.UserBox .UserHeading .UserHeadingRight h6 {
    font-size: 12px;
    font-weight: 400;
    color: rgb(6, 21, 43);
}

.UserBox .UserHeading .UserHeadingRight h6 span {
    font-weight: 600;
    font-size: 12px;
}

.UserBox p {
    margin: 0px 0px 15px;
    color: rgb(128, 128, 128);
    font-size: 14px;
}

.UserBox .UserTitle h6 {
    font-weight: 600;
    color: rgb(6, 21, 43);
    font-size: 18px;
    margin: 0px 0px 25px;
}

.UserBox .UserName h6 {
    font-weight: 600;
    color: rgb(6, 21, 43);
    font-size: 18px;
    margin: 15px 0px 10px;
}

.UserBox .UserName span {
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    display: block;
    color: rgb(6, 21, 43);
}

.UserBox .UserDetails {
    display: flex;
    justify-content: space-between;
}

.UserBox .UserIcons a {
    margin: 0px 5px;
}

.UserBox .UserIcons a:first-child {
    margin: 0px;
}

.UserBox .UserBoxBody {
    display: flex;
    margin: 5px 0px 20px;
}

.UserBox .UserBoxBody aside {
    width: 50%;
}

.UserBox .UserBoxBody aside h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0px 15px;
}

.UserBox .UserBoxBody aside p {
    margin: 0px 0px 5px;
    color: rgb(6, 21, 43);
    font-weight: 400;
}

.MeetingBox {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    margin: 0px 0px 25px;
    padding: 15px 25px 10px 40px;
}

.MeetingBox .MeetingBoxOverlay {
    position: absolute;
    left: 10px;
    top: 15px;
}

.MeetingBox p {
    margin: 0px 0px 15px;
    color: rgb(128, 128, 128);
}

.StaffMemberArea {
    margin: 25px 0px 0px;
}
/* .StaffMemberArea aside h6 {
    font-weight: 600;
    margin: 0 0 15px 0;
} */
.StaffMemberArea .StaffBox {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px;
}

.StaffMemberArea .StaffName {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.StaffMemberArea .StaffName p {
    margin: 0px 20px 0px 0px;
}

.StaffMemberArea .StaffName h6 {
    margin: 0px 0px 0px 5px;
    color: rgb(228, 31, 38);
    /* cursor: pointer; */
}

.StaffMemberArea.StaffMemberAreaConst {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 30px;
}

.StaffMemberArea.StaffMemberAreaConst:last-child {
    margin-bottom: 0px;
}

.modal .FolderForm h3 {
    color: rgb(46, 44, 52);
    font-weight: 600;
    font-size: 20px;
    margin: 0px 0px 25px;
}

    .ProfileModalOpen { 
        overflow: hidden;
    }

    .ProfileModalOpen .modal {
        overflow: hidden auto;
    }

.CommonBoxArea {
    margin: 0px 0px 50px;
}

.MainTitle2 h2 {
    font-weight: 700;
    color: rgb(46, 44, 52);
    font-size: 24px;
    margin: 0px 0px 40px;
}

.CommonBoxArea .MainTitle h2 {
    font-weight: 700;
    color: rgb(46, 44, 52);
    font-size: 24px;
    margin: 0px 0px 30px;
}

.CommonBox {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    transition: all 0.5s;
}
.CommonBox:hover {border-color: var(--primary-color);}
.CommonBoxBorder{
    border-color: var(--primary-color);
}

.CommonBox .CommonBoxHeader {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px 15px 45px;
}

.CommonBox .CommonBoxHeader h6 {
    color: rgb(46, 44, 52);
    font-weight: 500;
    font-size: 16px;
    margin: 0px 0px 0px 20px;
}

.CommonBox .CommonBoxHeader h5 {
    color: rgb(228, 31, 38);
    font-weight: 600;
    font-family: Inter;
    font-size: 20px;
}

.CommonBox .CommonBoxHeader figure {
    position: absolute;
    left: 25px;
    margin: 0;
}
.CommonBox .CommonBoxBody.CommonBoxBodyArchive {
   padding: 25px 20px 25px 30px;
}
.CommonBox .CommonBoxBody {
    padding: 15px 20px 15px 30px;
}
.CommonBox .CommonBoxBody .CommonBoxBodyUserArchive {
    margin: 0 0 35px!important;
}
.CommonBox .CommonBoxBody .CommonBoxBodyUserArchive:last-child {
    margin: 0px!important;
}
.CommonBox .CommonBoxBody .CommonBoxBodyUser {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px 15px;
    position: relative;
}

.CommonBox .CommonBoxBody .CommonBoxBodyUser:last-child {
    margin: 0px;
}

.CommonBox .CommonBoxBody figure {
    margin: 0px;
}

.CommonBox .CommonBoxBody .CommonBoxBodyTitle {
    display: flex;
    align-items: center;
}

.CommonBox .CommonBoxBody .CommonBoxBodyTitle h6 {
    font-weight: 600;
    color: rgb(0, 0, 0);
    font-size: 14px;
}

.CommonBox .CommonBoxBody .CommonBoxBodyTitle p {
    font-weight: 600;
    color: rgb(128, 128, 128);
    font-size: 14px;
}

.CommonBox .CommonBoxBody .CommonBoxBodyTitle span {
    background-color: rgb(37, 165, 139);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px 0px 0px;
}

.CommonBox .CommonBoxBody .CommonBoxBodyUser .CbbOverlay {
    position: absolute;
    background-color: rgb(228, 31, 38);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    z-index: 1;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.CommonBox .CommonBoxFooter {
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 20px 15px 25px;
}

.CommonBox .CommonBoxFooter h5 {
    font-size: 16px;
    color: rgb(37, 165, 139);
    font-weight: 600;
    margin: 0px 15px 0px 0px;
}

.CommonBox .CommonBoxFooter p {
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 15px;
}

.CommonBoxArea .owl-nav {
    position: absolute;
    right: 0px;
    top: -55px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    margin: 0px 10px;
    border-radius: 50%;
    font-size: 24px !important;
}

.TodosArea {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 30px 20px;
    margin: 0px 0px 50px;
}

.TodosArea .TodosHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.TodosArea .TodosHeader h6 {
    font-size: 20px;
    font-weight: 700;
    color: rgb(46, 44, 52);
    margin: 0px 0px 25px;
}

.TodosArea .TodosHeader h6:last-child img {
    margin: 0px 0px 0px 15px;
    cursor: pointer;
}

.TodosArea p {
    color: rgb(46, 44, 52);
    font-weight: 400;
    font-size: 16px;
}

.TodosButtons {
    margin: 35px 0px 0px;
}

.TodosButtons a {
    margin: 0px 10px;
}
/* .TodosButtons a:hover {color: #000;} */
.TodosButtons a h6 {font-size: 14px!important; font-weight: 500!important; margin-bottom: 0px; color: #fff;}
.TodosButtons a.Create {
    background-color: rgb(255, 255, 255);
    margin-left: 0px;
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.TodosButtons a.Create span {
    background-color: var(--primary-color);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
}


.TodosButtons .Green {
    background-color: rgb(84, 130, 20)!important;
}
.TodosButtons .Green span {color: rgb(84, 130, 20);}

.TodosButtons a {
    background-color: var(--primary-color);
    border-radius: 10px;
    font-weight: 500;
    padding: 10px 20px;
    color: rgb(255, 255, 255);
    border: none;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}

.TodosButtons a img {
    margin: 0px 10px 0px 0px;
}

.TodosButtons a:focus {
    outline: none;
}

.TodosButtons a span {
    background-color: rgb(255, 255, 255);
    color: var(--primary-color);
    /* line-height: 22px; */
    border-radius: 50%;
    display: inline-block;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    padding: 1px 6px;
}

.TodoBox {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
}
.TodoBoxHeight {height: calc(100% - 20px); margin-bottom: 20px;}

.TodoBox .TodoBoxHeader {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px 15px 45px;
}

.TodoBox .TodoBoxHeader img {
    cursor: pointer;
}

.TodoBox .TodoBoxHeaderComplete {
    justify-content: flex-start !important;
}

.TodoBox .TodoBoxHeader h6 {
    color: rgb(46, 44, 52);
    font-weight: 500;
    font-size: 16px;
    margin: 0px 10px;
}

.TodoBox .TodoBoxHeader h5 {
    color: rgb(228, 31, 38);
    font-weight: 600;
    font-family: Inter;
    font-size: 20px;
}

.TodoBox .TodoBoxHeader figure {
    position: absolute;
    left: 25px;
    margin-bottom: 0px;
}

.TodoBox .TodoBoxHeader figure img {
    cursor: context-menu;
}

.TodoBox .TodoUser {
    padding: 15px 15px 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.TodoBox .TodoUser:last-child {
    margin: 0px 0px 20px;
}

.TodoBox .TodoUser h6 {
    font-weight: 600;
    color: rgb(0, 0, 0);
}

.TodoBox .TodoUser p img {
    margin: 0px 0px 0px 10px;
}

.TodoBox .TodoUser .TodoUserJob {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 10px;
}

.TodoBox .TodoUser .TodoUserJob h6 {
    font-weight: 600;
    color: rgb(0, 0, 0);
    font-size: 14px;
}

.TodoBox .TodoUser .TodoUserJob p {
    color: rgb(128, 128, 128);
    font-weight: 600;
    cursor: pointer;
}

.TodoBox .TodoUser .TodoUserDetails {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.TodoBox .TodoUser .TodoUserDetails small{
    color: #808080;
    font-weight: 600;
    font-size: 12px;

}

.TodoBox .TodoUser .TodoUserName {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0 0;
}
.TodoBox .TodoUser .TodoUserName small{
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

.TodoBox .TodoUser .TodoUserName .TodoUserIcons {
    display: flex;
    align-items: center;
}

.TodoBox .TodoUser .TodoUserName .TodoUserIcons a {
    margin: 0px 5px;
}

.TodoBox .TodoUser.RedLeftBorder {
    border-left: 5px solid rgb(228, 31, 38);
}

.TodoBox .TodoUser.YellowLeftBorder {
    border-left: 5px solid rgb(252, 213, 76);
}

.TodoBox .TodoUser.GreenLeftBorder {
    border-left: 5px solid rgb(37, 165, 139);
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu > li:hover > .submenu {
    display: block;
}

.sidenav {
    height: calc(100vh - 70px);
    width: 0px;
    position: fixed;
    z-index: 1;
    top: 70px;
    right: 0px;
    overflow-x: hidden;
    transition: all 0.5s ease 0s;
    padding-top: 0px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) -5px 12px 15px;
}


.sidenavTop {
    background-color: rgb(0, 0, 0);
    text-align: center;
    padding: 20px 0px 10px;
}

.sidenavTop h6 {
    font-weight: 600;
    font-size: 14px;
    color: rgb(255, 255, 255);
    white-space: nowrap;
}

.sidenavTop h6:nth-child(2) {
    margin: 0px 0px 20px;
}

.sidenavTop span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background-color: rgb(37, 165, 139);
    color: rgb(255, 255, 255);
    font-weight: 600;
    border-radius: 50%;
    margin: 0px 0px 30px;
}

.sidenav ul {
    display: flex;
    flex-direction: column;
    margin: 25px 0px 0px;
    align-items: flex-start !important;
}

.sidenav ul.bottomUl {
    bottom: 25px;
    position: absolute !important;
}

.sidenav ul li {
    white-space: nowrap;
    margin: 0px 0px 15px 25px !important;
}

.sidenav ul li a img {
    margin: 0px 15px 0px 0px;
}

.sidenav ul li a {
    font-weight: 600;
    font-size: 14px;
    color: rgb(0, 0, 0);
}

.sidenav ul li a:hover {
    color: rgb(0, 0, 0);
}

.sidenav a {
    text-decoration: none;
    font-size: 25px;
    color: rgb(129, 129, 129);
    display: block;
    transition: all 0.3s ease 0s;
}

.sidenav a:hover {
    color: rgb(241, 241, 241);
}

.sidenav .closebtn {
    position: absolute;
    top: 0px;
    right: 25px;
    font-size: 36px;
}

.sidenav .editbtn {
    position: absolute;
    top: 0px;
    right: 50px;
    font-size: 36px;
}

.SettingsEditArea {
    display: none;
}

.SideNavTopBox .SupportRequests {font-size: 16px; font-weight: 600; color: #fff;margin: 10px 0;}
.SideNavTopBox .CreateNewSupportRequest {font-size: 14px; font-weight: 600; color: #fff;}


.SideNavTopBox {
    background-color: rgb(0, 0, 0);
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SideNavTopBox h1 {
    font-weight: 600;
    font-size: 22px;
    color: rgb(255, 255, 255);
}

.sidenav .SideNavBottom {
    padding: 20px;
}

.sidenav .SideNavBottom .SideNavSettingBox {
    margin: 0px 0px 25px;
}

.sidenav .SideNavBottom .SideNavSettingBox h6 {
    color: rgb(0, 0, 0);
    font-weight: 600;
    margin: 0px 0px 15px;
    font-size: 16px;
}

.sidenav .SideNavBottom .SideNavSettingBox p {
    font-weight: 400;
    color: rgb(0, 0, 0);
}

.sidenav .SideNavBottom .SideNavSettingBox ol li {
    list-style-type: decimal;
    margin: 0px 0px 0px 15px !important;
}
.SideNavBottom .form-group {margin: 0 0 25px 0;}
.SideNavBottom .form-group h5 {font-weight: 600; margin: 0 0 5px 0; font-size: 18px;}
.SideNavBottom .form-group a {
    color: #E41F26;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.SideNavBottom .form-group .Dark-mode {
    font-weight: 600;
    font-size: 18px;
}

.SideNavBottom button.Save {
    background-color: rgb(228, 31, 38);
    color: rgb(255, 255, 255);
    border-radius: 10px;
    border: none;
    outline: none;
    padding: 10px 20px;
    display: inline-block;
    width: 80%;
    margin: 0px auto;
}

.SettingsEdit h6 {
    font-weight: 600;
    font-size: 18px;
    color: rgb(0, 0, 0);
    margin: 0px 0px 15px;
}

.SettingsEdit .settingsEditBox {
    display: flex;
    margin: 0px 0px 15px;
}

.SettingsEdit .settingsEditBox h6 {
    color: rgb(228, 31, 38);
    font-weight: 600;
    font-size: 14px;
}

.SettingsEdit .settingsEditBox p {
    font-weight: 600;
    color: rgb(0, 0, 0);
    margin: 0px 0px 0px 40px;
}

.SideTaskBox {
    background-color: rgb(245, 245, 245);
    padding: 15px;
    box-sizing: border-box;
    margin: 0px 0px 20px;
}

.SideTaskBox h6 {
    font-weight: 500;
    margin: 0px 0px 10px;
}

.SideTaskBox p {
    color: rgb(75, 85, 99);
    font-weight: 400;
    margin: 0px 0px 10px;
}

.SideTaskBox .TaskButtonArea {
    display: flex;
    justify-content: space-between;
}

.SideTaskBox .TaskButtonArea button {
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 15px;
    border: none;
}

.SideTaskBox .TaskButtonArea button.View {
    background-color: rgb(255, 255, 255);
    color: rgb(228, 31, 38);
}

.SideTaskBox .TaskButtonArea button.Start {
    background-color: rgb(228, 31, 38);
    color: rgb(255, 255, 255);
}

.SideTaskBox .TaskButtonArea button.Completed {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.SideTaskBox .TaskButtonArea button.Ongoing {
    background-color: rgb(226, 241, 252);
    color: rgb(37, 165, 139);
}

.SideTaskBoxTitle h6 {
    color: rgb(0, 0, 0);
    font-size: 20px;
    margin: 0px 0px 20px;
}

.SideNavHelpBox ul {
    flex-wrap: wrap;
    margin-left: -20px;
    display: flex !important;
    flex-direction: row !important;
}

.SideNavHelpBox ul li:first-child {
    background-color: #ffa500;

}
.SideNavHelpBox ul li:nth-child(2) {
    background-color: lightskyblue;
}
.SideNavHelpBox ul li:nth-child(3) {
    background-color: lightgreen;
}
.SideNavHelpBox ul li:nth-child(4) {
    background-color: pink;
}
.SideNavHelpBox ul li:nth-child(5) {
    background-color: brown;
}

.SideNavHelpBox ul li {
    width: calc(100% / 4 - 20px);
    margin: 10px !important;
    border-radius: 5px;
    height: 40px;
    cursor: pointer;
}

.SideNotificationBox {
    background-color: rgb(245, 245, 245);
    padding: 5px;
}

.ModalSearch {
    background-color: rgb(255, 255, 255);
    padding: 9px 15px;
    border-radius: 10px;
    border: 1px solid rgb(221, 221, 221);
    display: flex;
    align-items: center;
}

.ModalSearch span {
    margin: 0px 10px 0px 0px;
}

.ModalSearch input {
    border: none;
    box-shadow: none;
    outline: 0px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    min-width: 250px;
    padding: 15px 20px;
}

.ChinookLeft {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 10px;
}

.ChinookLeft .Search {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
    padding: 10px;
    display: flex;
}

.ChinookLeft .Search .form-control {
    padding: 0px;
    border: none;
    outline: 0px;
    box-shadow: none;
    height: auto;
    font-weight: 500;
    font-size: 14px;
}

.ChinookLeft .ChinookStarHomes {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.ChinookLeft .ChinookTitle {
    margin: 0px 0px 25px;
}

.ChinookLeft .ChinookTitle h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 5px;
}

.ChinookLeft .ChinookTitle h6 {
    font-size: 14px;
    font-weight: 600;
}

.ChinookLeft .ChinookStarHomes {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    color: rgb(0, 0, 0);
    border-left: 5px solid rgb(252, 213, 76);
    margin: 15px 0px 0px;
}
.ChinookLeft .ChinookStarHomes .ChinookStarHomesLeft .EditHeading {border: none;
    font-size: 14px;
    font-weight: 600;
    margin: 0px 0px 10px;
}
.ChinookLeft .ChinookStarHomes .ChinookStarHomesLeft .EditHeading:focus {outline: none;}

.EditHeadingChange {
    border: 1px solid #000!important;
    padding-left: 5px;
}
.ChinookLeft .ChinookStarHomes .ChinookStarHomesLeft h5 {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 0px 10px;
}

.ChinookLeft .ChinookStarHomes .ChinookStarHomesLeft p {
    font-size: 13px;
    font-weight: 500;
}

.ChinookLeft .ChinookStarHomes .ChinookStarIcons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ChinookLeft .listedJobs {
    font-weight: 600;
    font-size: 14px;
    margin: 20px 0px 10px;
    color: rgb(0, 0, 0);
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 0px 10px 0px 0px;
}
/* .ChinookListedJobs {margin-left: -10px;} */

/* .ChinookLeft .ChinookListedJobs .ListedJobsArea ul li ul {
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea ul li ul li ul {
} */

.ChinookLeft .ChinookListedJobs .ListedJobsArea .FourthListing .ListingLeft, .ChinookLeft .ChinookListedJobs .ListedJobsArea .FifthListing .ListingLeft, .ChinookLeft .ChinookListedJobs .ListedJobsArea .FirstListing .ListingLeft, .ChinookLeft .ChinookListedJobs .ListedJobsArea .SecondListing .ListingLeft, .ChinookLeft .ChinookListedJobs .ListedJobsArea .ThirdListing .ListingLeft {
    display: flex;
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea .FourthListing .ListingLeft .ListingBorder, .ChinookLeft .ChinookListedJobs .ListedJobsArea .FifthListing .ListingLeft .ListingBorder, .ChinookLeft .ChinookListedJobs .ListedJobsArea .FirstListing .ListingLeft .ListingBorder, .ChinookLeft .ChinookListedJobs .ListedJobsArea .SecondListing .ListingLeft .ListingBorder, .ChinookLeft .ChinookListedJobs .ListedJobsArea .ThirdListing .ListingLeft .ListingBorder {
    display: flex;
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea .FourthListing .ListingRight, .ChinookLeft .ChinookListedJobs .ListedJobsArea .FifthListing .ListingRight, .ChinookLeft .ChinookListedJobs .ListedJobsArea .FirstListing .ListingRight, .ChinookLeft .ChinookListedJobs .ListedJobsArea .SecondListing .ListingRight, .ChinookLeft .ChinookListedJobs .ListedJobsArea .ThirdListing .ListingRight {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 5px;
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .Red {
    background-color:#FF0000;
    display: inline-block;
    height: 25px;
    width: 5px;
}
.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkRed {
    background-color:#A82E1E;
    display: inline-block;
    height: 25px;
    width: 5px;
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkOrange {
    background-color:#FF830F;
    display: inline-block;
    height: 25px;
    width: 5px;
}
.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkBrawn {
    background-color:#A82E1E;
    display: inline-block;
    height: 25px;
    width: 5px;
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .Green {
    background-color: green;
    display: inline-block;
    height: 25px;
    width: 5px;
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .Yellow {
    background-color: #FFFF00;
    display: inline-block;
    height: 25px;
    width: 5px;
}
.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkYellow {
    background-color: #FFC000;
    display: inline-block;
    height: 25px;
    width: 5px;
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .Cyan {
    background-color: #00B0F0;
    display: inline-block;
    height: 25px;
    width: 5px;
}

.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkGreen {
    background-color: #375623;
    display: inline-block;
    height: 25px;
    width: 5px;
}
.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .LightGreen {
    background-color: #A8D08D;
    display: inline-block;
    height: 25px;
    width: 5px;
}
.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .YellowGreen {
    background-color: #A9FF4D;
    display: inline-block;
    height: 25px;
    width: 5px;
}
.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkYellowGreen {
    background-color:#70AD47;
    display: inline-block;
    height: 25px;
    width: 5px;
}
.ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkYellowGreen2 {
    background-color:#00B050;
    display: inline-block;
    height: 25px;
    width: 5px;
}

.ChinookLeft .ChinookListedJobs ul:first-child {
    border-radius: 4px;
}

.ChinookLeft .ChinookListedJobs ul li, .ChinookLeft .ChinookListedJobs ul li > ul li {
    display: block;
    padding: 5px 0px 0px;
    font-size: 12px;
}

.ChinookLeft .ChinookListedJobs ul li a, .ChinookLeft .ChinookListedJobs ul li > ul li a {
    float: right;
}

.ChinookLeft .CheckBox {
    padding-left: 20px;
    font-size: 13px;
    margin: 0;
}

.ChinookLeft .CheckBox .checkmark {
    height: 16px;
    width: 16px;
}

.ChinookLeft .CheckBox .checkmark::after {
    left: 3px;
    top: 0px;
}

.ChinookRight {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.ChinookRight .ChinookTabsArea {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-image: initial;
    border-bottom: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background-color: rgb(255, 255, 255);
    padding: 20px 10px;
}

.ChinookRight .tab-content .tab-pane {
    background-color: transparent;
}

.ChinookRight .tab-content .TableArea {
    display: flex;
}

.ChinookRight .tab-content .TableArea .TableView {
    display: none;
}

.ChinookRight .tab-content .TableList thead th {
    color: rgb(128, 159, 184);
    white-space: nowrap;
    font-weight: 500;
}

.ChinookRight .tab-content .TableList tbody td {
    white-space: nowrap;
}

.ChinookTabs .nav-tabs {
    border: none;
}

.ChinookTabs .nav-tabs li {
    margin: 0px;
}

.ChinookTabs .nav-tabs li a {
    border-radius: 5px;
    padding: 0px 3px;
    color: rgb(0, 0, 0);
    font-weight: 600;
    cursor: pointer;
    text-transform: capitalize;
    margin: 0px;
    font-size: 13px;
    display: flex;
    align-items: center;
    border: none !important;
}

.ChinookTabs .nav-tabs li a img {
    margin: 0px 5px 0px 0px;
}
.ChinookTabs .nav-tabs li a.active {
    color: var(--primary-color);
}
.ChinookTabs .nav-tabs li a span {
    filter: brightness(0);
    /* opacity: 0.4; */
}
.ChinookTabs .nav-tabs li a.active span {
    filter: inherit;
    opacity: 1;
}

.ChinookRightIcons {
    display: flex;
}

.ChinookTabsRight {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
}

.ChinookTabsRight .ChinookRightIcons a {
    margin: 0px 5px;
}

.ChinookTabsRight .ChinookRightIcons a span {
    background-color: var(--primary-color);
    margin: 0px 2px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 1px 5px;
    font-size: 10px;
}

.ChinookTabsRight .ChinookTabsRightBtn button img {
    margin: 0px 5px 0px 0px;
}

.ChinookTabsRight .ChinookTabsRightBtn button {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(0, 0, 0);
    border-radius: 10px;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

.ChinookRight .tab-content .tab-pane .TabPaneTop .TabPaneTopBtn button {
    border: 1px solid rgb(0, 0, 0);
    border-radius: 10px;
    padding: 10px 20px;
    margin-right: 10px;
    font-weight: 600;
    color: rgb(0, 0, 0);
    font-size: 14px;
}

.ChinookRight .tab-content .tab-pane .TabPaneTop .TabPaneTopBtn button.Active {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.ChinookRight .tab-content .tab-pane .TabPaneTop .TabPaneTopBtn button:focus {
    outline: none;
}

.ChinookRight .tab-content .tab-pane .TabPaneTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0px;
}

.ChinookRight .tab-content .tab-pane .TabPaneTop .TabPaneTopBtnIcon a {
    margin: 0px 5px;
}

.ModalBox #OkModal .Radio {
    color: rgb(46, 44, 52);
}

.ModalBox #OkModal .Radio img {
    margin: 0px 0px 0px 10px;
}

.PhoneTaskManagement h4 {
    font-size: 18px;
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-weight: 700;
}

.ContactTopBoxIdArea {background-color: rgb(0, 0, 0);
    padding: 35px 25px 25px;
    border-radius: 10px 10px 13px 13px;
    margin: -16px -51px 0;}
    
.ContactTopBoxIdArea span {
    background-color: rgb(37, 165, 139);
    width: 49px;
    height: 49px;
    display: inline-flex;
    border-radius: 50%;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 34px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    margin: 0px 25px 0px 0px;
}
.ContactTopBoxIdArea .ContactTopBoxIdName h4 {font-size: 16px; font-weight: 600;margin: 0 0 5px 0; color: #fff;}
.ContactTopBox {
    background-color: rgb(0, 0, 0);
    padding: 35px 25px 25px;
    border-radius: 10px 10px 13px 13px;
    margin: 0px -35px;
}

.ContactTopBox h6 {
    line-height: 25px;
    color: rgb(255, 255, 255) !important;
}

.ExtraSmallModal .modal-dialog .modal-content {
    padding: 0px 35px 40px;
}

.FormArea .SendEmailText {
    margin: 25px 0px 35px;
}

.FormArea .SendEmailText {
    display: flex;
    justify-content: space-between;
}

.FormArea .SendEmailText p {
    font-weight: 600;
    color: rgb(0, 0, 0);
    font-size: 16px;
    cursor: pointer;
}

.FormArea .SendEmailText p img {
    margin-right: 15px;
}
.SendEmailText {position: relative; ;}
.SendTextSearch {position: absolute; top: 30px; right: 0; display: flex; border: 1px solid #ddd; display: none;}
.SendTextSearch input{ outline: none; border: none; padding-left: 10px;}
.SendTextSearch button {background-color: #000; color: #fff; font-weight: 500; padding: 5px 10px; border: none; border: 1px solid #000;}


.FormArea .MolalContactForm h6 {
    font-weight: 600;
    color: rgb(0, 0, 0);
    font-size: 16px;
}

.FormArea .MolalContactForm p {
    font-size: 16px;
    font-weight: 600;
    color: rgb(0, 0, 0);
    margin: 0px 0px 10px;
}


.FormArea .MolalContactForm p img {
    margin: 0px 20px 0px 0px;
}

.FormArea .MolalContactForm a {
    color: rgb(228, 31, 38);
    font-weight: 600;
    font-size: 16px;
    margin: 15px 0px 20px;
    /* display: inline-block; */
}

.Filter.FilterTaskDetails {
    display: flex;
    justify-content: space-between;
}

.Filter.FilterTaskDetails .form-group {
    display: flex;
    align-items: center;
}

.Filter.FilterTaskDetails .form-group label {
    margin: 0px 20px 0px 0px;
}

.TableList.DarkHead tr th, .TableList.DarkHead tr td {
    white-space: nowrap;
}

.DurationArea {
    background-color: rgb(255, 255, 255);
    padding: 0px 20px 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-image: initial;
    border-top: none;
}

.DurationLeft .DurationBox h6 {
    font-size: 12px;
    font-weight: 600;
    margin: 0px 0px 5px;
}

.DurationLeft .DurationBox p {
    font-size: 14px;
    font-weight: 600;
}

.DurationLeft .DurationBox {
    margin: 0px 0px 10px;
}

.MileStoneArea {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}

.MileStoneArea .MileStoneLeft, .MileStoneArea .MileStoneRight {
    display: flex;
}

.MileStoneArea .MileStoneBox h6 {
    font-size: 10px;
    font-weight: 400;
}

.MileStoneArea .MileStoneBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 10px;
}

.MileStoneArea .MileStoneBox img {
    margin: 5px 0px;
}

.DurationRight label {
    font-weight: 600;
    font-size: 12px;
}

.ListViewTable {
    background-color: rgb(255, 255, 255);
    overflow: auto;
}

.ListViewTable table thead tr th {
    padding: 10px;
    text-align: center;
    color: rgb(128, 159, 184);
    font-weight: 500;
    font-size: 14px;
}

.ListViewTableBorder table thead tr th {
    border: 1px solid rgb(219, 219, 219);
}

.ListViewTable table tbody tr td {
    font-weight: 400;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.ListViewTable table {
    border-spacing: 0px;
    border-collapse: collapse;
    text-align: center;
    line-height: 150%;
}

.ListViewTable table th, .ListViewTable table .expand {
    color: rgb(102, 102, 102);
}

.ListViewTable table th, .ListViewTable table td {
    white-space: nowrap;
}

.ListViewTable table tbody .header-level td {
    font-weight: 700;
}

.ListViewTable table table {
    display: none;
}

.ListViewTable .header-level {
    cursor: pointer;
}

.TableActions {
    display: flex;
    min-width: 100px;
    justify-content: center;
    align-items: center;
}

.TableActions td {
    text-align: center;
}

.TableActions a {
    margin: 0px 5px;
}

.ShowDashboard {
    display: none;
}





/* .ChinookLeft .ChinookListedJobs ul li{ border-top:0.5px solid #ddd; border-bottom:0.5px solid #ddd;  } */

.ChinookLeft .ChinookListedJobs ul li hr{ margin: 0px -10px 0px 0px!important; }




#PhaseTaskManagement .Actions {width: 120px;}

/* 
.NestedTable{
    overflow: auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
}


.NestedTable table{
    margin: 0;
} 
.NestedTable table th{
    font-weight: 700;
    text-transform: capitalize;
    color: #000;
    font-size: 14px;
    padding: 10px 10px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: none;
} 

.NestedTable table tbody{ border:none; }

.NestedTable table td{
    font-weight: 600;
    color: #404040;
    padding: 10px 10px;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.NestedTable table .Actions{width: 117px;}
.NestedTable table .SmallBox{width: 115px;}
.NestedTable table .BigBox{width: 300px;}


.NestedTable .sublevel,
.NestedTable .sublevel #subsubLevel{
    padding: 0;
    display: none;
} 

.NestedTable .sublevel.open{ display:block; }
.NestedTable .sublevel #subsubLevel.open{
    display: block;
} 


 
.NestedTable .sublevel .Actions{width: 117px;}
.NestedTable .sublevel .SmallBox{width: 115px;}
.NestedTable .sublevel .BigBox{width: 297px;} */

/* .NestedTable .sublevel .Actions a{ margin-right:5px } */

.FirstNested th:first-child {padding-left: 10px!important;}
.FirstNested th {padding-left: 20px!important;}





 


.NestedTable{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff}
.NestedTable table{margin:0}
.NestedTable table th{font-weight:700;text-transform:capitalize;color:#000;font-size:14px;padding:10px 10px;background-color:#fff;border-bottom:1px solid #ddd;border-top:none}
.NestedTable table tbody{border:none}
.NestedTable table td{font-weight:600;color:#404040;padding:10px 10px;font-size:13px;border-bottom:1px solid #ddd;cursor:pointer}
.NestedTable table .Actions{width: 89px;}
.NestedTable table .SmallBox{width:115px}
.NestedTable table .BigBox{width: 230px;}
.NestedTable .sublevel,
.NestedTable .sublevel #subsubLevel{padding:0;display:none}
.NestedTable .sublevel.open{display:block}
.NestedTable .sublevel #subsubLevel.open{display:block}
.NestedTable .sublevel .Actions{width: 87px;}
.NestedTable .sublevel .Actions2{width: 117px;}
.NestedTable .sublevel .SmallBox{width:115px}
.NestedTable .sublevel .BigBox{width: 234px;}
/* .NestedTable .sublevel .Actions a{margin-right:5px} */
.NestedTable table thead tr.TheadColor th {color: #809FB8;}




.NestedTable{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff}
.NestedTable table{margin:0}
.NestedTable table th{font-weight:700;text-transform:capitalize;color:#000;font-size:14px;padding:10px 10px;background-color:#fff;border-bottom:1px solid #ddd;border-top:none}
.NestedTable table tbody{border:none}
.NestedTable table td{font-weight:600;color:#404040;padding:10px 10px;font-size:13px;border-bottom:1px solid #ddd;cursor:pointer}
.NestedTable table .Actions{width: 89px;}
.NestedTable table .SmallBox{width:115px}
.NestedTable table .BigBox{width: 230px;}
.NestedTable .sublevels,
.NestedTable .sublevels #subsubLevels{padding:0;display:none}
.NestedTable .sublevels.open{display:block}
.NestedTable .sublevels #subsubLevels.open{display:block}
.NestedTable .sublevels .Actions{width: 87px;}
.NestedTable .sublevels .SmallBox{width:115px}
.NestedTable .sublevels .BigBox{width: 234px;}
.NestedTable .sublevels .Actions a{margin-right:5px}
.NestedTable table thead tr.TheadColor th {color: #809FB8;}


.NestedTable{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff}
.NestedTable table{margin:0}
.NestedTable table th{font-weight:700;text-transform:capitalize;color:#000;font-size:14px;padding:10px 10px;background-color:#fff;border-bottom:1px solid #ddd;border-top:none}
.NestedTable table tbody{border:none}
.NestedTable table td{font-weight:600;color:#404040;padding:10px 10px;font-size:13px;border-bottom:1px solid #ddd;cursor:pointer}
.NestedTable table .Actions{width: 89px;}
.NestedTable table .SmallBox{width:115px}
.NestedTable table .BigBox{width: 230px;}
.NestedTable .sublevelgant,
.NestedTable .sublevelgant #subsubLevelgant{padding:0;display:none}
.NestedTable .sublevelgant.open{display:block}
.NestedTable .sublevelgant #subsubLevelgant.open{display:block}
.NestedTable .sublevelgant .Actions{width: 87px;}
.NestedTable .sublevelgant .SmallBox{width:115px}
.NestedTable .sublevelgant .BigBox{width: 234px;}
.NestedTable .sublevelgant .Actions a{margin-right:5px}
.NestedTable table thead tr.TheadColor th {color: #809FB8;}


.GrantTable{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff; position: relative;}
.GrantTable figure {position: absolute; right: 0; top: 0;left: 25%; bottom: 0; margin-bottom: 0px;}
.GrantTable figure img {height: 100%;}
.GrantTable table{margin:0}
.GrantTable table thead tr.TheadColor th {color: #809FB8;}
.GrantTable table th{font-weight:700;text-transform:capitalize;color:#000;font-size:14px;padding:10px 10px;background-color:#fff;border-bottom:1px solid #ddd;border-top:none}
.GrantTable table tbody{border:none}
.GrantTable table td{font-weight:600;color:#404040;padding:10px 10px;font-size:13px;border-bottom:1px solid #ddd;cursor:pointer}
.GrantTable table td table th:first-child{width: 190px;}
.GrantTable .Grantsublevel .GrantsubsubLevel .SmallBox{width: 170px;}
.GrantTable .Grantsublevel,
.GrantTable .Grantsublevel .GrantsubsubLevel{padding:0;display:none}
.GrantTable .Grantsublevel.open{display:block}
.GrantTable .Grantsublevel .GrantsubsubLevel.open{display:block}

.JobTableHeader {display: flex; justify-content: space-between; align-items: center; margin: 0 0 25px 0;}
.JobTableHeader h5 {font-weight: 700; color: #2E2C34; font-size: 20px;}
.JobTableHeaders {}

.JobTableHeaderWarranty {display: flex; justify-content: space-between; align-items: center; margin: 0 0 25px 0;}
.JobTableHeaderWarranty h5 {font-weight: 700; color: #2E2C34; font-size: 20px;}
.JobTableHeadersWarranty {}

.JobTableHeaderSales {display: flex; justify-content: space-between; align-items: center; margin: 0 0 25px 0;}
.JobTableHeaderSales h5 {font-weight: 700; color: #2E2C34; font-size: 20px;}
.JobTableHeadersSales {}

.ChangeOrderTable, .DesignSelectionTable, .ViewConfigTable, .EstimationTableHome {display: none;}
/* .JobTableHeaderOuter {display: none;} */
.JobTableHeaderOuter .JobTableHeaderInner {display: flex; justify-content: space-between; align-items: center;margin: 0 0 25px 0;}
.JobTableHeaderOuter .JobTableHeaderInner h5 {font-weight: 700; color: #2E2C34; font-size: 20px;}

.DropDownMenuZindex {z-index: 99!important;}
.JobTableCommon{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff;margin: 0 0 35px 0;overflow: scroll;min-height: 500px;} 
.JobTableCommon table{margin:0}
.JobTableCommon table th{font-weight:500;text-transform:capitalize;color:#809FB8;font-size:14px;padding:15px 10px;background-color:#fff;border:none; white-space: nowrap; text-align: left;}
.JobTableCommon table tbody{border:none}
.JobTableCommon table td{font-weight:600;color:green;padding:10px 10px;font-size:14px;border:none;cursor:pointer;white-space: nowrap; text-align: left;}
.JobTableCommon table td .Dots{margin-left:10px}
.JobBoxTableCommon{border:1px solid #ddd;border-radius:10px;overflow:hidden;margin:10px;display:block}
.JobBoxTable.open{display:block}
.JobTableCommon table td:last-child{text-align:center;padding:10px 24px}
.JobTableCommon table td:last-child a{color:green;font-size:14px;line-height:10px}
.JobTableCommon table td table td:last-child{padding:10px 10px}
.JobTableCommon td a {color: #000;}
.JobTableCommon table td i{ font-size: 25px; }
.JobTableCommon .addClasss.JobTabletbodyRed>tr>td>a{color: #E41F26;}
.JobTableCommon .addClasss .TextYellow {color: #FFC003;}
.JobTableCommon .addClasss .TextRed {color: #FF0503;}
.JobTableCommon .addClasss .TextGreen {color: #1F9D06;}
/* .JobBoxTable {min-height: 600px;} */


.BlockUnitsTable{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff;margin:0;}
.BlockUnitsTable table{margin:0}
.BlockUnitsTable table th{font-weight:500;text-transform:capitalize;color:#404040;font-size:14px;padding:15px 10px;background-color:#fff;border:none; white-space: nowrap; text-align: left;}
.BlockUnitsTable table tbody{border:none}
/* .BlockUnitsTable table tr {border-bottom: 1px solid #ddd;}  */
.BlockUnitsTable table td{font-weight:500;color:#404040;padding:10px 10px;font-size:14px;border:none;cursor:pointer;white-space: nowrap; text-align: left;}
.JobBoxTableCommon{border:1px solid #ddd;border-radius:10px;overflow:hidden;margin:10px;display:none}
.JobBoxTable.open{display:block}
.BlockUnitsTable table td:last-child{text-align:center;padding:10px 24px}
.BlockUnitsTable table td:last-child a{color:#000;font-size:14px;line-height:10px}
.JobBoxTableBorder tr {border-bottom: 1px solid #ddd;}
.JobBoxTableBorder tr:last-child {border-bottom: 1px solid #ddd;}




.JobTable{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff; display: none; margin: 0 0 35px 0; min-height: 500px;  overflow: scroll;}
.JobTable table{margin:0}
.JobTable table th{font-weight:700;text-transform:capitalize;color:#809FB8;font-size:14px;padding:10px 10px;background-color:#fff;border:none}
.JobTable table tbody{border:none}
.JobTable table td{font-weight:600;color:#404040;padding:10px 10px;font-size:13px;border:none;cursor:pointer}
.JobTable table td .Dots{margin-left:10px}.JobBoxTable{border:1px solid #ddd;border-radius:10px;overflow:hidden;margin:10px;}
.JobBoxTable.open{display:block}
/* .JobTable table td:last-child{text-align:right;padding:10px 24px} */
.JobTable table td:last-child a{color:#000;font-size:13px;line-height:10px}
.JobTable table td table td:last-child{padding:10px 10px}
.JobTable td a {color: #000;}
.JobTable table td i{ font-size: 25px; }
.JobTable .addClasss.JobTabletbodyRed>tr>td>a{color: #E41F26;}

.JobTableWarranty table th:first-child {text-align: left;}


.JobTableWarranty{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff;  margin: 0 0 35px 0; overflow: scroll; min-height: 500px;}
.JobTableWarranty table{margin:0}
.JobTableWarranty table th{font-weight:700;text-transform:capitalize;color:#809FB8;font-size:14px;padding:10px 10px;background-color:#fff;border:none}
.JobTableWarranty table tbody{border:none}
.JobTableWarranty table td{font-weight:600;color:#404040;padding:10px 10px;font-size:13px;border:none;cursor:pointer}
.JobTableWarranty table td .Dots{margin-left:10px}.JobBoxTable{border:1px solid #ddd;border-radius:10px;overflow:hidden;margin:10px;}
.JobBoxTable.open{display:block}

.JobTableWarranty table td:last-child{text-align:right;padding:10px 24px}
.JobTableWarranty table td:last-child a{color:#000;font-size:13px;line-height:10px}
.JobTableWarranty table td table td:last-child{padding:10px 10px}
.JobTableWarranty td a {color: #000;}
.JobTableWarranty table td i{ font-size: 25px; }
.JobTableWarranty .addClasss.JobTabletbodyRed>tr>td>a{color: #E41F26;}


.JobTableSales{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff; margin: 0 0 35px 0; overflow: scroll;min-height: 500px;}
.JobTableSales table{margin:0 }
.JobTableSales table th{font-weight:700;text-transform:capitalize;color:#809FB8;font-size:14px;padding:10px 10px;background-color:#fff;border:none}
.JobTableSales table tbody{border:none}
.JobTableSales table td{font-weight:600;color:#404040;padding:10px 10px;font-size:13px;border:none;cursor:pointer}
.JobTableSales table td .Dots{margin-left:10px}.JobBoxTable{border:1px solid #ddd;border-radius:10px;overflow:hidden;margin:10px;}
.JobBoxTable.open{display:block}
.JobTableSales table td:last-child{text-align:right;padding:10px 24px}
.JobTableSales table td:last-child a{color:#000;font-size:13px;line-height:10px}
.JobTableSales table td table td:last-child{padding:10px 10px}
.JobTableSales td a {color: #000;}
.JobTableSales table td i{ font-size: 25px; }
.JobTableSales .addClasss.JobTabletbodyRed>tr>td>a{color: #E41F26;}





.RushRoomEarnArea .RushRoomEarnLeft input[type=range]{height:36px;-webkit-appearance:none;margin:0 0 25px 0;width:100%}
.RushRoomEarnArea .RushRoomEarnLeft input[type=range]:focus{outline:none}
.RushRoomEarnArea .RushRoomEarnLeft input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;animate:0.2s;background:#A8A8A8;border-radius:5px}
.RushRoomEarnArea .RushRoomEarnLeft input[type=range]::-webkit-slider-thumb{height:15px;width:15px;border-radius:15px;background:#000;cursor:pointer;-webkit-appearance:none;margin-top:-2px}








.BaselineTable{overflow:auto;border:1px solid #ddd;border-radius:10px;background-color:#fff}
.BaselineTable table{margin:0}
.BaselineTable table th{font-weight:700;text-transform:capitalize;color:#809FB8;font-size:14px;padding:10px 10px;background-color:#fff;border:none;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;}
.BaselineTable table td{font-weight:600;color:#404040;padding:10px 10px;font-size:13px;border:none;cursor:pointer}
.BaselineTable table td .fa{ font-size:20px; margin-right:10px }
.BaselineTable table td .SmallBox{width:115px}
.BaselineTable table td .BigBox{width: 300px;}
.BaselineTable table td table td .SmallBox{width:115px}
.BaselineTable table td table td .BigBox{width: 290px;}
.BaselineTable table td table td:first-child{ padding:10px 10px 10px 20px }
.BaselineTable .BaselineHide {display: none;}
.BaselineTable .BaselineHide2 {display: none;}


/* #ContactModal  {display: block;} */


.ModalBox .modal-dialog .Category h3 {
    text-align: center;
    font-weight: 800;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    font-size: 23px;
}
.ModalBox .modal-dialog .Category .form-group label {
    display: block;
    font-weight: 700;
    color: #000;
    font-size: 15px;
}
.ModalBox .modal-dialog .Category .form-control{box-shadow: none;}
#ContactModal .Count {cursor: pointer;}
.request-img {cursor: pointer;} 
#TaskDetails .TableList {overflow: scroll; max-height: 300px;}
#AssignResources .TableList {overflow: scroll;max-height: 300px;}
/* #AssignResources .TableList {} */


.PhaseActionTable table thead tr th {color: #2E2C34; font-weight: 600; font-size: 18px; padding: 5px;}
.PhaseActionTable table tbody tr td {color: #2E2C34; font-size: 14px; font-weight: 400; padding: 5px;}
.PhaseActionTable table tbody tr td .Actions a {margin: 0 5px 0 0;}


#ConstructionCopyFromJob .Radio {color: #000;}



.FormTitleBox{display: flex;align-items: center;justify-content: space-between;margin: 0 0 30px 0;}
.FormTitleBox .FormTitle h4 {margin: 0;font-weight: 600;text-transform:capitalize;font-size: 20px;color: #000000;}


/*.CommonForm h4{font-size:16px;padding:15px 20px;background-color:#f1efef;font-weight:700;color:#000;margin:0 0 20px 0}*/
.CommonForm .form-group{margin:0 0 20px 0}
.CommonForm .form-group .form-group{margin:0 0 0 0}
.CommonForm .form-group label{display:block;color:#000;font-weight:700;font-size:14px;text-transform:capitalize;margin:0 0 10px 0}
.CommonForm .form-group .form-control{height:auto;padding:10px 10px 10px 15px;border:1px solid #b3b3b3;border-radius:5px;box-shadow:none;font-weight:600;font-size:14px}
.CommonForm .form-group figure{margin:10px 0 0 0;border: 2px solid #ddd;border-radius: 10px;overflow: hidden;}
.CommonForm .form-group .ck.ck-label.ck-voice-label{display:none}
.CommonForm .form-group .ck.ck-editor{margin:0 0 20px 0}
.CommonForm .form-group .ck.ck-content.ck-editor__editable{padding:10px;min-height:275px}
.CommonForm input::placeholder {color: #808080; font-weight: 500;}







.ModalFilterAreaBox h4 {margin: 0 0 15px 0;font-weight: 600;text-transform:capitalize;font-size: 16px;color: #000000; display: flex; align-items: center;}
.ModalFilterAreaBox h4 .CheckBox {margin: 0 0 0 20px;}
.ModalFilterAreaBox p {color: #808080; font-weight: 500; font-size: 14px; margin: 0 0 25px 0;}
.ModalFilterAreaBox p .Accepted {color: #25A58B;}
.ModalFilterAreaBox p .Rejected {color: var(--primary-color);}
/* .TableList table tr td span.checkmark {min-width: auto;} */
#WorkOrderPurchaseOrderList .TableList {max-height: 400px;}
#WorkOrderPurchaseOrderList .TableList thead tr th, #WorkOrderPurchaseOrderList .TableList tbody tr td  {white-space: nowrap;}
.TableList.TableListHeader tr th {color: #809FB8;}

.ModalFilterAreaBox .Filter .form-group {width: 100%;}
.ModalFilterAreaBox .form-group label {
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: rgb(0, 0, 0);
}

.ModalFilterAreaBox .form-group .form-control {
    height: 42px;
    line-height: 25px;
    padding: 8px 10px;
    border: 1px solid rgb(203, 202, 202);
    font-size: 14px;
    margin: 0px 10px 0px 0px;
    box-shadow: none;
    color: rgb(62, 61, 61);
    font-weight: 600;
    border-radius: 5px;
}

.ModalFilterAreaBox .RadioArea label {color: #808080; font-weight: 600;}
.ModalFilterAreaBox .RadioArea {display: flex;}
.ConfigServiceTypes .Actions {display: flex; justify-content: space-between;}
.ConfigServiceTypes tbody tr td:first-child, .ConfigServiceTypes thead tr th:first-child {border-left: none;}
.ConfigServiceTypes tbody tr td, .ConfigServiceTypes thead tr th {border-left: 1px solid rgb(221,221,221);}
.ConfigServiceTypes  th, .ConfigServiceTypes td {color: #808080; font-weight: 500;}
.SystemDefineTable h4 {font-size: 16px;margin: 0px 0px 20px;color: rgb(0, 0, 0);font-weight: 600;}
.SystemDefineTable .SelectAction > img {margin: 0 0 0 10px;}



.WarrantyDashboardForm h4 {color: #2E2C34; font-weight: 600; font-size: 20px; position: relative; display: inline-block; margin: 0 0 25px 0;}
.WarrantyDashboardForm h4::after {content: ":"; position: absolute; right: -50px; }
.WarrantyDashboardForm h3 {color: #2E2C34; font-weight: 600; font-size: 20px; position: relative; display: inline-block; margin: 0 0 25px 0;}
.WarrantyDashboardForm .form-group{margin:0 0 20px 0}
.WarrantyDashboardForm .form-group .form-group{margin:0 0 0 0}
.WarrantyDashboardForm .form-group label{display:block;color:#2E2C34;font-weight:600;font-size:16px;text-transform:capitalize;margin:0 0 10px 0}
.WarrantyDashboardForm .form-group .form-control{height:auto;padding:15px 10px 15px 15px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;box-shadow:none;font-weight:600;font-size:14px}
.WarrantyDashboardForm .form-group p {color: #808080; font-size: 13px; font-weight: 600; margin: 20px 0 0 15px; display: flex; align-items: center;}
.WarrantyDashboardForm .form-group p img {margin: 0 15px 0 0;}
.WarrantyDashboardForm .form-group p.TextRed {color: var(--primary-color); font-size: 16px; font-weight: 600;}
.UrgencyArea .Categories ul {background-color: #fff;} 
.UrgencyArea label {display:block;color:#000;font-weight:700;font-size:16px;text-transform:capitalize;margin:0 0 10px 0}
.UrgencyArea h6 {display:block;color:#000;font-weight:700;font-size:16px;text-transform:capitalize;margin:0 0 10px 0}
.UrgencyArea .Categories .AddNew {color: var(--primary-color); position: relative; margin: 0 10px 0 0; font-size: 20px; top: 2px;} 
.WarrantyDashboardForm .Filter {display: flex; justify-content: space-between;}
label span.Required {color: #E41F26; margin: 0 0 0 5px;}
h6 span.required {color: #E41F26; margin: 0 0 0 5px;}


textarea {resize: none;}

.CommonModalAreaMain {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
/* .CommonModalArea {margin:0 0 30px 0;} */
.CommonModalArea h5 {
    font-size: 16px;
    margin: 0px 0px 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;}
.CommonModalArea .CommonModalBox{ display: flex; align-items: center; color: #E41F26;}
.CommonModalArea .CommonModalBox figure {margin-bottom: 0;}
.CommonModalArea .CommonModalBox h5{ display: flex; align-items: center; color: var(--primary-color); margin: 0 0 0 0; font-size: 14px   ;}
.CommonModalArea .CommonModalBox h5 figure {margin-bottom: 0px;}
.CommonModalArea .CommonModalBox h5 figure
{margin-right: 5px;}
.CommonModalArea .CommonModalBox .Count {margin-right: 5px;}


.CommonModalArea .CommonModalBox h5 span {margin: 0 5px 0 0;}
.CommonModalArea .CommonModalBox input {border: none; outline: none; border-bottom: 1px solid #6F6F6F; margin: 0 40px 0 0;}


.CommonModalArea2 {margin:0 0 30px 0;}
.CommonModalArea2 h5 {
    font-size: 16px;
    margin: 0px 0px 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;}
.CommonModalArea2 .CommonModalBox2 h5{ display: flex; align-items: center; color: #E41F26;}
.CommonModalArea2 .CommonModalBox2 h5 figure {margin: 0px;}
.CommonModalArea2 .CommonModalBox2 h5 span {margin: 0 7px 0 7px;}




.BoxSettings {position: fixed; display: inline-block; top: 270px;  height: calc(100% - 270px); width: 0px; transition: all 0.5s ease; content: ""; bottom: 0; right: 0;z-index: 999;}
.BoxSettingsTop{background-color: rgb(0, 0, 0);
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .BoxSettingsTop h1 {    font-weight: 600;
        font-size: 22px;
        color: rgb(255, 255, 255);}
        

        .BoxSettings .closebtn {
            position: absolute;
    top: 0px;
    right: 25px;
    font-size: 36px;
    color: #fff;
        }

/* .BoxSettings .BoxSettingsBottom {background-color: #fff; padding: 25px;}
.BoxSettings .BoxSettingsBottom .BoxSettingsBox {margin: 0 0 25px 0;}
.BoxSettings .BoxSettingsBottom .BoxSettingsBox h6 {color: #000000; font-size: 16px; font-weight: 600; margin: 0 0 10px 0;}
.BoxSettings .BoxSettingsBottom .BoxSettingsBox a {color: #E41F26; font-weight: 600;} */
.StatusArea {display: flex; justify-content: flex-end;}
.StatusArea p {font-weight: 500; font-size: 18px; margin: 10px 10px 0 10px; text-align: right;}
.StatusArea p span {font-weight: 700; font-size: 18px;}


.Tableheader2 {display: flex; justify-content: space-between; margin: 0 0 25px 0; align-items: center;}
.Tableheader2 h6 {color: #2E2C34; font-size: 20px; font-weight: 400!important;}
.Tableheader2 h6 span {font-weight: 700!important;}
.Tableheader {display: flex; justify-content: space-between; margin: 0 0 25px 0; align-items: center;}
.Tableheader h6 {color: #2E2C34; font-size: 20px!important; font-weight: 700;}
.ViewConfigArea .Tableheader h6 {font-size: 16px;}
.Tableheader .Actions  a {margin: 0 5px;}
.Tableheader .ThreeLineDots {background-color: #fff; padding: 10px; width: 64px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.form-group.FormGroupAcceptance {width: 100%;}
.Filter.FullFormGroup .form-group {width: 100%; margin: 0  5px 20px 5px;}

.SupportDocumentsScroll .NotesAreaMain .TableList {max-height: 300px; overflow: scroll;}

.TableHeightScroll {max-height: 350px; overflow: scroll;}
.TableHeightScrollTodo {max-height: 400px; overflow: scroll;}
.TableHeight500 {min-height: 550px; overflow: scroll;}
.ui-datepicker {
    width: 14em!important; 
}
.ModalTableheader h6 {color: #2E2C34; font-size: 18px; font-weight: 600;}

.modal-carousel .item .figure {border-radius: 10px;}


.VendorList {margin: 10px 0 0 0;}
.VendorList a {
    border-radius: 5px;
    padding: 0px 3px;
    color: rgb(0, 0, 0);
    font-weight: 600;
    cursor: pointer;
    text-transform: capitalize;
    margin: 0px;
    font-size: 13px;
    display: flex;
    align-items: center;
    border: none !important;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}
.VendorList a img {margin: 0 5px 0 0;}
.CommonTabs {margin: 10px 0 0 0 ;}
.CommonTabs .nav-tabs {
    border: none;
}
.CommonTabs .nav-tabs li {
    margin: 0px 10px 0px 0px;
    display: flex;
    align-items: center;
}
.CommonTabs .nav-tabs li a {
    border-radius: 5px;
    padding: 0px 3px 0px 0px;
    color: rgb(0, 0, 0);
    font-weight: 600;
    cursor: pointer;
    text-transform: capitalize;
    margin: 0px;
    font-size: 14px;
    display: flex;
    align-items: center;
    border: none !important;
    transition: 0.5s all ease-in-out;
}

.CommonTabs .nav-tabs li a img {
    margin: 0px 5px 0px 0px;
}
.CommonTabs .nav-tabs li a.active {
    color: var(--primary-color);
}
.CommonTabs .nav-tabs li a span {
    filter: brightness(0);
}
.CommonTabs .nav-tabs li a.active span {
    filter: inherit;
    opacity: 1;
}



.TodosButtons {margin: 10px 0 0 0 ;}
.TodosButtons .nav-tabs {
    border: none;
}

.TodosButtons .nav-tabs li {
    margin: 0px 0px 0px 0px;
}
.TodosButtons .nav-tabs li a {
    background-color: rgb(255, 255, 255);
    margin-left: 0px;
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 600;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
}

.TodosButtons .nav-tabs li a.active {
    background-color: var(--primary-color);
    border-radius: 10px;
    font-weight: 600;
    border: 1px solid var(--primary-color);
    padding: 12px 20px;
    color: rgb(255, 255, 255);
    border: none;
    display: inline-flex;
    align-items: center;
}

.TodosButtons .nav-tabs li a.active span {
    background-color: rgb(255, 255, 255);
    color: var(--primary-color);
    border-radius: 50%;
    display: inline-block;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    padding: 1px 6px;
}
.TodosButtons .nav-tabs .nav-link:hover {
    border-color: var(--primary-color);
}
.TodosButtons .nav-tabs li a.active img {
    filter: brightness(0) invert(1);
}

.TodosButtons .nav-tabs li a span{
    background-color: var(--primary-color);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
}
.ShowList .owl-carousel .item h6 {font-size: 14px; }
.show-carousel .owl-nav {position: absolute; right: 0; top: -56px; font-size: 30px!important;}
.show-carousel .owl-nav .owl-prev:focus,
.show-carousel .owl-nav .owl-next:focus{color: red;}
.show-carousel .owl-nav .owl-prev span,
.show-carousel .owl-nav .owl-next span
{font-size: 30px;}
.show-carousel .item h6.active{color: red;}

.AgreementViewArea .AgreementViewTop, .AgreementViewArea aside {display: none;}
.AgreementViewArea {padding: 0 30px 0!important; background-color: transparent!important; border: none!important;}
.TableList.NewTableList tr td, .TableList.NewTableList tr th { white-space: nowrap;}
.AgreementViewArea tr td, .AgreementViewArea tr th { white-space: normal;}
.NewActions {background-color: #fff; border-radius: 10px; padding: 10px 15px; display: flex; }
.NewActions a {margin: 0 5px;}
.dropdown-menu.submenuLead {left: -182px!important;}
.dropdown-menuUserflow {left: -50px!important;}
.dropdown .dropdown-menu .dropdown-item .RedPlusIcon {color: red;}
.TableThreeDots .dropdown-menu .dropdown-item {text-align: left; width: 200px;}
#Table .dropdown-menu .submenu {
    left: -100%;
}
#Calendar figure img {width: 100%;}

.DetailsDots {display: flex;}
.DetailsDots .TableThreeDots {margin: 0 0 0 20px;}


.mySettingsWarrantyBox {margin: 0 0 15px 0;}
.mySettingsWarrantyBox h6 {color: #000; font-weight: 600; font-size: 16px; margin: 0 0 5px 0; white-space: nowrap;}
.mySettingsWarrantyBox a {font-size: 12px; font-weight: 600; color: #E41F26; white-space: nowrap;}

.mySettingsWarrantyBox a:hover {color: #E41F26;}
.EditableByClient {display: flex; justify-content: flex-end;}
.EditableByClient .form-group {display: flex;}
.EditableByClient .form-group h6 { font-weight: 700; font-size: 14px; color: #000;}
#WorkOrders a, #WarrantyRequest a {color: rgb(64, 64, 64);}
.ManualEntryHiddenArea {display: none;}
/* #NewWorkOrderBtn {display: none;} */

.SelectAnOption {background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 175px;
    padding: 10px;
    margin: 0px auto;
}
.SelectAnOption button {white-space: normal; background-color: transparent; font-size: 13px; outline: none; border: none; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.VendorCoastCode {
    background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 10px 15px;
}
.VendorCoastCode h6 { font-weight: 500!important;}
.VendorCoastCode h6 img {margin: 0 5px 0 0;}

.SelectAnOptionArea .Button{display: flex; justify-content: space-between; padding: 0 0 0px 0;}
.SelectAnOptionArea h6 {
    font-size: 16px;
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-weight: 600;
    text-align: center;
    margin: 0 0 25px 0!important;
}
/* .SelectAnOption .dropdown .dropdown-menu {width: 200px;} */
.SelectAnOption .dropdown .dropdown-menu .dropdown-item{white-space: normal; text-align: center;}

.VendorDetailsArea h6 
{
    font-size: 16px;
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-weight: 600;
    text-align: center;
    margin: 0 0 30px 0!important;
}

.InspectionConfirmationArea  h6 {font-size: 16px; color: #2E2C34; font-weight: 600;}
.InspectionConfirmationArea p {color: #808080; font-weight: 600; font-size: 14px;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox h6 {font-size: 16px; color: #2E2C34; font-weight: 600;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox {margin: 0 0 50px 0;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .IcaBluePara {color: #2E2C34; font-size: 16px; font-weight: 600; margin: 30px 0 0 0;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .IcaBlueHeading { color: #285EBC!important; font-size: 16px; color: #2E2C34; font-weight: 600;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .IcaGreenHeading { color: #55813E!important; font-size: 16px; color: #2E2C34; font-weight: 600; text-decoration: underline;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .InspectionConfirmationAreaAddress .ClientLocation {margin: 0!important;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .InspectionConfirmationAreaAddress {display: flex; align-items: flex-end; margin: 0 0 20px 0;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .ChangeBtn {border-radius: 10px;border: none;outline: none;color: #fff;font-weight: 400;padding: 10px 20px;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .ChangeBtnBlue {background-color: #285EBC}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .ChangeBtnGreen {background-color: #55813E;}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .ChangeBtnReject {background-color: var(--primary-color);}
.InspectionConfirmationArea .InspectionConfirmationAreaBox .ChangeBtnConfirm {background-color: #00B050;}


.InspectionConfirmationArea .InspectionConfirmationAreaBox .InspectionConfirmationAreaAddress .ChangeBtn {margin: 0 0 0 65px;}


.InspectionSuccessfulArea {padding: 100px 50px 0; text-align: center;}
.InspectionSuccessfulArea figure {margin-bottom: 50px;}
.InspectionSuccessfulArea h4 {color: #000000; font-size: 24px; margin: 0 0 50px 0;}
.InspectionSuccessfulArea p {font-size: 20px; margin: 0 0 50px 0; font-weight: 400;}
.InspectionSuccessfulArea button.Create {width: 50%;}
.InspectionConfirmationArea button.Create {width: 50%;}
.InspectionConfirmationArea button.Respond {width: 50%;}

.SigneeColor {color: #39af86!important;}

.TechnicianNameContact {display: flex; margin: 30px 0 30px 0;}
.TechnicianNameContact p {color: #2E2C34; font-weight: 400; font-size: 16px;}
.TechnicianNameContact p span {color: #2E2C34; font-weight: 600; font-size: 16px;}
.TechnicianNameContact p img  {margin: 0 0 0 25px; cursor: pointer;}
.TechnicianNameContact p:first-child {margin: 0 30px 0 0;}

.System_Price_Book h1 {font-size: 16px; margin: 0 0 15px 0; font-weight: 400; color: #2E2C34;}
.System_Price_Book h1 img {margin: 0 5px 0 0;}
.ModalPara {margin: 0 0 25px 0;}
.ModalPara p {color: #2E2C34; font-weight: 500; font-size: 14px; text-decoration: underline;}
.SmallModal .ModalTitleBoxBrand {margin: -40px -35px 20px -35px; z-index: 2; position: relative;}
/* .SmallModal .ModalTitleBoxBrand .CloseModal {z-index: 99!important; position: relative;} */
.NewTaskAssigned1Background .modal-dialog .modal-content {background: #fff; position: relative;}
.NewTaskAssigned1Background .modal-dialog .modal-content::before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color:rgba(0, 0, 0, 0.2) ;}
/* .NewTaskAssignModalArea {padding-top: 20px;} */
.NewTaskAssignModalArea h6 {color: #000000; font-size: 16px; font-weight: 600; margin: 0 0 10px 0!important;}
.NewTaskAssignModalArea p {color: #000000; font-size: 12px; font-weight: 600;}
.NewTaskAssignModalAreaBox {background-color: #fff; border-radius: 10px; padding: 15px 20px; margin: 15px 0;z-index: 1; position: relative;}
.NewTaskAssignModalAreaBox tbody tr td {padding: 5px 5px; color: #808080; font-weight: 600;}
.NewTaskAssignModalAreaBox tbody tr td img {margin: 0  0 0 10px;}
.NewTaskAssignModalAreaBox tbody tr td input {background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 5px 10px;
}
.NewTaskAssignModalAreaBox tbody tr td input:focus{outline: none;}
.modalButtonDropdown .dropdown-menu .dropdown-item{text-align: left; padding-left: 0.5rem!important;}
.NewTaskAssignModalArea .Button button.Create {z-index: 2; position: relative;}


.FolderListDropdown {margin: 0 0 0 15px;}
.FolderListDropdown .dropdown-menu {width: 210px;}
.FolderListDropdown .dropdown-menu a {color: #000000; font-weight: 600; font-size: 14px;}
.FolderListDropdown .dropdown-menu a img{margin: 0 10px 0 0;}
.margin-bottom{margin-bottom: 20px!important;}


.PurchaseTable {background: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 10px; padding: 10px 0px 10px 15px; max-height: 400px; margin: 25px 0 0 0;}
.PurchaseTable h6 {color: #000000; font-weight: 600; font-size: 14px;}
.PurchaseTable {overflow: scroll; width: 100%;}
.PurchaseTable table tbody tr td figure {width: 20px;}
.PurchaseTable table thead tr th, .PurchaseTable table tbody tr td {padding:7px 10px; white-space: nowrap;}
.PurchaseTable table thead tr th, .PurchaseTable table tbody tr td {font-size: 13px; font-weight: 600; color: #000000;}
.PurchaseTable table tbody tr.TableDarkBlueRaw {background-color: #2E75B5; font-weight: 600; font-size: 13px;}
.PurchaseTable table tbody tr.TableDarkBlueRaw td {color: #fff;}
.PurchaseTable table tbody tr.TableLightBlueRaw {background-color: #9CC3E5; color: #000; font-weight: 600; font-size: 13px;}
.PurchaseTable table .CheckBox {margin: 0!important;}


.PurchaseTable .dropdown ol {width: max-content;}
.PurchaseTable .dropdown ol li {border-bottom: 1px solid rgb(221,221,221);}
.PurchaseTable .dropdown ol li:last-child{border-bottom: none;}
.PurchaseTable .dropdown ol li a {color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px 10px 10px;
    display: block;
    text-align: left;
}
.PurchaseTable .dropdown ol li a img {margin: 0 10px 0 0;}


.BaselineTable.BaselineTableModal {padding: 10px;}
.BaselineTable.BaselineTableModal table th {text-align: left; border-right: none;}
.BaselineTable.BaselineTableModal table th {border-bottom: none;}
.BaselineTable.BaselineTableModal .BaselineShowBorder {background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px!important;
}
.BaselineShow td {vertical-align: middle;} 
.BaselineTable.BaselineTableModal .CheckBox {margin: 0px;}


.ChooseQualityTable {width: 85%; margin: 25px 0 0 0;}
.ChooseQualityTable h6 {font-size: 24px; font-weight: 600; color: #2E2C34;}
.ChooseQualityTable table thead tr th {color: #809FB8; font-weight: 500; font-size: 16px; padding: 5px 10px 10px;}
.ChooseQualityTable table tbody tr td {color: #000000; font-weight: 400; font-size: 14px; padding: 5px 10px;}
.ChooseQualityTable table tbody tr td input {border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 10px;}
.ChooseQualityTable table tbody tr td:nth-child(2) {width: 200px;}
.ChooseQualityTable table thead tr th:first-child, .ChooseQualityTable table tbody tr td:first-child {padding-left: 0;}

.JobMenuListing ul {background: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 10px; display: inline-block; min-width: 230px;}
.JobMenuListing ul li {border-bottom: 1px solid #DBDBDB; position: relative; width: 100%;}
.JobMenuListing ul li:last-child {border: none;}
.JobMenuListing ul li a {padding: 10px 15px 10px 20px; display: inline-flex; align-items: center; color: #808080; font-weight: 600; font-size: 14px; width: 100%;}
.JobMenuListing ul li a figure {margin: 0 40px 0 0!important;}
.JobMenuListing ul li a figure img {margin: 0!important;}
.JobMenuListing ul li a .ListingOverflow {position: absolute; right: 15px;}
.JobMenuListing ul li {display: flex;}
.JobMenuListing ul li .JobMenuListingUnder {position: absolute; left: 100%; display: none;}
.JobMenuListing ul li .JobMenuListingUnder li a{text-align: left; color: #000;}



.JobMenuListing ul li:hover .JobMenuListingUnder{ display: block; }

.NaviagateProjectArea {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px 0;
}
.NaviagateProjectArea li {padding: 5px 20px; display: flex; justify-content: space-between; align-items: center;}
.NaviagateProjectArea li.DarkBlueList {background-color: #2E75B5;}
.NaviagateProjectArea li.DarkBlueList a {color: #fff; font-size: 12px; font-weight: 600; display: inline-block;}
.NaviagateProjectArea li.LightBlueList {background-color: #9CC3E5;}
.NaviagateProjectArea li.LightBlueList a {color: #000000; font-size: 12px; font-weight: 600; display: inline-block;}
.carousel-inner .carousel-item img {
 width: 35%!important;
 margin: 0px auto!important;
}

.AvalonTownsList {background-color: #fff; display: none;}
.AvalonTownsList li {font-weight: 600; font-size: 12px;}
.AvalonTownsList li a {color: #000; font-weight: 400;}
.AvalonTownsList li:first-child {font-weight: 700;}
.LightBlueList .TableThreeDots li {padding: 5px 5px!important;}
.LightBlueList .TableThreeDots li .dropdown-item {padding: 0.5rem 0.5rem;}
.LightBlueList .dropdown-menu.submenu {width: 260px;}

.Smalldropdown-menu {width: 150px;}

.carousel-indicators {position: relative!important; margin: 50px 0 0 0;}
.carousel-indicators li {width: 90px!important; height: 100px!important; text-indent: 0px; opacity: 1!important; margin: 0 10px;}

/* .CarouselInModal .carousel-indicators li {background-color: red!important;}


 */

/* .CtcMasterRight {display: none;} */
/* .ClientPriceBookRight {display: none;} */


 .PriceBookShowList {display: flex; justify-content: space-between; font-size: 12px; margin: 0 0 25px 0;}
 .PriceBookShowList a {color: #000000; font-weight: 500;}
 .PriceBookShowList a.active {color: #E41F26;}
 .PriceBookShowListRed {color: red;}
.text-danger-red {color: #E41F26!important;}
 /* .abc{ display: none; } */
 .AppliancesAraRight {display: none;}


 .GreyModalContent .modal-content {background-color: #F5F5F5!important;}

 .AgreementViewArea {background-color: #fff; border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); padding: 50px 0px 30px; margin: 0 0 40px 0;}
 .AgreementViewTop {display: flex; justify-content: space-between; margin: 0 0 25px 0; padding: 0 35px;}
 /* .AgreementViewTop a{width: 244px;} */
 .ResidentialEstateDetails, .ChangeOrderCreatArea, .AgreementViewAdress, .AgreementViewTable {padding: 0 35px;}

 .AgreementViewTop .AgreementViewTopRight {text-align: center;}
 .AgreementViewTop .AgreementViewTopRight h3 {font-size: 28px; font-weight: 600; color: #000000; margin: 0px;}
 .AgreementViewTop .AgreementViewTopRight p { font-size: 14px; color: #000000; font-weight: 500; margin: 0px;}
 .AgreementViewArea p {font-size: 14px; font-weight: 500; color: #000000; margin: 35px 0;}
 .AgreementViewArea button {color: #fff; font-weight: 700; font-size: 18px; background-color: #0070C0; border-radius: 10px; width: 100%; border: none; outline: none; padding: 15px 0; }
 .AgreementViewArea .AgreementViewTable table thead tr th {color: #000000; font-size: 14px; font-weight: 600; padding: 10px 10px; text-align: center;}
 .AgreementViewArea .AgreementViewTable table tbody tr td {color: #000000; font-size: 14px; font-weight: 400; padding: 10px 10px; text-align: center;}
 .AgreementViewArea .AgreementViewTable table tfoot tr td {color: #000000; font-size: 14px; font-weight: 400; padding: 10px 10px; text-align: center;}
 .AgreementViewArea .AgreementViewTable table tfoot tr td:first-child {text-align: right; font-weight: 600;}
 .AgreementViewArea .AgreementViewTable table thead tr th:first-child, .AgreementViewArea .AgreementViewTable table tbody tr td:first-child {text-align: left;}
 .AgreementViewArea .AgreementViewAdress {display: flex; justify-content: space-between; margin: 25px 0;}
 .AgreementViewArea .AgreementViewAdress h6 {font-weight: 500; font-size: 14px; color: #000000; line-height: 28px;}
 .ChangeOrderCreatArea h5 {color: #000000; font-size: 16px; font-weight: 400; margin: 0 0 40px 0;}
 .ChangeOrderCreatArea h5 span {color: #000000; font-size: 20px; font-weight: 600;}
 .ChangeOrderCreatArea .InputBox .form-group {display:flex; flex-direction: column;}
 .ChangeOrderCreatArea .InputBox .form-group:last-child {margin: 0px;}
 .ChangeOrderCreatArea .InputBox .form-group label {font-size: 16px; color: #000000; font-weight: 400;}
 .ChangeOrderCreatArea .InputBox .form-group input { border: none; border-bottom: 1px solid #6F6F6F; margin: 0 0 10px 0; padding: 10px;}
 .ChangeOrderCreatArea .InputBox .form-group a {border: none; border-bottom: 1px solid #6F6F6F; padding: 10px; margin: 0 0 10px 0; display: block; font-size: 16px;font-weight: 400; color: #000000;}
 .ChangeOrderCreatArea .InputBox .form-group a img {margin: 0 10px 0 0;}
 .ChangeOrderCreatArea .InputBox .form-group input:focus {outline: none;}

.AgreementViewAreaGreen {background-color: #fff; border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); padding: 50px 0px 30px 15px; margin: 0 0 40px 0;}
.AgreementViewAreaGreen .DarkBlueBg {background-color: #2E75B5; color: #fff;}
.AgreementViewAreaGreen .DarkBlueBg h6 {color: #fff;}
.AgreementViewAreaGreen .LightBlueBg {background-color: #9CC3E5; color: #000;}
.AgreementViewAreaGreen .LightBlueBg h6{color: #000000;}
.AgreementViewAreaGreen .LightBlueBg h6:last-child {color: #fff;}
.AgreementViewAreaGreen .NavyBlueBg {background-color: #1E4E79; color: #fff;}
.AgreementViewAreaGreen .NavyBlueBg  h6{color: #fff;}



.AgreementViewAreaGreen thead tr th:first-child, .AgreementViewAreaGreen tbody tr td:first-child {text-align: left;}
.AgreementViewAreaGreen thead tr th:nth-child(2), .AgreementViewAreaGreen tbody tr td:nth-child(2) {text-align: left;} 
.AgreementViewAreaGreen thead tr th {font-size: 12px; font-weight: 600; text-align: center; color: #000000; padding: 7px 10px;}
.AgreementViewAreaGreen tbody tr td {text-align: center; padding: 7px 10px; font-weight: 600;}

.CostBreakDownArea .TableHeading {font-weight: 600; font-size: 16px;color: #000000; padding: 30px 10px 10px;}
.CostBreakDownArea .Box {display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;}
.CostBreakDownArea .Box h6 {font-size: 12px; font-weight: 600; margin: 0!important;}



 .ModalMainheading {display: flex; justify-content: space-between; margin: 0 0 20px 0;}
 .ModalMainheading h3 {color: #2E2C34; font-weight: 700; font-size: 20px;}

 .ClientChangeRequestTable table {width: 90%;}
 /* .ClientChangeRequestTable table tr td {padding: 10px 10px;} */
 .ClientChangeRequestTable table tr:nth-child(odd) {color: #000000; font-weight: 700; font-size: 14px;}
 .ClientChangeRequestTable table tr:nth-child(even) {color: #808080; font-weight: 600; font-size: 14px;}
 .ClientChangeRequestTable table tr:nth-child(odd) td {padding: 5px 10px;}
 .ClientChangeRequestTable table tr:nth-child(even) td {padding: 10px 10px;}



 .ClientContactArea .ClientContactTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 35px;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    cursor: pointer;
}

.ClientContactArea .ClientContactTitle h4 {
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-size: 20px;
}

.ClientContactHideArea1 {display: none;}
.ClientContactHideArea2 {display: none;}


.ReadOnlyCarbonCopies {display: flex; justify-content: space-between; align-items: center;}
.ReadOnlyCarbonCopies h6, .ReadOnlyCarbonCopies input {margin: 0 20px 0 0!important;} 
.ReadOnlyCarbonCopies span {width: 60px;}

.AddCopy {background-color: #fff; border: 1px solid var(--primary-color); border-radius: 10px; padding: 12px 20px; font-weight: 600; font-size: 14px; color: var(--primary-color);}

.DropdownItemSearch {display: flex; align-items: center;}


.DropdownItemSearch
{
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 14px;
    padding: 0rem 1.5rem;
    border-bottom: 1px solid rgb(219, 219, 219) !important;
    display: flex;
    align-items: center;
    position: relative;
}

.DropdownItemSearch img {position: absolute; right: 10px; width: auto!important; cursor: pointer;}
.DropdownItemSearch input {border: none; outline: none; flex: 1; padding: 0.5rem; height: 100%;}
.DropdownItemSearch input:focus {outline: none;}

.TableCheckBoxArea {white-space: normal; padding: 0.5rem;}
.TableCheckBoxArea .CheckBox {color: #808080; font-size: 14px; font-weight: 600;}

.SaveDraftBtn {padding-bottom: 100px;}
.SaveDraftBtn .dropdown-menu .dropdown-item {padding: 0.5rem 1.3rem;}




.LoginArea{min-height: 100vh;background: #F5F5F5;display: flex;align-items: center;}
.LoginArea .LoginBoxBig {background-color: #FFFFFF; border: 1px solid #EBEDF0; border-radius: 35px; min-height: calc(100vh - 100px); margin: auto;  width: 80%; padding: 15px;}

.LoginArea .LoginImage img{ width:100% }
.LoginArea .LoginBox{background-color: #fff;border-radius: 10px;text-align: center;
    padding: 25px 15px 0px;
    width: 100%;z-index: 9;}
.LoginArea .LoginBoxBig .Logo{width: 120px;margin-left: auto; margin-bottom: 25px; background-color: #fff;border-radius: 10px;}
.LoginArea .LoginBox h3{ font-size: 24px;margin: 0 0 10px 0;font-weight: 700;color: #000;text-align: left;}
.LoginArea .LoginBox p{font-size: 15px;font-weight: 400; color: #4D4D4D; text-align: left;line-height: 24px;}
.LoginArea .LoginBox form{ margin-top:20px } 
.LoginArea .LoginBox form .form-group{margin:0 0 20px 0; position: relative;}
.LoginArea .LoginBox form .form-group label{display:block;color:#3A3541;font-size:14px;font-weight:400;text-align: left;}
.LoginArea .LoginBox form .form-group label a{float:right}
.LoginArea .LoginBox form .form-group .form-control{box-shadow:none;border: 1px solid #DBDCDE;padding: 12px 15px;height:auto;border-radius:10px;font-size:14px;color:#89868D}
.LoginArea .LoginBox form .form-group .InputPasswordView2 .form-control{box-shadow:none;border: 1px solid #DBDCDE;padding: 12px 15px 12px 50px;height:auto;border-radius:10px;font-size:14px;color:#89868D}
/* .LoginArea .LoginBox form .form-group .form-control:focus{} */
/* .LoginArea .LoginBox form .form-group .Checkboxs{display:flex;justify-content:space-between;align-items:center} */
.LoginArea .LoginBox form .form-group a{color: #ED1D24;text-transform:capitalize;font-weight:500;font-size:14px;}
.LoginArea .LoginBox form .form-group .OTPBox{display:flex;justify-content:space-between;margin: 0 0 10px 0;}
.LoginArea .LoginBox form .form-group .OTPBox .form-control{padding:0;text-align:center;width:60px;height:55px;font-size:22px;font-weight:600;color:#000;line-height:30px}
.LoginArea .LoginBox form .form-group .Icon {position: absolute;top: 42px;right: 15px;}
.LoginArea .LoginBox form .Button{display:block;letter-spacing: 1px; background-color: #ED1D24; border-radius: 10px; color: #fff; font-weight: 600; font-size: 14px; padding: 10px 10px; border: 1px solid #ED1D24; width: 100%;}
.LoginArea .LoginBox form .ButtonOutline{display:block;letter-spacing: 1px; background-color: #fff; border-radius: 10px; color: #ED1D24; font-weight: 600; font-size: 16px; padding: 15px 10px; border: 1px solid #ED1D24;}
/* .LoginBoxBig .LoginBox .nav-item {display: flex; align-items: center;} */
.LoginBoxBig .LoginBox .nav-item .nav-link {color: #5F5F5F; font-weight: 400; font-size: 14px;} 
.LoginBoxBig .LoginBox .nav-item .nav-link.active {color: #ED1D24; font-weight: 700; font-size: 16px; border: 1px solid #ED1D24; border-radius: 14px;} 
.LoginBoxBig .LoginBox .nav.nav-fill {background-color: #fffbfd; border: 1px solid rgba(237,29,36,0.10); border-radius: 14px;} 
.LoginBoxBig .LoginBox .tab-content {padding: 15px 25px 0px 25px;} 
.LoginBoxBig .LoginBox .TabContenArea {padding: 30px 25px 0px 25px;}
.LoginBoxBig .LoginBox .TabContentBottom p { color: #121625; font-weight: 500; font-size: 14px;}
.LoginBoxBig .LoginBox .TabContentBottom p a, .LoginBoxBig .LoginBox .TabContentBottom p span  {color: #ED1D24;}
.LoginBox .TabContentBottom {display: flex; justify-content: space-between; align-items: flex-end; margin-right: -50px;}
.LoginBox .TabContentBottom .Logo {margin: 0px;}
.LoginBoxLeft figure {
    height: calc(100vh - 75px);
    overflow: hidden;
    margin: 0;
    border-radius: 20px;
}
.LoginBoxLeft figure img {height: 100%; width: 100%;}
.LoginArea .LoginBox h6 {font-weight: 700; font-size: 24px; color: #000000; margin: 0 0 20px 0;}
.LoginArea .LoginBox form .InputPasswordView {position: relative;}
.LoginArea .LoginBox form .InputPasswordView span {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; cursor: pointer;}
.LoginArea .LoginBox form .InputPasswordView2 span {position: absolute; top: 50%; transform: translateY(-50%); left: 20px; right: auto; cursor: pointer;}
.LoginArea .LoginBox form .form-group h4 {color: #ED1D24;font-weight: 700; font-size: 18px; text-align: left; margin: 0 0 10px 0;}
.LoginArea .LoginBox form .form-group p {color: #000000;font-weight: 500; font-size: 14px; text-align: left;}


.loginSocials {display: flex; align-items: center; justify-content: center; padding: 15px 0 0px;}
.loginSocials a {margin: 0 10px; display: inline-block;}

#ModalBigheadingMargin h3 {margin: 0px!important;}
.ModalBigheading h3 {font-size: 20px!important; font-weight: 400!important; color: #2E2C34!important; margin: 0 0 25px 0!important;}
.ModalBigheading h3 span {font-size: 20px!important; font-weight: 600!important; color: #2E2C34!important; margin: 0 5px 0 0;}
.ModalBigheading2 h3 {font-size: 20px; font-weight: 700; color: #2E2C34; margin: 0 0 20px 0;}
.ModalBigheading2 .ModalBigheadingBox, .SpanNumbers{display: inline-flex; border: 1px solid rgb(221, 221, 221); width: 52px; height: 52px; padding: 10px; margin: 0 0 0 20px; border-radius: 10px; color: var(--primary-color); font-weight: 600; font-size: 20px; align-items: center; justify-content: center;}



.ModalMediumheading h3 {font-size: 16px!important; font-weight: 400!important; color: #2E2C34!important; margin: 0 0 25px 0!important;}
.ModalMediumheading h3 span {font-size: 16px!important; font-weight: 600!important; color: #2E2C34!important; margin: 0 5px 0 0;}
.ModalMediumheading2 h3 {font-size: 20px; font-weight: 700; color: #2E2C34; margin: 0 0 20px 0;}

.ModalMediumheading span.Green {color: #01B050!important;}
.ModalMediumheading span.Red {color: #FF0001!important;}


.PriceDetailsTable {border-radius: 10px; border: 1px solid rgba(0,0,0,0.1);}
.PriceDetailsTable table thead tr th {font-size: 16px; color: #000000; font-weight: 700; padding: 10px 10px;}
.PriceDetailsTable table thead tr {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.PriceDetailsTable table tbody tr {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.PriceDetailsTable table tbody tr:last-child {border-bottom: none;}
.PriceDetailsTable table tbody tr td {font-size: 12px; color: #000000; font-weight: 500; padding: 7px 10px;}
.PriceDetailsTable table tbody tr:first-child td {text-align: left!important;}
.PriceDetailsTable table tbody tr td:last-child {text-align: right;}
.PriceDetailsTable .TableTotal td:first-child {font-size: 14px; font-weight: 700; color: #000000; padding: 20px 10px;}





.AdjustmentsDepositsTable {border-radius: 10px; border: 1px solid rgba(0,0,0,0.1);}
.AdjustmentsDepositsTable table thead tr th {font-size: 16px; color: #000000; font-weight: 700; padding: 10px 10px; text-align: center;}
.AdjustmentsDepositsTable table thead tr {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.AdjustmentsDepositsTable table tbody tr {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.AdjustmentsDepositsTable table tbody tr:last-child {border-bottom: none;}
.AdjustmentsDepositsTable table tbody tr td {font-size: 12px; color: #000000; font-weight: 500; padding: 7px 10px;}
.AdjustmentsDepositsTable .TableTotal td:first-child {font-size: 14px; font-weight: 700; color: #000000; padding: 20px 10px;}



.PendingDateSelectionListArea table thead tr th {color: #000000; font-size: 18px; font-weight: 600; padding: 5px 10px 5px 0;}
.PendingDateSelectionListArea table tbody tr td {color: #808080; font-size: 14px; font-weight: 600; padding: 5px 10px 5px 0;}
.TableList tbody tr td .RedTextTd {color: var(--primary-color);}
.TableList tbody tr td .GreenTextTd {color: #25A58B;}




.InformationDisplayTable table tbody tr td {font-size: 16px; color: #2E2C34; font-weight: 600; padding: 5px 10px 5px 30px;}
.InformationDisplayTable table tbody tr:first-child td {font-size: 16px!important; color: #2E2C34!important; font-weight: 600!important;}
.InformationDisplayTable table tbody tr td:last-child {font-size: 14px; color: #2E2C34; font-weight: 400;}
.InformationDisplayTable table tbody tr:nth-child(5n) {border-bottom: 1px solid rgba(0,0,0,0.10);}



.TitleBoxProjectHeading {margin: 0 50px 0 0;}
.TitleBoxProjectHeading h6  {color: #1F2937; font-weight: 400; font-size: 16px; line-height: 22px;}
.TitleBoxProjectHeading h6 span {color: #1F2937; font-weight: 700; font-size: 16px;line-height: 22px;}


.Profile_ontario {margin: 0 0 40px 0;}
.Profile_ontario .Profile_ontario_box {display: flex; margin: 0 0 20px 0;}
.Profile_ontario .Profile_ontario_box h6 {font-weight: 600; color: #000000; font-size: 16px; margin: 0 20px 0 0; line-height: 20px!important;}
.Profile_ontario .Profile_ontario_box p{font-weight: 500; color: #000000; font-size: 16px; line-height: 20px!important;}

.Profile_ontario_modal {margin: 0 0 40px 0; padding: 0 0 0 50px;}
.Profile_ontario_modal .Profile_ontario_box {display: flex; margin: 0 0 20px 0;}
.Profile_ontario_modal .Profile_ontario_box h6 {font-weight: 700; color: #000000; font-size: 16px; margin: 0 20px 0 0; line-height: 20px!important;}
.Profile_ontario_modal .Profile_ontario_box p{font-weight: 600; color: #808080; font-size: 16px; line-height: 20px!important;}


.ChangeItemsTable {border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px; overflow-x: scroll; padding: 10px 0 0 0; margin: 35px 0 20px 0;}
.ChangeItemsTable h2 {font-size: 20px; color: #2E2C34; font-weight: 600!important; margin: 0 0 10px 20px!important; cursor: pointer;}
.ChangeItemsTable h2 img {margin: 0 10px 0 0;}
/* .ChangeItemsTable table {display: block;} */
.ChangeItemsTable table thead tr th {color: #809FB8; font-weight: 500; font-size: 14px; padding: 13px 20px; white-space: nowrap;}
.ChangeItemsTable table tbody tr td {color: #06152B; font-weight: 500; font-size: 14px; padding: 13px 20px; white-space: nowrap;}


.TotalAfterTax .TotalAfterTaxBox {display: flex;}
.TotalAfterTax .TotalAfterTaxBox h6 {width: 150px; }
.TotalAfterTax .TotalAfterTaxBox h6 {color: #000000!important; font-weight: 600!important; font-size: 16px!important;}
.TotalAfterTax .TotalAfterTaxBox p {color: #000000!important; font-weight: 400!important; font-size: 16px!important;}

.ModalClientDetailsArea h4 {font-size: 20px!important; font-weight: 700!important; color: #2E2C34!important; margin: 30px 0 30px 0!important;}
.ModalClientDetailsArea .McdBoxMain {display: flex; margin: 0 0 25px 0; justify-content: space-between;}
.ModalClientDetailsArea .McdBoxMain .McdBox h6{color: #000000!important; font-size: 14px!important; font-weight: 700!important; margin: 0 0 10px 0!important;}
.ModalClientDetailsArea .McdBoxMain .McdBox h6 .required{color: var(--primary-color); margin: 0 0 0 5px;}
.ModalClientDetailsArea .McdBoxMain .McdBox h6 img{margin: 0 0 0 20px!important;}
.ModalClientDetailsArea .McdBoxMain .McdBox p{color: #808080; font-size: 14px; font-weight: 600;}


.ModalAgreementViewArea {padding: 0 0px 0 50px;}
.ModalAgreementViewArea h4 {font-size: 20px; font-weight: 700; color: #000000!important; margin: 30px 0 30px 0;}
.ModalAgreementViewArea .MavMainBox {display: flex; justify-content: space-between;}
.ModalAgreementViewArea .MavMainBox .MavBox {display: flex; flex-direction: column; align-items: center;}
.ModalAgreementViewArea .MavMainBox .MavBox h6 {font-weight: 700; color: #000000; font-size: 14px;}
.ModalAgreementViewArea .MavMainBox .MavBox button {background-color: #00B0F0; border-radius: 10px; color: #fff; font-weight: 600; font-size: 14px; padding: 10px 15px; border: none; outline: none;}


.ModalAdjustmentsArea h1, .ModalAdjustmentsListArea h1 {color: #2E2C34!important; font-size: 20px!important; font-weight: 700!important; margin: 30px 0 20px 0;}
/* .ModalAdjustmentsListArea .CurrentItemsArea {margin: 0 0 50px 0;} */
.ModalAdjustmentsListArea .CurrentItemsArea h5 {color: #2E2C34!important; font-size: 16px!important; font-weight: 600!important; margin: 0 0 15px 0;}
.ModalAdjustmentsListArea .CurrentItemsArea table {margin: 0 0 25px 0;}
.ModalAdjustmentsListArea .CurrentItemsArea table thead tr th {font-size: 14px!important; color: #000000!important; font-weight: 600!important; text-decoration: underline; text-decoration-color: #ddd!important; padding: 10px 10px 10px 0;}
.ModalAdjustmentsListArea .CurrentItemsArea table tbody tr td {font-size: 14px!important; color: #000000!important; font-weight: 400!important; padding: 5px 10px 5px 0;}
.ModalAdjustmentsListArea .CurrentItemsArea table tbody tr td div {display: flex; justify-content: space-between; align-items: flex-start;}
.ModalAdjustmentsListArea .CurrentItemsArea table tbody tr td div img {margin: 0 10px 0 0;}
.ModalSuccessArea {text-align: center;}
.ModalSuccessArea span {width: 49px; height: 49px; border-radius: 50%; background-color: #E2EFD9; display: inline-flex; align-items: center; justify-content: center;}
.ModalSuccessArea .Box {background-color: #E2EFD9; padding: 20px 10px; color: #568138; margin: 25px 0; }
.ModalSuccessArea .Box p {font-size: 14px; font-weight: 700; line-height: 20px; text-align: center;}
.ModalSuccessArea button {background-color: #00B0F0; border-radius: 10px; padding: 10px 40px; border: none; outline: none; font-weight: 600; font-size: 14px; line-height: 20px; color: #fff;}


.ClinetSignatureStatus .RedStatus {color: var(--primary-color); font-size: 14px; font-weight: 600; margin: 0 0 20px 0;}
.ClinetSignatureStatus .GreenStatus {color: #25A58B; font-size: 14px; font-weight: 600; margin: 0 0 20px 0;}
.ClinetSignatureStatus button {
    background-color: #00B0F0;
    border-radius: 10px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
figure .sign_agreement_top {width: 100%;}




.SidenavBarClient {
    height: calc(100vh - 70px);
    position: fixed;
    width: 190px;
    top: 70px;
    padding: 0px;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 3px 10px 10px 0px;
    background-color: rgb(255, 255, 255);
    z-index: 99;
}

.SidenavBarClient::-webkit-scrollbar-track {
    background: rgb(187, 187, 187);
    border-radius: 0px;
}

.SidenavBarClient::-webkit-scrollbar-thumb {
    background-color: rgb(0, 166, 182);
    border-radius: 0px;
    transition: background-color 0.2s linear 0s, width 0.2s ease-in-out 0s;
}

.SidenavBarClient::-webkit-scrollbar {
    width: 7px;
    border-radius: 0px;
}

.SidenavBarClient ul {
    margin: 0px;
    padding: 10px 0px;
}

.SidenavBarClient ul li {
    margin: 0px 0px 0px 0px;
    padding: 10px 0 10px 5px;
}
.SidenavBarClient ul li.active {
    background-color: var(--primary-color);
}
.SidenavBarClient ul li.active a {
    color: #fff;
}
.SidenavBarClient ul li a.Home {font-size: 18px;}
.SidenavBarClient ul li a span {margin: 0 10px 0 0;}
.SidenavBarClient ul li a {
    display: block;
    cursor: pointer;
    padding: 5px;
    transition: all 0.5s ease-in-out 0s;
    color: #808080;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    font-weight: 700;
}

.SidenavBarClient ul li a.Black {color: #000000; font-size: 18px; margin: 0 0 0 15px;}
.SidenavBarClient ul li a.TextRed {color: var(--primary-color); font-size: 18px; margin: 0 0 0 10px;}


.SidenavBarClient ul li a span.Number {background-color: var(--primary-color); color: #fff; margin: 0 0 0 10px; font-size: 12px; border-radius: 50%; padding: 0 5px;}
.SidenavBarClient ul li.active a span.Number {background-color: #fff; color: var(--primary-color);}
.WrapperAreaClient {
    margin-left: 190px;
    flex: 1 1 auto;
    width: calc(100% - 190px);
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    transition: all 0.5s ease-in-out 0s;
}

.WrapperAreaClient .WrapperBoxClient {
    padding: 40px;
    background-color: rgb(241, 241, 241);
    min-height: calc(100vh - 70px);
    position: relative;
}


.TitleBoxClient {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 25px;
    border-radius: 10px;
}

.TitleBoxClient .TitleClient {
    font-weight: 700;
    color: #2E2C34;
}

.ProjectViewTop figure {border-radius: 14px;position: relative;}
.ProjectViewTop figure img {width: 100%;}
.ProjectViewTop figure .CameraOverlay {position: absolute; right: 10px; top: 10px; 
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ProjectViewTop figure .CameraOverlay input {width: 100%; position: absolute; opacity: 0;}
.ProjectProgressHide {display: none;}
.ProjectProgress {background-color: #fff; padding: 20px 15px 20px 10px; border-radius: 14px; margin: 0 0 25px 0; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.04);}
.ProjectProgress.HeightFix {min-height: 150px;}
.ProjectProgress.WarrantyHeightFix {min-height: 250px;}

.ProjectProgress  h6{color: #000000; font-weight: 600; font-size: 16px; margin: 0 0 20px 0;}
.ProjectProgress .Progress_heading {display: flex; justify-content: space-between;}
.ProjectProgress .Progress_heading h6 {font-size: 12px; color: #000000; font-weight: 600; margin: 0 0 10px 0;}
.ProjectProgress .Progress_heading p {font-size: 11px; color: rgba(0, 0, 0, 0.5); font-weight: 600; margin: 0 0 10px 0;}

.ProjectProgress .ProjectProgressArea {margin: 0 0 25px 0;position: relative;}
.ProjectProgress .ProjectProgressArea:last-child {margin: 0;}

.ProjectProgress .progress {height: 0.75rem;}
.ProjectProgress .progress .progress-bar {background-color: #00B050;} 
.ProjectProgress  .ProjectProgressArea .progress-bar-overlay {position: absolute; content: "";  background-color: #00B050; width: 25px; 
  height: 25px; right: -10px; border-radius: 50%; display: flex; align-items: center; justify-content: center; top: 50%;}


.HomeUpdatesArea {background-color: #fff; padding: 20px 15px 10px 10px; border-radius: 14px; margin: 0 0 25px 0; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.04);}
.HomeUpdatesArea .HomeUpdatesAreaTop {display: flex; justify-content: space-between;}
.HomeUpdatesArea .HomeUpdatesAreaTop .UpdatesHeading {width: 30%;}
.HomeUpdatesArea  .HomeUpdatesAreaTop h6{color: #000000; font-weight: 600; font-size: 16px; margin: 0 0 25px 0;}
.HomeUpdatesArea  .HomeUpdatesAreaTop a{color: #000000; font-weight: 500; font-size: 15px; margin: 0 0 25px 0;}
.HomeUpdatesArea .HomeUpdatesAreaBottom .HomeUpdatesAreaRow {display: flex; justify-content: space-between;}
.HomeUpdatesArea .HomeUpdatesAreaBottom .HomeUpdatesAreaRow h6 {color: #000000; font-weight: 600; width: 60%; font-size: 12px; display: flex; align-items: flex-start; margin: 0 10px 20px 0; }
.HomeUpdatesArea .HomeUpdatesAreaBottomTrade .HomeUpdatesAreaRow h6 {width: 40%;}
.HomeUpdatesArea .HomeUpdatesAreaBottom .HomeUpdatesAreaRow p {color: #000000; font-weight: 500; font-size: 12px;}
.HomeUpdatesArea .HomeUpdatesAreaBottom .HomeUpdatesAreaRow h6 img {margin: 0 5px 0 0;}
.HomeUpdatesArea .HomeUpdatesAreaRecent figure {border-radius: 10px;}
.HomeUpdatesArea .HomeUpdatesAreaRecent figure img {width: 100%;}

.HomeUpdatesAreaTrade {background-color: #fff; padding: 20px 15px 10px; display: flex; justify-content: space-between; border-radius: 14px; margin: 0 0 25px 0; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.04); position: relative;}
.HomeUpdatesAreaTrade .HuatOverlay {position: absolute; right: 10px; top: 10px;}
.HomeUpdatesAreaTrade h3 {color: #000000; font-weight: 600; font-size: 16px; margin: 0 0 25px 0;}
.HomeUpdatesAreaTrade .UpdatesSection h6 {color: #000000; font-weight: 600; font-size: 13px; margin: 0 0 20px 0; display: flex; align-items: flex-start;}
.HomeUpdatesAreaTrade .UpdatesSection h6.TextBlue {color: #0070C0; font-weight: 500!important;}

.HomeUpdatesAreaTrade .UpdatesSection h6 img {margin: 0 10px 0 0;}
.HomeUpdatesAreaTrade .BuilderSection p {margin: 0 0 20px 0; font-size: 12px; font-weight: 600;}
.HomeUpdatesAreaTrade .DateSection h3, .HomeUpdatesAreaTrade .BuilderSection h3 {text-align: center;} 
.HomeUpdatesAreaTrade .DateSection p {margin: 0 0 20px 0; font-weight: 500;} 


.UpdateHide, .SelectBuilderHide {display: none;}

.HomeUpdatesAreaTrade .SelectBuilder {border: 1px solid rgba(0, 0, 0, 0.1);  position: relative; max-width: 210px; border-radius: 10px; margin: 0 0 25px 0;}
.HomeUpdatesAreaTrade .SelectBuilderMain.SelectBuilderMainHiden {display: flex;}
.HomeUpdatesAreaTrade .SelectBuilderMain {width: 100%;}
.HomeUpdatesAreaTrade .SelectBuilderMain h3 img{margin: 0 0 5px 20px;}
.HomeUpdatesAreaTrade .SelectBuilder select {appearance: none; outline: none;  padding: 10px; border-radius: 10px; border: none; width: 100%; color: #808080; font-weight: 400;}
.HomeUpdatesAreaTrade .SelectBuilder span {position: absolute; right: 10px; pointer-events: none; cursor: pointer; top: 50%; transform: translateY(-50%);}
.HomeUpdatesAreaTrade .SelectBuilderMain p {color: #808080; font-size: 12px; font-weight: 600; display: none;}
.ProjectProgresstable table thead tr th:first-child, .ProjectProgresstable table tbody tr td:first-child {text-align: left;}
.ProjectProgresstable table thead tr th {color: #000000; font-size: 14px; font-weight: 500; padding: 5px 5px 5px 0; text-align: center;}
.ProjectProgresstable table tbody tr td {font-size: 12px; font-weight: 500; padding:  5px 5px 5px 0; text-align: center;}

.BuilderBox .SelectBuilder {border: 1px solid rgba(0, 0, 0, 0.1);  position: relative; max-width: 210px; border-radius: 10px; margin: 0 0 25px 0;}
.BuilderBox .SelectBuilder select {outline: none;  padding: 10px; border-radius: 10px; border: none; width: 100%; color: #808080; font-weight: 400;}
.BuilderBox .SelectBuilder span {position: absolute; right: 10px; pointer-events: none; cursor: pointer; top: 50%; transform: translateY(-50%);}
.TableList50 {width: 50%;}
.ProjectProgresstable table tbody tr td:nth-child(odd) {color: #18B054;}
.ProjectProgresstable table tbody tr td:nth-child(even) {color: #FF0105;}
.ProjectProgress
.ChangeOrdersArea a{ color: #0070C0; display: flex; align-items: center;}
.ProjectProgress .ChangeOrdersArea a img {margin: 0 10px 0 0;}
.ProjectProgress .ChangeOrdersArea a span {margin: 0 0 0 10px;}

.ProjectProgress .Date {font-weight: 600; font-size: 10px; padding: 10px 10px 10px 0px; border-radius: 10px; display: inline-block; margin: 0 0 15px 0;}
.ProjectProgress .LightGreenBg {color: #538135; background-color: #E2EFD9;}
.ProjectProgress .LightBlueBg {color: #1E4E79; background-color: #DEEBF6;}
.ProjectProgress .LightRedBg {color: #C55A12; background-color: #FBE5D5;}
.ProjectProgress.Calendar {display: flex;}
.ProjectProgress.Calendar p {font-size: 10px; font-weight: 600; display:flex; align-items: center;}
.ProjectProgress.Calendar p img {margin: 0 0 0 5px;}
.ProjectProgress.Calendar figure {margin:20px 0 0  0;}
/* .ProjectProgress.Calendar figure img {height: 100%;} */
.ProjectProgress.Calendar .SmallCalendarLeft {width: 70%;}

.UserDetailsArea .UserDetailsBox {background-color: #fff; text-align: center; padding: 20px 15px 10px 10px; border-radius: 14px; margin: 0 0 20px 0; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.04);}
.UserDetailsArea .UserDetailsBox figure {width: 81px; height: 81px; border-radius: 50%; position: relative; box-shadow: 1px 5px 22px 4px rgba(0, 0, 0, 0.15); margin: 0px auto 20px;}
.UserDetailsArea .UserDetailsBox figure img {border-radius: 50%;}
.UserDetailsArea .UserDetailsBox figure .CameraOverlay {position: absolute;
    right: 0px;
    top: 5px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .UserDetailsArea .UserDetailsBox figure .CameraOverlay input {width: 100%; position: absolute; opacity: 0;}
.UserDetailsArea .UserDetailsBox p {font-size: 14px; font-weight: 600; color: #000000; margin: 0 0 15px 0; line-height: 24px;}
.UserDetailsArea .UserDetailsBox h6 {font-size: 14px; font-weight: 700; color: #000000; margin: 0 0 15px 0; line-height: 24px; line-break: anywhere;}

/* .UserDetailsArea .UserBoxArea p {} */


.SalesContactBox {background-color: #fff; padding: 20px 10px 20px 10px; border-radius: 14px; margin: 0 0 25px 0; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.04);}
.SalesContactBox  h6{color: #000000; font-weight: 600; font-size: 16px; margin: 0 0 20px 0;}
.SalesContactBox  h6 img {margin: 0 0 0 20px;}
.SalesContactBox p {color: #000000; font-size: 12px; font-weight: 700; display: flex; align-items: center;margin: 0 0 10px 0; line-break: anywhere;}
.SalesContactBox p img {margin: 0 15px 0 0;}
.SalesContactBox .UserName {color: #000000; font-weight: 700; font-size: 18px; margin: 50px 0 20px 0; text-align: center;}
.SalesContactBox .Brand {font-size: 14px; font-weight: 800; text-align: center;}

.SalesContactBox .Address
{
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    margin: 0 0 15px 0;
    line-height: 24px;
}
.SalesContactBoxHidden {display: none;}

.FinanceBox table tbody tr td {font-size: 13px; color: #000000; font-weight: 600; padding: 5px 5px 5px 0px;}
.FinanceBox table tbody tr td:last-child, .FinanceBox table tfoot tr td:last-child {font-size: 13px; color: #000000; font-weight: 400; text-align: end;}
.FinanceBox table tfoot tr td {border-top: 2px solid var(--primary-color); border-bottom: 2px solid var(--primary-color);}
.FinanceBox table tfoot tr td {font-size: 15px; color: #000000; font-weight: 700; padding: 7px 5px 7px 0px;}
.SalesContactBox.FinanceBox .TableHeading {font-size: 16px; color: #000000; font-weight: 700; margin: 20px 0 15px 0;} 
.SalesContactBox.FinanceBox .StatementAdjustment {font-size: 13px; color: #000000; font-weight: 600; margin: 25px 0 0 0;} 
.SalesContactBox.FinanceBox .StatementAdjustment img {margin: 0;}




.MountTime {font-size: 16px; font-weight: 400; color: #2E2C34;}
.MountTime img {margin: 0 10px 0 0;}

.NextAppointmentsArea {background-color: #fff; border-radius: 8px; text-align: center; padding: 15px 20px 15px;}
.NextAppointmentsArea h1 {font-size: 30px; color: #2E2C34; font-weight: 600; margin: 0 0 35px 0;}
.NextAppointmentsArea .NextAppointBox {border-radius: 10px; padding: 15px 20px; display: flex; text-align: left; justify-content: space-between; align-items: flex-start; margin: 0 0 20px 0;}
.NextAppointmentsArea .NextAppointBox .dropdown {cursor: pointer;}
.NextAppointmentsArea .NextAppointBox .dropdown-menu {width: 210px;}
.NextAppointmentsArea .NextAppointBox .dropdown-menu .dropdown-item {text-align: left;}
.NextAppointmentsArea .NextAppointBox .NextAppointBoxLeft h6 {font-size: 14px; font-weight: 600; text-decoration: underline; margin: 0 0 10px 0;}
.NextAppointmentsArea .NextAppointBox .NextAppointBoxLeft {width: 80%;}
.NextAppointmentsArea .NextAppointBox .NextAppointBoxLeft p { font-size: 12px; font-weight: 600;}

.NextAppointmentsArea .NextAppointBox.LightGreenBg {background-color: #E2EFD9; color: #538135;}
.NextAppointmentsArea .NextAppointBox.LightGreenBg.BlueText {color: #1E4E79;}
.NextAppointmentsArea .NextAppointBox.LightRedBg {background-color: #FBE5D5; color: #C55A12;}
.NextAppointmentsArea .NextAppointBox.LightPurpleBg {background-color: #D4A9F5; color: #7031A3;}




.AppointmentCalendar {border-radius: 8px; box-shadow: 0 7px 20px 0 rgba(40, 41, 61, 0.08); background-color: #fff;}
.AppointmentCalendar .CalendarHeader {display: flex; align-items: center;justify-content: center;}
.AppointmentCalendar .CalendarHeader h6 {margin: 0 20px;}
.AppointmentCalendar table thead tr th {color: #000000; font-size: 18px;font-weight: 600;}
.AppointmentCalendar table tbody tr td {color: #000000; font-size: 14px;font-weight: #121625;}
.AppointmentCalendar table thead tr th, .AppointmentCalendar table tbody tr td {color: #121625; padding: 10px 15px; text-align: center;} 
.AppointmentCalendar .CommonBg {width: 49px; height: 49px;display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0px auto;} 
.AppointmentCalendar .RedBg {background-color: #FBE5D5; color: #C55A12;}
.AppointmentCalendar .GreenBg {background-color: #E2EFD9; color: #538135;}
.AppointmentCalendar .BlueBg {background-color: #DEEBF6; color: #1E4E79;}


.BuilderBox:last-child {margin: 0 75px 0 0;}
.BuilderBox h4 {font-size: 20px; color: #000  000; font-weight: 600; margin: 0 0 15px 0;}
.BuilderBox h4 img {margin: 0 0 0 10px; filter: brightness(0);}
.BuilderBox p {font-size: 12px; color: #808080; font-weight: 600;}
.BuilderBoxRed h4 img {filter: brightness(1);}
.AcceptBtn .dropdown-menu {left: -20px!important;}


.ColorHeading {display: flex; align-items: center; margin: 0 0 15px 0;}
.ColorHeading h5 {color: var(--primary-color);}
.TableSmallHeading {display: flex; justify-content: space-between;}
.ProjectTableQuote, .ProjectTablePurchase {display: none;}


.ContactModalAddressArea h6 {margin: 0 0 10px 0!important;}
.ContactModalAddressArea p {font-size: 14px!important; margin:0!important; padding: 0px!important; line-height: 25px!important; color: #000000!important;font-weight: 400!important;}


.NewEmailArea {margin: 35px 0 0 0;}
.NewEmailArea .NewEmailTop {margin: 0 0 25px 0;}
.NewEmailArea .NewEmailTop p {display: flex; margin: 0 0 10px 0;}
.NewEmailArea .NewEmailTop p label {font-size: 20px;font-weight: 600;color: #2E2C34;position: relative; margin: 0 20px 0 0;}
.NewEmailArea .NewEmailTop p label::after {position: absolute; content: ":"; right: -15px;}
.NewEmailArea .NewEmailTop p span {font-size: 20px;font-weight: 400;color: #2E2C34;}
.NewEmailArea .NewEmailBox {margin: 0 0 25px 0;}
.NewEmailArea .NewEmailBox h4 {font-size: 20px; color: #2E2C34;font-weight: 600; margin: 0 0 15px 0;}
.NewEmailArea .NewEmailBox p {font-size: 14px;font-weight: 400;color: #2E2C34;}


.ContactInformationArea .ContactInformationBox {border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.10); position: relative; display: flex; justify-content: space-between; padding: 25px 10px 10px 65px; position: relative;}
.ContactInformationArea .ContactInformationBox .CrossOverlay {position: absolute; right: -10px; top: -10px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); cursor: pointer; background-color: red; width: 25px; height: 25px; font-size: 15px; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.ContactInformationArea .ContactInformationBox .circle {width: 40px; height: 40px; left: 15px; top: 30px; background-color: #25A58B; position: absolute; border-radius: 50%; color: #000000; font-weight: 600; font-size: 16px; display: inline-flex; align-items: center; justify-content: center;}
.ContactInformationArea .ContactInformationBox .ContactInformationName h6 {font-size: 14px;font-weight: 600;color: #000000; margin: 0 0 5px 0!important;}
.ContactInformationArea .ContactInformationBox .ContactInformationName p {font-size: 12px;font-weight: 600;color: #000000; margin: 0 0 5px 0!important;}
.ContactInformationArea .ContactInformationBox .ContactInformationName p span {font-size: 12px;font-weight: 600;color: #0070C1; margin: 0 0 5px 0!important;}
.ContactInformationArea .ContactInformationBox .ContactInformationIcon {margin: 0 0 0 30px; display: flex; flex-direction: column; align-items: center;justify-content: center;}
.ContactInformationArea .ContactInformationBox .ContactInformationIcon a {margin: 0 0 10px 0;}
.AssignUnit {margin: 10px 0 25px 0;}
.AssignUnit h4 {color: #2E2C34!important;font-size: 16px!important;font-weight: 600!important; margin: 0 0 10px 0!important;}
.AssignUnit p {color: #2E2C34!important;font-size: 16px!important;font-weight: 400!important;}


.ExtraLargeModalGreen .LeadDetailsInput {padding: 35px 15px; border-radius: 10px;}
.LeadDetailsInput {border: 1px solid rgba(0, 0, 0, 0.10); padding: 35px 35px; border-radius: 10px;}
.GeneralInformation {border: 1px solid rgba(0, 0, 0, 0.10); padding: 35px 15px;}
#CreateNewContractClientBtn {display: none;}

.TableList tbody tr td .TextBlue {color: #0070C1;}
.TableList tbody tr td .TextRed {color: var(--primary-color);}
.TableList tbody tr td .TextOrange {color: #FF0001;}
.TableList tbody tr td .TextSkyBlue {color: #4672C5;}
.TableList tbody tr td .TextLightSkyBlue {color: #1A99E8;}
.TableList tbody tr td .TextYellow {color: #FFC003;}
.TableList tbody tr td .TextYellow:hover {color: #FFC003;}
.TableList tbody tr td .TextGreen {color: #4CB251;}
.TableList tbody tr td .TextLightGreen {color: #06B050;}
.SatisfiedTab tbody tr td .TextRed {color: var(--primary-color);}
.TableList tbody tr td .fa-check-circle {color: #42cb42; margin: 0 5px; cursor: pointer;}
.TableList tbody tr td .fa-times-circle {color: rgb(252,52,0); margin: 0 5px;cursor: pointer;}


.TableList.TableListDecoration tbody tr td .TextBlue:hover {text-decoration: underline;}




.ExtraLargeModalGreen .HrLine {border: 1px solid #DBDBDB; margin: 50px -15px 0 -15px!important;}
.HrLine {border: 1px solid #DBDBDB; margin: 50px 0 0 0;}
#PajetBtn {display: none;}

.SchedulePaymentsTableMain .TableHeader {display: flex; align-items: center; justify-content: space-between;margin: 0 0 15px 0;}
.SchedulePaymentsTableMain .TableHeader h6 {cursor: pointer;margin: 0!important;}
.SchedulePaymentsTableMain .TableHeader h6 img {margin: 0 0 0 10px;}
.SchedulePaymentsTableMain .TableHeader .Actions a {margin: 0 0 0 10px;}
.SchedulePaymentsTable {border: 1px solid rgb(221, 221, 221); border-radius: 10px;overflow: scroll;}
.SchedulePaymentsTable table thead tr th:first-child, .SchedulePaymentsTable table tbody tr td:first-child {text-align: left;}
.SchedulePaymentsTable table tbody tr:last-child td {border-bottom: none;}
.SchedulePaymentsTable table thead tr, .SchedulePaymentsTable table tbody tr {border-bottom: 1px solid rgb(221,221,221);}
.SchedulePaymentsTable table thead tr th { white-space: nowrap; padding: 13px 20px; font-weight: 500;color: #809FB8; font-size: 14px; text-align: center;}
.SchedulePaymentsTable table tbody tr td { white-space: nowrap; padding: 13px 20px; font-weight: 500;color: rgb(64, 64, 64); font-size: 14px; text-align: center;}
.SchedulePaymentsTable table tbody tr td input:focus {box-shadow: none;}
.SchedulePaymentsTable table tbody tr td .SelectAnOption .dropdown-menu .dropdown-item {border-bottom: 1px solid rgb(219, 219, 219);}
.SchedulePaymentsTable table tbody tr td .SelectAnOption .dropdown-menu {width: 250px;}
table tbody tr td button.Commited {background-color: rgba(0, 176, 80, 0.90); border: 1px solid #00B050; color: #fff; font-size: 16px; line-height: 22px; font-weight: 500; padding: 10px 20px; border-radius: 10px;}
table tbody tr td button.NotCommited {background-color: rgba(255, 192, 0, 0.90); border: 1px solid #FFC000; color: #fff; font-size: 16px; line-height: 22px; font-weight: 500; padding: 10px 20px; border-radius: 10px;}
table tbody tr td button.Posted {background-color: rgba(55, 86, 35, 0.90); border: 1px solid #375623; color: #fff; font-size: 16px; line-height: 22px; font-weight: 500; padding: 10px 20px; border-radius: 10px;}
table tbody tr td button.Void {background-color: rgba(68, 114, 196, 0.90); border: 1px solid #4472C4; color: #fff; font-size: 16px; line-height: 22px; font-weight: 500; padding: 10px 20px; border-radius: 10px;}
.SchedulePaymentsTableShow, .TransactionTableShow  {max-height: 800px;}

.AdjustCostBreakdown {border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px; padding: 15px 10px 25px;}
.AdjustCostBreakdown table {margin: 0 0 35px 0;}
.AdjustCostBreakdown .TableHeader h6 {font-size: 12px; color: #000000; font-weight: 600; margin: 0 0 10px 0!important;}
.AdjustCostBreakdown table tbody tr td {padding: 7px 20px 7px 10px; font-size: 12px; font-weight: 600;}
.AdjustCostBreakdown table tbody tr td:last-child {text-align: right;}
.AdjustCostBreakdown table tbody tr.MiddleBlue {background-color: #2E75B5; color: #fff;}
.AdjustCostBreakdown table tbody tr.LightBlue {background-color: #9CC3E5; color: #000000;}
.AdjustCostBreakdown table tbody tr.DarkBlue {background-color: #1E4E79; color: #fff;}

.AdjustCostBreakdown.AdjustCostBreakdownGreen {border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px; padding: 15px 10px 25px;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table {margin: 0 0 35px 0;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen .TableHeader h6 {font-size: 12px; color: #000000; font-weight: 600; margin: 0 0 10px 0!important;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table tbody tr td {padding: 7px 20px 7px 10px; font-size: 12px; font-weight: 600;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table tbody tr td:last-child {text-align: right;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table tbody tr.MiddleGreen {background-color: #538135;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table tbody tr.MiddleGreen td {color: #fff;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table tbody tr.LightGreen {background-color: #C5E0B3; color: #000000;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table tbody tr.DarkGreen {background-color: #538135; color: #fff;}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table tbody tr.MiddleGreenBlank {height: 35px; background-color: #538135;color: rgba(0, 0, 0, 0);}
.AdjustCostBreakdown.AdjustCostBreakdownGreen table tbody tr.MiddleGreenBlank td { color: rgba(0, 0, 0, 0);}


.SatisfiedTab .OpacaityAction {opacity: 70%;}


.SelectAvailableArea {margin: 0 0 35px 0;}
.SelectAvailableArea h5 {color: #2E2C34; font-weight: 700; font-size: 16px; line-height: 20px; margin: 0 0 20px 0;}
.SelectAvailableArea .SelectAvailableAreaBox h6 {color: #808080; font-size: 14px; font-weight: 600;}
.SelectAvailableArea .SelectAvailableAreaBox .form-group {margin: 0 0 10px 0;}
.SelectAvailableArea .SelectAvailableAreaBox label {color: #808080; font-size: 14px; font-weight: 600;}


.AgreementViewAreaGreen .form-control {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 15px;
    box-shadow: none;
}
.AgreementViewAreaGreen .form-control:focus {box-shadow: none;}
.TableList table tbody tr td .TableInput .form-control {border: 1px solid rgb(221, 221, 221); border-radius: 10px; padding: 24px 10px; min-width: 146px;}
.TableList table tbody tr td .TableInput .form-control:focus {box-shadow: none;}
.TableList table tbody tr td .TableInput input::placeholder {color: #808080; font-weight: 500; font-size: 12px;}

.TableLeft table thead tr th, .TableLeft table tbody tr td {text-align: left;}


.StatementAdjustmentArea h6 {color: #000000!important; text-align: center; margin: 0 0 25px 0!important; font-weight: 700!important; font-size: 18px!important;}
.StatementAdjustmentArea .Title {color: #000000!important; margin: 15px 0 25px 0!important; font-weight: 700!important; text-transform: uppercase; font-size: 18px!important; text-align: left; padding: 0 0 15px 0; border-bottom: 1px solid #000000;}
.StatementAdjustmentArea .form-group {display: flex; align-items: flex-end; margin: 0 0 20px;}
.StatementAdjustmentArea .form-group label {color: #000000; font-size: 16px; margin: 0px; font-weight: 600; min-width: 200px;}
.StatementAdjustmentArea .form-group .form-control {border: none; border-radius: 0px; border-bottom: 1px solid #000000; padding: 5px 20px 5px 10px;}
.StatementAdjustmentArea .StatementAdjustmentBottom {display: flex; justify-content: space-between; margin: 0 0 10px 0!important;}
.StatementAdjustmentArea .StatementAdjustmentBottom label{color: #000000; font-size: 16px; margin: 0px; font-weight: 600;}
.StatementAdjustmentArea .StatementAdjustmentBottom p{color: #000000; font-size: 16px; font-weight: 600; margin: 0px!important; padding: 5px 100px 5px 15px; min-width: 200px;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightGreen  {background-color: #C5E0B3;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightGrey  {background-color: #DBDBDB;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightGrey2  {background-color: #EDEDED;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightRed  {background-color: #F57373;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightRed2  {background-color: #F78F8F;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightOrange  {background-color: #F7CBAC;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightBlue2  {background-color: #B5C6E7;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.BgBlue2  {background-color: #B5C6E7;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.DarkBlue {background-color: #1E4E79; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightBlue1 {background-color: #9CC3E5; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.MediumBlue {background-color: #2E75B5; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.BlueNew {background-color: #002060; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightPink {background-color: #FFD6D6; color: #000;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.DarkRed {background-color: var(--primary-color); color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.MultiBlue {background-color: #2E75B5; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.MultiRed {background-color: #D41C1C; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.MultiBlue2 {background-color: #0070C0; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.MultiGreen {background-color: #00B050; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.MultiOrange {background-color: #ED7D31; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.MultiDarkBlue {background-color: #002060; color: #fff;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.FadeBlueNew {background-color: #DEEBF6; color: #000;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.FadeBlueNew2 {background-color: #002060; color: #fff;}


.StatementAdjustmentArea .StatementAdjustmentTable table thead tr th,
.StatementAdjustmentArea .StatementAdjustmentTable table tfoot tr td
{ color: #000000; font-weight: 600; font-size: 16px; padding: 10px 10px; white-space: nowrap;}
.StatementAdjustmentArea .StatementAdjustmentTable table tbody tr td { color: #000000; font-weight: 400; font-size: 14px; padding: 10px 10px; white-space: nowrap;}

.StatementAdjustmentArea .StatementAdjustmentTable table tbody tr td:last-child,
.StatementAdjustmentArea .StatementAdjustmentTable table thead tr th:last-child {text-align: center;}
.StatementAdjustmentArea .StatementAdjustmentTable table tr td .BgBlue {background-color: #90AADB; font-weight: 600!important; padding: 5px;}
.StatementAdjustmentArea .StatementAdjustmentTable table tr td .BgFadeRed {background-color: #F7CBAC; font-weight: 600!important; padding: 5px;}
.StatementAdjustmentArea .StatementAdjustmentTable table tr td .LightGreenToo {background-color: #E2EFD9; font-weight: 600!important; padding: 5px;}


.PropertyParaArea {padding: 0 0 50px 0;}
.PropertyParaArea h6 {text-align: left;}
.PropertyParaArea ul li {list-style-type: none; font-weight: 500; font-size: 14px; color: #000000; margin: 20px 0 0 0;}
.PropertyParaArea ul li p {display: inline-block;}
.PropertyParaArea ul li span {margin:  0 20px 0 0;}
.PropertyParaArea ul li .form-control {display: block; margin: 0 0 0 35px; width: calc(100% - 75px); border-radius: 0px; border: none; border-bottom: 1px solid #000000;}
.PropertyParaArea ul li .form-control {box-shadow: none;}
.PropertyParaArea ul li p {margin: 20px 0 0 0;}
.PropertyParaArea ul li .ParaInput {margin: 10px 0 35px 37px;}
.PropertyParaArea ul li p input {border: none; border-bottom: 1px solid #000000; max-width: 77px; margin: 0 5px;}
.PropertyParaArea ul li p input:focus {outline: none;}
.PropertyParaArea ul li { font-weight: 500; font-size: 14px; color: #000000; margin: 20px 0 0 0;}

.PropertyParaArea .UnlessUl { padding: 0 0 0 35px; counter-reset: list;}
.PropertyParaArea .UnlessUl li{ list-style-type: none;}
.PropertyParaArea .UnlessUl li:before{ content: counter(list, lower-alpha) ") "; counter-increment: list; margin: 0 20px 0 0;}



.InitialDepositArea {text-align: right;}
.InitialDepositArea p {font-size: 14px; color: #000000; font-weight: 500; margin: 15px 0!important;} 
.InitialDepositArea p label small {font-weight: 500;}
.InitialDepositArea label {width: 200px; display: inline-flex; flex-direction: column;}
.InitialDepositArea p input {border: none; border-bottom: 1px solid #000000;max-width: 125px; }
.InitialDepositArea p input:focus {outline: none;}



.ContractBetweenArea h6 {color: #000000!important; font-size: 16px!important; font-weight: 700!important; text-align: left!important;}
.ContractBetweenArea .ContractBetweenBox {margin: 0 0 0 100px;}
.ContractBetweenArea .ContractBetweenBox h6 {color: #000000!important; font-size: 16px!important; font-weight: 600!important;}
.ContractBetweenArea .ContractBetweenBox h6 input {border: none; border-bottom: 1px solid #000000; min-width: 400px; margin: 0 50px 0 5px;}
.ContractBetweenArea .ContractBetweenBox h6 .CompanyNameSpan {color: #000000!important; padding: 0 0 10px 0; font-size: 16px!important; font-weight: 600!important;min-width: 300px; display: inline-block; margin: 0 20px; border-bottom: 1px solid #000000;}
.ContractBetweenArea .ContractBetweenBox h6 .CompanyNameSpan img {margin: 0 10px 0 0 ;}
.ContractBetweenArea .ContractBetweenBox h6 .CompanyNameSpan .CommonSelectBox {margin: 0;}

.LoginSelectArea {border: 1px solid #DBDCDE; border-radius: 10px; display: flex;position: relative;}
.LoginSelectArea select {appearance: none; border: none; border-radius: 10px; width: 100%; padding: 12px 15px 12px 40px;}
.LoginSelectArea select option {padding: 0px;}
.LoginSelectArea select:focus {outline: none;}
.LoginSelectArea span {position: absolute; pointer-events: none;}
.LoginSelectArea span:first-child {left: 10px; top: 50%; transform: translateY(-50%);}
.LoginSelectArea span:last-child {right: 10px; top: 50%; transform: translateY(-50%);}

.BuilderLogo {position: relative; left: 50px;}

.SubscriptionArea {margin: 0 0 30px 0;}
.SubscriptionArea h3 {font-weight: 700!important;font-size:20px!important;color: #2E2C34!important; text-align: center!important;}
.SubscriptionArea h3 span {color: var(--primary-color);}
.SubscriptionArea .SetToStartArea h6 {font-size: 14px!important; font-weight: 700!important;color: #000000; margin: 0 0 15px 0;}
.SubscriptionArea .SetToStartArea p {font-size: 14px!important; font-weight: 500!important;color: #000000; margin: 0 0 15px 0;}
.SubscriptionArea .SetToStartArea p a {font-size: 14px!important; font-weight: 600!important; color: var(--primary-color);}


.SubscriptionArea .CompanyDetailsTable {margin:20px 0 30px 0;}
.SubscriptionArea .CompanyDetailsTable h6 {color: #000000; font-size: 14px; font-weight: 700; margin: 0 0 5px 0!important;}
.SubscriptionArea .CompanyDetailsTable table thead tr th {font-size: 14px; color: #000000; font-weight: 400; text-decoration: underline; text-decoration-color: #808080; padding: 5px 0px;}
.SubscriptionArea .CompanyDetailsTable table tbody tr td {font-size: 14px; color: #808080; font-weight: 600; text-decoration-color: #808080; padding: 5px 0px;}
.SubscriptionArea .BuilderArea {margin: 0 0 25px 0;}
.SubscriptionArea .BuilderArea h4 {font-size: 20px!important; font-weight: 700!important; color: #2E2C34!important;margin: 0 0 10px 0!important;}
.SubscriptionArea .BuilderArea p {color: #808080; font-weight: 500!important;; font-size: 14px!important;; line-height: 24px!important;}
.SubscriptionArea .BuilderArea p span {color: var(--primary-color);}
.SubscriptionArea .AddressArea {margin: 0 0 20px 0;}
.SubscriptionArea .AddressArea h5 {color: #000000; font-size: 14px;font-weight: 700; margin: 0 0 10px 0!important; }
.SubscriptionArea .AddressArea p:nth-child(2) {color: #000000; font-size: 14px; font-weight: 400; text-decoration: underline; margin: 0 0 5px 0!important;}

.SubscriptionArea .AddressArea p {color: #808080; font-weight: 600;}
.SelectPlanArea h6:first-child {font-weight: 700!important; color: #000000; font-size: 14px!important; margin: 0 0 10px 0!important;}
.SelectPlanArea h6:nth-child(2) {font-weight: 600!important; color: #000000; font-size: 14px!important; margin: 0 0 10px 0!important;}
.SelectPlanArea p:nth-child(2) {font-weight: 500!important; color: #808080; font-size: 14px!important; margin: 0 0 10px 0!important; text-decoration: underline;}
.SelectPlanArea p {font-weight: 600!important; color: #808080; font-size: 14px!important;}
.SelectPlanArea p span {color: #000000;}

.SubscriptionArea .LoginDetailsBox {margin: 0 0 25px 0;}
.SubscriptionArea .LoginDetailsBox h6 {color: #000000!important; font-weight: 700!important; font-size: 14px!important; margin: 0 0 10px 0!important;}
.SubscriptionArea .LoginDetailsBox p {color: #1E1E1E!important; font-weight: 600!important; font-size: 14px!important; margin: 0 0 10px 0!important;}
.SubscriptionArea .LoginDetailsBox a {color: var(--primary-color); font-weight: 600; font-size: 14px;}


.SubsCriptionBackground {background-color: #F9FCFF; width: 100%; padding: 20px 0 0 0;}
.SubsCriptionBackground .SubscriptionTitleBox {background-color: #fff; border: 1px solid rgb(0, 0, 0,0.1); border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding: 10px; margin: 0 20px;}
.SubsCriptionBackground .SubscriptionTitleBox .Title {color: #2E2C34; font-weight: 700; font-size: 20px;}



 .pricing .PricingArea {background-image: linear-gradient(to bottom right, #FFDFE0, #FFF6F7); border-radius: 60px 60px 0 0; padding: 50px 0 0 0;} 
 .pricing .section-header {padding: 30px 0;}
 .pricing .section-header ul {display: flex; align-items: center; justify-content: center;}
 .pricing .section-header ul li a {font-size: 28px; color: #1C1C1C; margin: 0 20px; font-weight: 600; display: inline-block; }
 .pricing .section-header ul li a.active {color: #ED1D24;}
 .pricing .pricing-item .SeeDetails {display: inline-block; color: #454545; font-weight: 600; font-size: 15px;}
.SmarterModal .pricing .pricing-item .SeeDetails {color: #ED1D24;}
.SmarterModal .pricing .BigSlace {color: #ED1D24; font-size: 62px;}
 .pricing .pricing-item .SeeDetails img {margin: 0 0 0 5px;}

 .SmarterModal .pricing .pricing-item {
    padding: 0px 0px 20px;
    box-shadow: none;
    background: #fff;
    height: 100%;
    position: relative;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

 .pricing .pricing-item {
    padding: 60px 40px 20px;
    box-shadow: 0 3px 20px -2px rgba(108, 117, 125, 0.15);
    background: #fff;
    height: 100%;
    position: relative;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
.pricing h3 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
    color: #000000;
  }
  
.pricing h4 {
    font-size: 48px;
    color: #000000;
    font-weight: 700;
    font-family: var(--font-secondary);
    margin-bottom: 0;
  }

  
.pricing h4 span {
    color: #656565;
    font-size: 14px;
    font-weight: 600;
  }
  
.pricing ul {
    padding: 20px 0;
    list-style: none;
    color: #6c757d;
    text-align: left;
    line-height: 20px;
  }
.pricing .PricingList {
    min-height: 350px;
  }
  
.pricing ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #454545;
    font-size: 14px;
  }
  
  
 .pricing ul .na {
    color: rgba(108, 117, 125, 0.5);
  }
  
 .pricing ul .na i {
    color: rgba(108, 117, 125, 0.5);
  }
  
 .pricing ul .na span {
    text-decoration: line-through;
  }
  
 .pricing .buy-btn {
    display: inline-block;
    padding: 15px 10px;
    border-radius: 6px;
    color: #fff;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    background-color: #ED1D24;
  }
  

  
 .pricing .pricing-item.featured {
    background-color: #ED1D24;
  }
.pricing .featured ul li, .pricing .featured h4 span, .pricing .featured h4, 
.pricing  .featured h3, .pricing .featured .SeeDetails {color: #fff;}
.featured .buy-btn {background-color: #fff; color: #ED1D24; font-weight: 600; }
.pricing-item ul li figure {margin: 0px 10px 0 0;}  
.pricing .form-group {display: flex; align-items: center;} 
.pricing .form-group h6{font-weight: 600; color: #1C1C1C;}
.pricing .form-group .switch {margin: 0 0 0 10px;}
.pricing .SaveUpto {background-color: #00B050; margin: 0 0 0 10px; border-radius: 20px; color: #fff; font-weight: 600; font-size: 14px; outline: none; border: none; padding: 10px 20px;} 

.PlanTables table thead tr th {border-bottom: 0.5px solid #C6C6C6;}
.PlanTables table thead tr th, .PlanTables table tbody tr td {border-right: 0.5px solid #C6C6C6;}
.PlanTables table thead tr th:first-child {text-align: left; padding: 30px 10px;}
.PlanTables table tbody tr td:first-child {text-align: left;}
.PlanTables table thead tr th {color:#000000; font-weight: 600; font-size: 15px; text-align: center;}
.PlanTables table thead tr th h4 {font-size: 36px;}
.PlanTables table thead tr th h4 sup {font-size: 20px;}
.PlanTables table tbody tr:first-child td{padding: 35px 5px 5px 5px;}
.PlanTables table tbody tr td { padding: 5px; color: #454545; text-align: center;}
.PlanTables table tfoot tr td {padding: 35px 5px; border-top: 0.5px solid #c6c6c6; border-right: 0.5px solid #c6c6c6; text-align: center;}
.PlanTables table tfoot tr td a {background-color: #ED1D24; padding: 5px 18px;  color: #fff; font-weight: 600; border: none; outline: none; border-radius: 27px; display: inline-block; margin: 0px auto;}



.PlanScreenArea { width: 90%; margin: 50px auto; padding: 20px;  background-color: #EBEDF0; border: 1px solid #F4F4F4; position: relative; border-radius: 20px;}
.PlanScreenArea::after {position: absolute; width: 2px; height: 100%; left: 50%; top: 0; bottom: 0; content: ""; display: block; background-color: #ED1D24;}
.YourProductArea h4 {color: #000000; font-size: 24px; font-weight: 700; margin: 0 0 15px 0;}
.YourProductArea .YourProduct {display: flex; justify-content: space-between;}
.YourProductArea .YourProduct ul {display: flex;}
.YourProductArea .YourProduct ul li {color: #89868D; font-size: 16px; font-weight: 700;position: relative;}
.YourProductArea .YourProduct ul li.active {color: #000000;}

.YourProductBox {border: 1px solid rgba(0,0,0,0.1); background-color: #fff; border-radius: 10px; padding: 30px 20px;}
.YourProductBox .YourProductBoxTop {display: flex; justify-content: space-between; align-items: center; margin: 0 0 50px 0; cursor: pointer;}

.YourProductBox .YourProductBoxTop h6 {color: #2E2C34; font-weight: 700; font-size: 20px;}

.YourProductBox .YourProductBoxStarter {display: flex; justify-content: space-between; align-items: center; padding: 0 0 30px 0;}
.YourProductBox .YourProductBoxStarter .StarterLeft h4 {font-weight: 600; font-size: 23px; font-family: 'Inter'; margin: 0 0 15px 0!important;}
.YourProductBox .YourProductBoxStarter .StarterLeft h4 img {margin: 0 0 0 10px;}
.YourProductBox .YourProductBoxStarter .StarterLeft  p {color: #ED1D24; font-size: 14px; font-weight: 700;}



.SelectBillingCycleArea {border-top:  1px solid rgba(0, 0, 0, 0.1); padding: 50px 0;}
.SelectBillingCycleArea h6 {color: #000000; font-size: 24px; font-weight: 700; text-align: center; margin: 0 0 50px 0;}

.facilitiesBox {margin: 0 0 25px 0; width: 70%; margin: 0 auto;}
.facilitiesBox .AmmentitiesBox ul{display: flex;flex-wrap: wrap;margin: 0 -5px;}
.facilitiesBox .AmmentitiesBox ul li{width: calc(100% / 2);position: relative;  border-radius: 10px; padding: 0 5px;}
.facilitiesBox .AmmentitiesBox ul li input{position: absolute;top: 0;left: 5px;width: calc(100% - 10px);height: 100%; z-index: 9;cursor: pointer;opacity: 0;}
.facilitiesBox .AmmentitiesBox ul li aside{padding: 10px 0;text-align: center;border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1);}
.facilitiesBox .AmmentitiesBox ul li aside label:first-child{margin: 7px 0 0 0; font-size: 16px;font-weight: 700; color: #000000;}
.facilitiesBox .AmmentitiesBox ul li aside label{margin: 7px 0 0 0; font-size: 30px;font-weight: 700; color: #000000;}
.facilitiesBox .AmmentitiesBox ul li input:checked~aside{border: 1px solid #ED1D24;border-radius: 10px;}
.facilitiesBox .AmmentitiesBox ul li input:checked~aside .RedioOverlay{display: block;}
.facilitiesBox .AmmentitiesBox ul li input:checked~aside label{color:#000000;}
.facilitiesBox label{display:block;color:#000;font-weight:500;font-size:20px;margin:0 0 10px 0;}
.facilitiesBox aside .RedioOverlay {position: absolute;right: 10px; top: 10px; display: none;}



.OrderSummaryBox {border: 1px solid rgba(0,0,0,0.1); background-color: #fff; border-radius: 10px; padding: 25px 20px;}
.BillingAnnually {display: flex; justify-content: space-between; border-top: 1px solid #C6C6C6; padding: 25px 0; position: relative;}
.BillingAnnually .BillingAnnuallyLeft {width: 80%;}
.BillingAnnually .BillingAnnuallyLeft h3 {font-family: "Inter"; color: #000000; font-weight: 600; font-size: 23px;}
.BillingAnnually .BillingAnnuallyLeft h6 {color: #000000; font-weight: 700; font-size: 16px; margin: 20px 0 0 0;}
.BillingAnnually .BillingAnnuallyLeft p:nth-child(2) {font-size: 16px; font-weight: 400; color: #000000; margin: 20px 0;}
.BillingAnnually .BillingAnnuallyLeft p:last-child {font-size: 14px; font-weight: 400; color: #000000;}
.BillingAnnually .BillingAnnuallyRight h6{ font-size: 16px; font-weight: 700; color: #000000;}
.PlanContinueBtn
 { display: inline-block;
    padding: 15px 10px;
    border-radius: 6px;
    color: #fff;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    background-color: #ED1D24;
    outline: none;
    border: none;
    width: 70%;
    margin: 0 auto;
    display: block;
}
.CompanyDetailsForm form .form-group {margin: 0 0 25px 0; position: relative;}
.CompanyDetailsForm form .form-group .QuestionMark {position: absolute; top: 70%; right: -25px; transform: translateY(-50%);}
.CompanyDetailsForm form .form-group label {color: #2E2C34; font-weight: 600; font-size: 16px; margin: 0 0 10px 0;}
.CompanyDetailsForm form .form-group label span {color: var(--primary-color); margin: 0 0 0 5px;}
.CompanyDetailsForm form .form-group .form-control {border-radius: 10px; font-size: 12px; font-weight: 500; color: #808080; border: 1px solid rgba(0, 0, 0, 0.1); padding: 25px 15px;}
.CompanyDetailsForm form .form-group .form-control:focus {box-shadow: none; border-color: rgba(0, 0, 0, 0.1);}
.CompanyDetailsForm form .form-group .CheckBox {font-weight: 500!important; font-size: 14px!important;}
.CompanyDetailsForm .Radio input:checked ~ .checkmark {border-color: #fc3400;}
.CompanyDetailsForm .Radio .checkmark::after {background: #fc3400;}
.CompanyDetailsForm .Radio .checkmark {border: 1px solid #fc3400;}
.CompanyDetailsForm .CheckBox .checkmark {border: 1px solid var(--primary-color);}

.CheckBoxTable {border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 0 0 20px 0;}
.CheckBoxTable thead {background-color: var(--primary-color); cursor: pointer;}
.UpArrow{transform: rotate(180deg);}
.CheckBoxTable .CheckBox  {margin-bottom: 0px!important;}
.CheckBoxTable table thead th .CheckBox .checkmark {border: 1px solid #fff;}
.CheckBoxTable table thead tr th {font-size: 18px; font-weight: 600; color: #fff; padding: 15px 5px 15px 10px; vertical-align: middle;}
.CheckBoxTable table tbody tr {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.CheckBoxTable table tbody tr:last-child {border-bottom: none;}
.CheckBoxTable table tbody tr td {padding: 10px 5px 10px 10px; font-size: 14px; font-weight: 600;color: #808080;}
.CheckBoxTable table thead tr th:first-child {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.CheckBoxTable table thead tr th:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.CheckBoxTable table thead tr th:first-child, .CheckBoxTable table tbody tr td:first-child {width: 200px; text-align: left;}
.CheckBoxTable table thead tr th, .CheckBoxTable table tbody tr td{min-width: 40px; text-align: center;}


.CheckBoxTable.UserManagementTable tbody {background-color: var(--primary-color);}
.CheckBoxTable.UserManagementTable tbody tr td {color: #fff;}
.CheckBoxTable.UserManagementTable table thead tr th:first-child {border-bottom-left-radius: 0px;}
.CheckBoxTable.UserManagementTable table thead tr th:last-child {border-bottom-right-radius: 0px;}
.CheckBoxTable.UserManagementTable table tbody td .CheckBox .checkmark {border: 1px solid #fff;}




.CheckBoxTableTop {border: 0px; margin: 0px;}
.CheckBoxTableTop thead {background-color: #fff;}
.CheckBoxTable.CheckBoxTableTop thead tr th:first-child {min-width: 100px;}
.CheckBoxTable.CheckBoxTableTop thead tr th {min-width: 75px;}
.CheckBoxTableTop thead tr th {font-size: 14px!important; font-weight: 600!important; color: #000000!important; padding: 0px!important;}

.ShippingAddressArea {display: flex; justify-content: space-between; margin: 20px 0 35px 0;}
.ShippingAddressArea h6 {font-size: 14px; color: #00B0F0; font-weight: 700;}
.ShippingAddressArea p {color: #000000; font-size: 14px; font-weight: 600;}

.ItemDetails {border: 1px solid rgb(221, 221, 221); border-radius: 10px; padding: 20px 0 20px 25px; margin: 0 0 25px 0;}
.ItemDetails h6 {font-size: 16px; font-weight: 600; color: #00B0F0; margin: 0px!important;}
.GstTable tbody tr td {color: #000000; font-size: 16px;font-weight: 600; padding: 5px;}
.GstTable tbody tr td:nth-child(2) {color: #000000; font-weight: 400; text-align: right;}
.GstTable tbody tr td:last-child {text-align: center;}


.BlueTextArea .Heading h3 span.Count {font-size: 12px!important; color: #fff!important;}
.BlueTextArea .Heading h6 {font-size: 16px; color: #00B0F0; font-weight: 600;}
.BlueTextArea .Heading h3 {font-size: 20px!important; font-weight: 700!important; color: #00B0F0!important;}
.BlueTextArea .Heading h3 span{font-size: 20px!important; font-weight: 400!important; color: #2E2C34!important;}
.BlueTextArea .Heading h6 {font-size: 16px!important; font-weight: 700!important; color: #00B0F0!important;}
.BlueTextArea .Heading h6 span{font-size: 16px!important; font-weight: 400!important; color: #2E2C34!important;}
.BlueTextArea .Categories h6 {color: #00B0F0;}
.YellowOutline {font-size: 14px; font-weight: 400; color: #FFC003; border: 1px solid #FFC003; padding: 10px 20px; display: inline-block; border-radius: 10px;}
.YellowOutline img {margin: 0 5px 0 0;}
.YellowOutline:hover {color: #FFC003;}
.BlueTextArea .Tableheader h6 {color: #00B0F0;}
.BlueTextArea table tbody tr td .form-control {min-width: 100px;}
.BlueTextArea .ItemDetails {border: 1px solid rgb(221, 221, 221); border-radius: 10px; padding: 20px 0 20px 25px; margin: 0 0 25px 0;}
.BlueTextArea .ItemDetails h6 {font-size: 16px; font-weight: 600; color: #00B0F0; margin: 0px;}
.BlueTextArea .form-group h6 { color: #00B0F0;}
.BlueTextArea .ShippingAddressArea {display: flex; justify-content: space-between; margin: 20px 0 35px 0;}
.BlueTextArea .ShippingAddressArea h6 {font-size: 14px; color: #00B0F0; font-weight: 700;}
.BlueTextArea .ShippingAddressArea p {color: #000000; font-size: 14px; font-weight: 600;}
.BlueTextArea .GstTable {margin: 25px 0 0 0;}
.BlueTextArea .GstTable tbody tr td {color: #00B0F0; font-size: 16px;font-weight: 500; padding: 5px;}
.BlueTextArea .GstTable tbody tr td:nth-child(2) {color: #000000; font-weight: 400; text-align: right;}
.BlueTextArea .GstTable tbody tr td:last-child {text-align: center;}
.BlueTextArea .Button button.Create {border: 1px solid #00B0F0; background-color: rgba(0, 176, 240, 0.90); color: #000000;}
.btnbgBlue {background-color: rgba(0, 176, 240, 0.90)!important;}
.BlueText {color: #00B0F0;}
.BlueTextArea .ModalFilterAreaBox h4 {color: #00B0F0!important;}
.BlueTextArea .SchedulePaymentsTable table thead tr th {color: #00B0F0;}

.BlueTextArea.YellowTextArea .Heading h6 {color: #FFC003!important;}
.BlueTextArea.YellowTextArea .Heading h3 {color: #FFC003!important;}
.BlueTextArea.YellowTextArea .Heading h3 span{color: #2E2C34!important;}
.BlueTextArea.YellowTextArea .Heading h3 span.Count {font-size: 12px!important; color: #fff!important;}
.BlueTextArea.YellowTextArea .Heading h6 {font-size: 16px!important; font-weight: 700!important; color: #FFC003!important;}
.BlueTextArea.YellowTextArea .Heading h6 span{font-size: 16px!important; font-weight: 400!important; color: #2E2C34!important;}
.BlueTextArea.YellowTextArea .Categories h6 {color: #00B0F0;}
.BlueOutline {font-size: 14px; font-weight: 600; color: #00B0F0; border: 1px solid #00B0F0; padding: 10px 20px; display: inline-block; border-radius: 10px;}
.BlueOutline img {margin: 0 5px 0 0;}
.BlueOutline:hover {color: #00B0F0;}
.BlueOutline.GreenOutline {border: 1px solid #75BC2A; color: #75BC2A;}
.BlueOutline.RedOutline {border: 1px solid #E41F26; color: #E41F26;}
.BlueTextArea.YellowTextArea .Tableheader h6 {color: #FFC003;}
.BlueTextArea.YellowTextArea .ItemDetails {border: 1px solid rgb(221, 221, 221); border-radius: 10px;}
.BlueTextArea.YellowTextArea .ItemDetails h6 { color: #FFC003;}
.BlueTextArea.YellowTextArea .form-group h6 { color: #FFC003;}
.BlueTextArea.YellowTextArea .ShippingAddressArea h6 {font-size: 14px; color: #FFC003; font-weight: 700;}
.BlueTextArea.YellowTextArea .ShippingAddressArea p {color: #000000; font-size: 14px; font-weight: 600;}
.BlueTextArea.YellowTextArea .GstTable tbody tr td {color: #FFC003; font-size: 16px;font-weight: 500; padding: 5px;}
.BlueTextArea.YellowTextArea .GstTable tbody tr td:nth-child(2) {color: #000000; font-weight: 400; text-align: right;}
.BlueTextArea.YellowTextArea .GstTable tbody tr td:last-child {text-align: center;}
.BlueTextArea.YellowTextArea .Button button.Create {border: 1px solid #FFC003; background-color: rgba(252, 192, 3, 0.90); color: #000000;}
.BlueTextArea.YellowTextArea .TableBottom {margin: 10px 0 0 0; text-align: right;}
.BlueTextArea.YellowTextArea .TableBottom h6 {font-size: 16px; color: #2E2C34;}
.BlueTextArea.YellowTextArea .TableBottom h6 span {color: #FFC003;}
.YellowText {color: #FFC003!important;}
.YellowTextArea .ModalFilterAreaBox h4 {color: #FFC003!important;}
.YellowTextArea .SchedulePaymentsTable table thead tr th {color:#FFC003;}
.BlueTextArea.YellowTextArea .form-group p {color: #000000; margin-left: 0px;}
.FolderForm .FormSubjectBox {border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 0px 20px 30px; border-radius: 10px;}
.FolderForm .FormSubjectBox h6 {font-size: 14px; font-weight: 400; margin: 0px;}
.FolderForm .FormSubjectBox h6 span{font-size: 14px; font-weight: 700; color: #2E2C34;}





.BlueTextArea.GreenTextArea .Heading h6 {color: #75BC2A!important;}
.BlueTextArea.GreenTextArea .Heading h3 {color: #75BC2A!important;}
.BlueTextArea.GreenTextArea .Heading h3 span{color: #2E2C34!important;}
.BlueTextArea.GreenTextArea .Heading h6 {font-size: 16px!important; font-weight: 700!important; color: #75BC2A!important;}
.BlueTextArea.GreenTextArea .Heading h6 span{font-size: 16px!important; font-weight: 400!important; color: #2E2C34!important;}
.BlueTextArea.GreenTextArea .Categories h6 {color: #00B0F0;}
.BlueTextArea.GreenTextArea .Tableheader h6 {color: #75BC2A;}
.BlueTextArea.GreenTextArea .ItemDetails {border: 1px solid rgb(221, 221, 221); border-radius: 10px;}
.BlueTextArea.GreenTextArea .ItemDetails h6 { color: #75BC2A;}
.BlueTextArea.GreenTextArea .form-group h6 { color: #75BC2A;}
.BlueTextArea.GreenTextArea .ShippingAddressArea h6 {font-size: 14px; color: #75BC2A; font-weight: 700;}
.BlueTextArea.GreenTextArea .ShippingAddressArea p {color: #000000; font-size: 14px; font-weight: 600;}
.BlueTextArea.GreenTextArea .GstTable tbody tr td {color: #75BC2A; font-size: 16px;font-weight: 500; padding: 5px;}
.BlueTextArea.GreenTextArea .GstTable tbody tr td:nth-child(2) {color: #000000; font-weight: 400; text-align: right;}
.BlueTextArea.GreenTextArea .GstTable tbody tr td:last-child {text-align: center;}
.BlueTextArea.GreenTextArea .Button button.Create {border: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(117, 188, 42, 0.90); color: #000000;}
.BlueTextArea.GreenTextArea .TableBottom {margin: 10px 0 0 0; text-align: right;}
.BlueTextArea.GreenTextArea .TableBottom h6 {font-size: 16px; color: #2E2C34;}
.BlueTextArea.GreenTextArea .TableBottom h6 span {color: #75BC2A;}
.GreenText {color: #75BC2A!important;}
.GreenTextArea .ModalFilterAreaBox h4 {color: #75BC2A!important;}
.GreenTextArea .SchedulePaymentsTable table thead tr th {color:#75BC2A;}
.BlueTextArea.GreenTextArea .form-group p {color: #000000; margin-left: 0px;}




.Heading h6 {color: #DE0000!important;}
.BlueTextArea.RedTextArea .Heading h3 {color: #DE0000!important;}
.BlueTextArea.RedTextArea .Heading h3 span{color: #2E2C34!important;}
.BlueTextArea.RedTextArea .Heading h6 {font-size: 16px!important; font-weight: 700!important; color: #DE0000!important;}
.BlueTextArea.RedTextArea .Heading h6 span{font-size: 16px!important; font-weight: 400!important; color: #2E2C34!important;}
.BlueTextArea.RedTextArea .Categories h6 {color: #00B0F0;}
.BlueTextArea.RedTextArea .Tableheader h6 {color: #DE0000;}
.BlueTextArea.RedTextArea .ItemDetails {border: 1px solid rgb(221, 221, 221); border-radius: 10px;}
.BlueTextArea.RedTextArea .ItemDetails h6 { color: #DE0000;}
.BlueTextArea.RedTextArea .form-group h6 { color: #DE0000;}
.BlueTextArea.RedTextArea .ShippingAddressArea h6 {font-size: 14px; color: #DE0000; font-weight: 700;}
.BlueTextArea.RedTextArea .ShippingAddressArea p {color: #000000; font-size: 14px; font-weight: 600;}
.BlueTextArea.RedTextArea .GstTable tbody tr td {color: #DE0000; font-size: 16px;font-weight: 500; padding: 5px;}
.BlueTextArea.RedTextArea .GstTable tbody tr td:nth-child(2) {color: #000000; font-weight: 400; text-align: right;}
.BlueTextArea.RedTextArea .GstTable tbody tr td:last-child {text-align: center;}
.BlueTextArea.RedTextArea .Button button.Create {border: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(222, 0, 0, 0.90); color: #fff;}
.BlueTextArea.RedTextArea .TableBottom {margin: 10px 0 0 0; text-align: right;}
.BlueTextArea.RedTextArea .TableBottom h6 {font-size: 16px; color: #2E2C34;}
.BlueTextArea.RedTextArea .TableBottom h6 span {color: #DE0000;}
.RedText {color: #DE0000!important;}
.RedTextArea .ModalFilterAreaBox h4 {color: #DE0000!important;}
.RedTextArea .SchedulePaymentsTable table thead tr th {color:#DE0000;}
.BlueTextArea.RedTextArea .form-group p {color: #000000; margin-left: 0px;}







.ViewBackParagraph p {font-size: 14px; font-weight: 400; margin: 0 0 20px 0;}
.ViewBackParagraph p img {margin: 0 0 0 30px;}
.ViewBackParagraph p.text-green {color: #75BC2A;}
.ViewBackParagraph p.text-red {color: #75BC2A;}
.BlueTextArea.YellowTextArea .Heading h6 span.GreenTextSpan {color: #75BC2A!important;}
.BlueTextArea.YellowTextArea .Heading h6 span.RedTextSpan {color: #E41F26!important;}



.MonthlyYearlyArea {display: flex; align-items: center; justify-content: center; position: relative;}
.BillingAnnually .CurrencyOverlay .CurrencyOverlaySelect {min-width: 110px!important;} 
.CurrencyOverlay {display: flex; align-items: center; position: absolute; right: 0;}
.CurrencyOverlay .CurrencyOverlaySelect {margin: 0 0 0 10px; color: #1C1C1C; font-weight: 600!important; min-width: 180px; position: relative} 
.CurrencyOverlay .CurrencyOverlaySelect select {appearance: none; font-size: 16px; font-weight: 600; border: none; outline: none; width: 100%; background-color: transparent}
.CurrencyOverlay .CurrencyOverlaySelect span {position: absolute; right: 0px; pointer-events: none; top: 50%; transform: translateY(-50%);}


.BillsRowBorder {border: 1px solid rgb(221, 221, 221); border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding: 5px 15px;}
.BillsRowBorder .Actions a {margin: 0 5px;}

table tbody tr td .form-control{font-size: 12px; color: #808080; font-weight: 600;min-width: 150px; border-radius: 10px; padding: 15px 10px; height: auto;}


.SignDocumentBtn{background-color: #00B0F0; border-radius: 10px; color: #fff; font-weight: 600; font-size: 14px; padding: 10px 15px; border: none; outline: none;}
.AgreementViewArea .RedArea {color: #fff; font-weight: 600; font-size: 18px; background-color: #ED1C24; text-transform: uppercase;  width: 100%; border: none; outline: none; border-radius: 0px; padding: 15px 0;}

.ResidentialEstateArea {padding:35px; display: flex; justify-content: space-between;}
.ResidentialEstateArea .ResidentialEstateLeft, .ResidentialEstateArea .ResidentialEstateRight {width: 50%;}
.ResidentialEstateArea .ResidentialEstateRight {text-align: right;}
.ResidentialEstateArea .ResidentialEstateLeft h3 {font-weight: 700; color: #2E2C34; font-size: 20px; margin: 0 0 20px 0!important;}
.ResidentialEstateArea .ResidentialEstateLeft p, .ResidentialEstateArea .ResidentialEstateRight p {margin: 0 0 5px 0!important;}
.ResidentialEstateArea .ResidentialEstateLeft p label, .ResidentialEstateArea .ResidentialEstateRight p label {font-weight: 700; color: #2E2C34; font-size: 18px;}
.ResidentialEstateArea .ResidentialEstateLeft p span, .ResidentialEstateArea .ResidentialEstateRight p span {font-weight: 400; color: #2E2C34; font-size: 18px;} 
.TableBottom2 {margin: 10px 0 0 0; text-align: right; padding: 0 20px;}
.TableBottom2 {display: flex; justify-content: flex-end;}
.TableBottom2 h6:last-child {margin: 0 0 0 20px;}
.TableList table tr td span.SpanTextRed {color: #FF0210;}
.TableList table tr td span.SpanTextGreen {color: #4CB251;}
.TableList table tr td .TextLightBlue {color: #0DC1F8;}
.BgLightGreen {background: rgba(76, 178, 81, 0.2);}


.SelectJobAreaOuter {position: relative;}
.SelectJobAreaOuter .ChinookLeft { display: none; position: absolute; top: 60px; width: 250px;}
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkYellow,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .Red,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkOrange,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .Yellow,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkBrawn,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkGreen,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkYellowGreen,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .DarkYellowGreen2,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .YellowGreen,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .LightGreen,
.SelectJobAreaOuter .ChinookLeft .ChinookListedJobs .ListedJobsArea ul .Cyan
{background-color: transparent;}
.SelectJobArea {border: 1px solid #EBEAED; background-color: #fff; min-width: 218px; align-items: center; display: flex; justify-content: space-between; border-radius: 10px; padding: 15px; margin: 0 10px 10px 0;}
.SelectJobArea h6 {font-size: 14px!important; font-weight: 500; color: #84818A;}
.SelectJobArea img {cursor: pointer;}
.SelectJobDownUp {display: flex; justify-content: flex-end; padding: 10px 0;}
.SelectJobDownUp figure {margin: 0 0 0 10px;}



.FolderFormCreateArea {background-color: #fff; max-height: 750px; overflow-y: scroll; border-radius: 10px; padding: 50px 30px 50px; margin: 0 0 35px 0; position: relative;}
.FolderFormCreateArea .FieldsMandatory {position: absolute; right: 20px; top: 15px;}
.FolderFormCreateArea .Radio {color: #000000;}

.CommonSelectBoxWidth {width: 100%!important;}
.FolderFormCreateArea .CommonSelectBox {width: auto!important;}
.CommonSelectBoxMain .CommonSelectBox {width: auto!important;}
.ResidentialJobArea .CommonSelectBox {width: auto!important;}
.FolderFormCreateArea .CommonSelectBox select {padding: 15px 20px 15px 10px!important; font-size: 15px!important; font-weight: 500!important;}
.ResidentialJobArea .CommonSelectBox select {padding: 15px 20px 15px 10px!important; font-size: 15px!important; font-weight: 500!important;}
.width-50 {width: 50px!important;}
.width-250 {width: 250px!important;}
.width-210 {width: 210px!important;}
.Tablewidth-50 {width: 50%;}
.Tablewidth-40 {width: 40%;}
.Tablewidth-20 {width: 20%;}
.FolderFormCreateArea .form-group p {margin: 0px;}


.FolderFormCreateArea.Proforma .CommonSelectBox {width: 250px!important ;}


.AlbertaTaxMain {margin: 0 0 25px 0;}
.AlbertaTax { background-color: #2E75B5; height: 60px; cursor: pointer; border: 1px solid #2E75B5; padding: 0px 10px; display: flex; justify-content: space-between; align-items: center; border-radius: 10px;}
.AlbertaTax h5 {font-size: 20px; font-weight: 700;color: #fff; }
.AlbertaTaxHide {padding: 20px 0 0 0;}
.TaxRow { background-color: rgba(156,195,229,0.90); height: 60px; cursor: pointer; border: 1px solid #9CC3E5; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.TaxRow h5, .Rebate h5 {font-size: 16px; font-weight: 600;color: #000;  text-align: center;}

.Rebate { background-color: rgba(222,235,246,0.90); border: 1px solid #DEEBF6; height: 60px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 10px;}


.DisplayLoginOnPage .CheckBox {padding-left: 0px;width: 110px;}
.DisplayLoginOnPage .CheckBox .checkmark {right: 0!important; left: auto;}


.AlbertaTaxMain .TaxRowHide table thead tr th {font-size: 16px; color: #2E2C34; font-weight: 600; padding: 20px 0px 10px;}
.AlbertaTaxMain .TaxRowHide table tbody tr td {font-size: 16px; color: #2E2C34; font-weight: 600; padding: 15px 15px 0 0;}
.AlbertaTaxMain .TaxRowHide table tbody tr td .form-group {margin: 0px;}
.AlbertaTaxMain .TaxRowHide table tbody tr td p {color: #808080; font-size: 14px; font-weight: 600;}


.SaveDeleteProfile {display: flex; justify-content: center;}
.SaveDeleteProfile button {margin: 0 20px; background: #5B9BD5; border-radius: 10px; font-weight: 600; color: #000000; font-size: 16px; padding: 8px 30px; border: none; outline: none;} 


.RestrictionArea {margin: 15px 0 40px 0;}
.RestrictionArea ul {margin: 10px 0 0 0;}
.RestrictionArea ul li {color: #04B053; font-size: 16px; margin: 0 0 20px 0;}


.KeySelectionArea h6 {color: #2E2C34; margin: 0 0 30px 0;}
.KeySelectionArea h6 img {margin: 0 0 0 20px;}
.KeySelectionArea p {font-weight: 400; font-size: 16px; color: #2E2C34; margin: 0 0 25px 0;}
.KeySelectionArea .KeySelectionBox {display: flex; flex-wrap: wrap;}
.KeySelectionArea .KeySelectionBox aside{width: calc(100% / 3 - 20px); margin: 0 20px 0 0;}

.KeySelectionArea .KeySelectionBox aside p {display: flex; align-items: center; margin: 0 0 20px 0 ;}
.KeySelectionArea .KeySelectionBox aside p button {color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; min-width: 85px; margin: 0 10px 0 0; border-radius: 10px; outline: none; border: none; padding: 10px 0px;}
.KeySelectionArea .KeySelectionBox aside p button.GreenBtn {background-color: #00B050;}
.KeySelectionArea .KeySelectionBox aside p button.BlueBtn {background-color: #0070C0;}
.KeySelectionArea .KeySelectionBox aside p span {font-weight: 400; font-size: 16px;color: #000000;}
.KeySelectionArea .KeySelectionBox2 aside{width: calc(100% / 2   - 20px); margin: 0 20px 0 0;}


.AdvancedCostCodes table thead tr th {color: #2E2C34; font-size: 16px; font-weight: 600; padding: 5px 0; text-align: center;}
.AdvancedCostCodes table thead tr th:first-child {text-align: left;}
.FolderFormCreateArea .switch input:checked + .slider {background-color: #00B050;}
.FolderFormCreateArea .switch .slider {border: 1px solid #00B050;}
.FolderFormCreateArea .switch .slider::before {background-color: #00B050;}

.ResidentialJobArea .switch .slider {border: 1px solid #00B050;}
.ResidentialJobArea .switch .slider::before {background-color: #00B050;}
.ResidentialJobArea .switch input:checked + .slider { background-color: #00B050;}




.AdvancedCostCodes table tbody tr td {font-weight: 400; font-size: 16px; color: #000000;text-align: center; padding: 5px 0;}
.AdvancedCostCodes table tbody tr td:first-child {text-decoration: underline; text-align: left;}
.AdvancedCostCodes.Lock table tbody tr td:first-child {text-decoration: none;}




.PriceBookPermissions .PriceBookPermissionsBox { display: flex; justify-content: space-between; align-items: center; cursor: pointer; border-radius: 10px; margin: 0 0 25px 0; padding: 20px 20px; border: 1px solid rgb(221, 221, 221);}
.PriceBookPermissions .PriceBookPermissionsBox h6 {color: #2E2C34; font-size: 20px; font-weight: 700; margin: 0px;}


.SubdivisionsArea {margin: 0 0 35px 0;}
.SubdivisionsBoxMain {border: 1px solid rgb(221, 221, 221); border-radius: 10px; padding: 10px 20px;}
.SubdivisionsBox { display: flex; justify-content: space-between;   }
.SubdivisionsBox .form-group:first-child {width: 60%;}
.SubdivisionsBox .form-group:last-child {width: 30%; text-align: center;}
.SubdivisionsBox .form-group {width: 50%;}
.SubdivisionsBox .form-group .Action a {margin: 0 10px 0 0;}


.SubdivisionsSmallBox {border: 1px solid rgb(221, 221, 221); border-radius: 10px; padding: 10px 15px;}
.SubdivisionsSmallBox .SubdivisionsSmallBoxHeader {display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px 0;}
.SubdivisionsSmallBox .SubdivisionsSmallBoxHeader h6:last-child {margin: 0 10px 0 0;}
.SubdivisionsSmallBox .SubdivisionsSmallBoxTop {display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px 0; }
.SubdivisionsSmallBox .SubdivisionsSmallBoxTop input {max-width: 152px; max-height: 36px; font-size: 12px!important; padding: 10px 0 10px 10px!important;} 
.SubdivisionsSmallBox .SubdivisionsSmallBoxTop a {margin: 0 10px;}
.SubdivisionsSmallBox .SubdivisionsSmallBoxBottom input {max-width: 88px; max-height: 36px; font-size: 12px!important; padding: 10px 0 10px 10px!important}


.StepBox ul{display:flex; margin: 0 0 25px 0;}
.StepBox ul li{width:100%;text-align:center;position:relative}
.StepBox ul li+li:before{content:'';position:absolute;width:100%;height:12px;background:#D5D5D5;left:-85px;top:19px}
.StepBox ul li .Icon{display:block;border:6px solid #E8E8E8;border-radius:50%;width:50px;height:50px; cursor: pointer; margin:auto;background-color:#4F4F4F;padding:9px;position:relative;z-index:9}
/* .StepBox ul li .Icon img{filter:brightness(0) invert(1)} */
.StepBox ul li.active .Icon img{filter:brightness(0) invert(1)}
.StepBox ul li .Text{display:inline-flex;background-color:#E8E8E8;border-radius:30px;text-align:center;min-width:100px;margin:20px 0 0 0;padding:7px 2px;align-items:center;justify-content:center;min-height:45px;font-size:13px;font-weight:700;color:#000;position:relative;line-height:16px}
.StepBox ul li .Text:before{content:'';width:0;height:0;border-top:0 solid red;position:absolute;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #000;top:-10px}
.StepBox ul li.active .Icon{background:var(--primary-color)}
.StepBox ul li.active .Text{color:var(--primary-color)}
.StepBox ul li.active .Text:before{border-bottom:7px solid var(--primary-color)}
.StepBox ul li.active+li.active:before{background:var(--primary-color)}
.StepBox.Green {width: 50%; margin-left: auto;}
.StepBox.Green ul li.active .Icon{background:rgba(0, 176, 80, 1)}
.StepBox.Green ul li.active .Text {color: rgba(0, 176, 80, 1);}
.StepBox.Green ul li.active .Text:before {border-bottom: 7px solid rgba(0, 176, 80, 1);}
.StepBox.Green ul li.active+li.active:before {background-color: rgba(0, 176, 80, 1);}


.AddNewTaxProfile {margin: 38px 0 0 0;}

.IbuiltMonthlyYearlyBox {padding: 15px 0; border-bottom: 1px solid #C6C6C6;}
.IbuiltMonthlyYearlyBox .IbuiltMonthlyYearlyTop {margin: 0 0 15px 0;}
.IbuiltMonthlyYearlyBox .IbuiltMonthlyYearlyTop, .IbuiltMonthlyYearlyBox .IbuiltMonthlyYearlyBottom {display: flex; justify-content: space-between; align-items: center;}
.IbuiltMonthlyYearlyBox .IbuiltMonthlyYearlyTop h6, .IbuiltMonthlyYearlyBox .IbuiltMonthlyYearlyBottom h6 {margin: 0px;}
.IbuiltMonthlyYearlyBox .IbuiltMonthlyYearlyTop h6 img, .IbuiltMonthlyYearlyBox .IbuiltMonthlyYearlyBottom h6 img{margin: 0 0 0 15px;}
.IbuiltMonthlyYearlyBox .IbuiltMonthlyYearlyBottom .BlueBtn {border-radius: 10px; background-color: #2E75B5; outline: none; border: none; padding: 5px 15px; color: #fff; font-size: 14px;}



.EnterProjectTable table tr th, .EnterProjectTable table tr td {padding: 10px 15px 10px 0; white-space: nowrap;} 
.EnterProjectTable table tr td, .EnterProjectTable table tr th {color: #2E2C34; font-weight: 600; font-size: 16px;white-space: nowrap;}
.EnterProjectTable table tr td .form-group {margin: 0px;}
.EnterProjectTable.EnterProjectTableColor table tr td {color: #808080; font-size: 13px; font-weight: 600;}
.EnterProjectTable.GreyTd td {color: rgba(128, 128, 128, 1); font-size: 13px; font-weight: 600;}

.TableList.CommonBuildingTable tr td {text-align: left;}
.TableList.CommonBuildingTable tr th {text-align: left;}


.EnterProjectTableAction {display: flex; align-items: center; padding: 20px 0;}
.EnterProjectTableAction .CommonSelectBox {min-width: 300px; margin: 0px!important;}
.EnterProjectTableAction .BlockImg {margin: 0 25px;}
.UnitSetupTable table tr td:first-child {padding: 0 25px 0 0;}




.ModalListing{}
.ModalListing ul{}
.ModalListing ul li{
    margin: 0 0 10px 0;
}
.ModalListing ul li a{
    color: #000;
    font-size: 16px;
    font-weight: 600;
}


.ModalTitleBox.GrayModalTitle{
    background: #DADADA;
    padding: 17px 22px;
    border-radius: 10px;
    border: none;
}

.ModalTitleBox.GrayModalTitle h4{
    font-size: 18px;
}


.ResidentialJobArea .ResidentialJobHead h3{
    font-size: 20px;
    color: #000;
    margin: 0 0 25px 0;
    font-weight: 700;
}


.ResidentialJobArea .ResidentialJobHead h3 span a{display:inline-block;width: 20px;text-align: center;}


.ResidentialJobArea .ResidentialJobHead h3 span a:after{ content:none; }

.ResidentialJobArea .ResidentialJobHead h3 span .dropdown-menu {
    border-radius: 7px;
    min-width: 200px;
    transform: inherit !important;
    top: 25px !important;
}

.ResidentialJobArea .ResidentialJobHead h3 span .dropdown-menu .dropdown-item{
    display: block;
    width: auto;
    padding: 10px 15px;
    border-radius: 0px;
}

.ResidentialJobArea .ResidentialJobHead article{
    display: flex;
}

.ResidentialJobArea .ResidentialJobHead article aside{
    width: 25%;
    margin: 0 0 20px 0;
}

.ResidentialJobArea .ResidentialJobHead article aside h4{
    font-size: 18px;
    color: #000;
    margin: 0 0 15px 0;
    font-weight: 600;
}

.ResidentialJobArea .ResidentialJobHead article aside p{
    font-size: 14px;
    font-weight: 500;
    color: #6a6a6a;
}

.ModalAccordian{}

.ModalAccordian .card{
    border: none;
}

.ModalAccordian .card+.card{ margin-top:20px }

.ModalAccordian .card .card-header{
    border: 1px solid #ddd;
    cursor: pointer;
    padding: 17px 50px 17px 20px;
    border-radius: 10px;
    background: transparent;
}

.ModalAccordian .card .card-header h4{
    font-size: 17px;
    font-weight: 700;
    color: #000;
}

.ModalAccordian .card .card-header h4 span{
    width: 40px;
    display: inline-block;
}

.ModalAccordian .card .card-header:after{
    content: '';
    /* background-image: url('../images/ArrowDown.png'); */
    position: absolute;
    right: 20px;
    top: 23px;
    width: 25px;
    height: 15px;
    background-repeat: no-repeat;
}

.ModalAccordian .card .card-header .Edit{
    position: absolute;
    top: 20px;
    right: 55px;
    z-index: 1;
}


.Residential{
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
}

.Residential h6{
    margin: 0 0 20px 0 !important;
}

.Residential p{
    font-size: 14px;
    font-weight: 500;
    color: #6a6a6a;
}

.Residential .form-control{
    height: auto;
    border: 1px solid #ddd;
    padding: 14px 17px;
    font-size: 14px;
    font-weight: 500;
    color: #7c7c7c;
    border-radius: 8px;
    letter-spacing: 0.3px;
    box-shadow: none; 
}

.Residential .AddonTable .Addon{
    border: 1px solid #ddd;
    border-radius: 10px;
    max-width: 600px;
    margin: 0 0 20px 0;
}

.Residential .AddonTable .Addon table th{
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.Residential .AddonTable .Addon table tr+tr{
    border-top: 1px solid #ddd;
}

.Residential .AddonTable .Addon table td{
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #6a6a6a;
}

.Residential .AddonTable .Create {
    background-color: var(--primary-color);
    border: none;
    color: #fff;
    padding: 12px 20px;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 500; 
}

.ResidentialButton{
    text-align: center;
    margin: 20px 0 10px 0; 
}

.ResidentialButton button{
    margin: 0 40px;
    min-width: 160px;
    border: 1px solid #ddd;
    background-color: transparent;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 0;
    border-radius: 8px;
}

.ResidentialButton button.Cancel{border: 1px solid #000;}

.ResidentialButton button.Save{
    background-color: #00B050;
    border-color: #00B050;
    color: #fff;
}

.ResidentialButton button.Close{
    border-color: var(--primary-color);
    color: var(--primary-color);
}


.CloseButton{
    text-align: center;
    margin: 20px 0 10px 0;
}

.CloseButton button{
    margin: 0 40px;
    min-width: 160px;
    border: 1px solid #ddd;
    background-color: transparent;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 0;
    border-radius: 8px;
}

.CloseButton button.Close{
    border-color: var(--primary-color);
    color: var(--primary-color);
}


.OrangeButton{
    background-color: var(--primary-color);
    border: none;
    color: #fff;
    padding: 12px 20px;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 500; 
}

.OrangeButton img{ margin-right:5px }


#ResidentialDetails .Residential .form-control{ display:none; }

#ResidentialDetails .Residential .switch{ display:none; }

#ResidentialDetails .ResidentialButton{ display:none; }


.ResidentialJobAreaPara .form-group p {margin: 0px;}
.FmBuilderLogo { width: 104px; display: inline-block;}
.PreviewBtn {border-radius: 6px; border: 1px solid var(--primary-color); padding: 5px 20px; background-color: transparent; color: var(--primary-color); font-size: 11px; font-weight: 600;}
.AlterBtn {border-radius: 6px; border: 1px solid var(--primary-color); padding: 5px 20px; background-color: var(--primary-color); color: #fff; font-size: 11px; font-weight: 600;}


.AccounitingCollapseArea h6 {color: #2E2C34; font-size: 16px; font-weight: 700;}
.AccounitingCollapseArea p {color: #2E2C34; font-size: 16px; font-weight: 500; margin: 0 0 15px 0;}
.AccounitingCollapseArea p span {font-weight: 700;}
.AccounitingCollapseArea ul {padding: 0 0 20px 25px;}
.AccounitingCollapseArea ul li {color: #2E2C34; font-size: 16px; font-weight: 500;}
.AccounitingCollapseArea ul li span{font-weight: 700;}
.AccounitingCollapseArea p {display: block!important;}
.AccounitingCollapseArea p span {font-weight: 700!important; color: #000!important; font-size: 16px!important;}
.AlbertTaxMainBorder {border: 1px solid rgb(221, 221, 221); padding: 30px 30px 0;}


.ParkingBoxArea {border: 1px solid #ddd; border-radius: 10px; padding: 15px 25px; display: flex; justify-content: space-between;}
.ParkingBoxArea .ParkingBox h6{color: #000000; font-size: 16px; font-weight: 500;}
.ParkingBoxArea .ParkingBox p{color: #808080; font-size: 12px; font-weight: 600;}



.CreateSideBarModal .modal-dialog {margin: 1.75rem 0 0 145px;}


.ShowMoreModal {display: none;}
.HideColumnArea.HideColumn {display: none;}
.CreateBoxFull {flex: 0 0 100%; max-width: 100%;}
.CreateSideBarModal .modal-dialog {max-width: 1100px;}
.CreateSideBarModal .modal-dialog.ShowLessWidth {max-width: 318px;}
.CreateSideBarModal .modal-dialog .modal-content {
    padding: 20px 20px 0;
    border: none;
    border-radius: 10px;
}
.CreateBox h4 {color: #000000; font-weight: 700; font-size: 20px; margin: 0 0 15px 0;}
.CreateBox ul li a {color: #808080; font-size: 16px; font-weight: 400; margin: 0 0 10px 0; display: inline-block;}
.CreateBoxBottom {border-top: 1px solid #000; margin: 20px -20px 0 -20px; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center;}
.CreateBoxBottom a:first-child {color: var(--primary-color); font-weight: 500; font-size: 16px;}
.CreateBoxBottom a {color: #305497; font-weight: 400; font-size: 16px; margin: 5px 0;}


.FlexDirection {flex-direction: column; align-items: flex-start;}

.SelectedProjects {margin: 25px 0 0 0;}
.SelectedProjects h6 {margin: 0 0 10px 0!important;}
.SelectedProjects tbody tr td {color: #808080; font-weight: 600; font-size: 12px; padding: 10px 5px;}



.SingleFamilyResidence .form-group sup {font-size: 16px; color: var(--primary-color); top: 0px;}
.SingleFamilyResidence .Radio {margin: 0 0 25px 0!important;}


.collapseExample .nav-item .nav-link {color: #fff!important; background-color: #C32A02;} 
.collapseExample2 .nav-item .nav-link {color: #fff!important; background-color: #AC2704;} 

.ViewsConfigLeft {background-color: #fff; border: 1px solid rgb(221, 221, 221); border-radius: 10px;}
.ViewConfigArea .card-body {padding-bottom: 0px!important;}
.ViewsConfigLeft .nav-tabs {display: flex; flex-direction: column;}
.ViewsConfigLeft .nav-tabs .nav-item{position: relative;}
.ViewsConfigLeft .nav-tabs .nav-item .dropdown {position: absolute; right: -25px; display: flex; align-items: center; justify-content: space-between; top: 0px; height: 55px;  width: 50px;}
.ViewsConfigLeft .nav-tabs .nav-item .nav-link {color: #808080; font-size: 16px; font-weight: 700; padding: 15px 10px;}
.ViewsConfigLeft .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: transparent;}
.ViewsConfigLeft .nav-tabs .nav-item .nav-link.CostCodesLink {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.ViewsConfigLeft .nav-tabs .nav-item .nav-link:hover {background-color: var(--primary-color); color: #fff;}
.ViewsConfigLeft .nav-tabs .nav-item .nav-link.active {background-color: var(--primary-color); color: #fff;}
.ViewConfigArea {padding: 15px; background-color: #fff; border-radius: 10px;}
.ViewConfigArea .ViewConfigBody, .ViewConfigArea .ViewConfigBodyHide{display: flex;}
.ViewConfigArea aside {width: calc(50% - 10px);}
.ViewConfigArea aside.aside60 {width: 60%;} 
.ViewConfigArea aside:nth-child(1) {margin: 0 10px 0 0;}
.ViewConfigArea aside:nth-child(2) {margin: 0 0 0 10px;}
.ViewConfigArea aside .ViewConfigHeading h6 {color: #000000; font-size: 14px;font-weight: 600;}
.ViewConfigArea aside .ViewConfigHeading h6 span{width: 25px; display: inline-block;}
.ViewConfigArea aside p {margin: 0 0 10px 0; display: flex; align-items: center;}
.ViewConfigArea aside p .CommonSelectBox {width: calc(100% - 250px)!important;}
.ViewConfigArea aside p label {color: #2E2C34; font-size: 16px;font-weight: 600; width: 325px;}
.ViewConfigArea aside p span {color: #808080; font-size: 14px;font-weight: 600;}
.ViewConfigArea .card .card-header:after {display: none;}
.ViewConfigArea aside p .CommonSelectBox {margin: 0 0 10px 0; display: flex;}
.nav-link-bottom {background-color: var(--primary-color); color: #fff!important;}
.ViewsConfigLeft .nav-tabs .nav-item {position: relative;}
.ViewsConfigLeft .nav-tabs .nav-item .nav-link.nav-linkNew {position: absolute; top: 1px; height: 53px; right: 0px; width: 40px;}






.breadcrumbs {
    list-style: none;
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .breadcrumbs li {
    display: inline;
  }
  .breadcrumbs li + li::before {
    content: ">";
    padding: 6px;
    font-size: 20px;
  }
  .breadcrumbs li a {
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 19px;
    color: #000;
    text-transform: capitalize;
  }
  .breadcrumbs li a:hover {
    text-decoration: underline;
  }

/* .ViewsConfigLeft .nav-tabs .nav-item .CostCodesLink.CostCodesLink1 {background-color: var(--primary-color); color: #fff;} 
.ViewsConfigLeft .nav-tabs .nav-item .CostCodesLink.CostCodesMenu {background-color: var(--primary-color); color: #fff;}  */



.ViewConfigArea .DesignSelectionWidth {overflow: auto;}
.ViewConfigArea .DesignSelectionWidth aside {min-width: 375px; margin: 0 25px 0!important;}




.TableListAlign tr th, .TableListAlign tr td {text-align: left!important;}
.TableListAlign tr th:last-child, .TableListAlign tr td:last-child {text-align: center!important;}

.ViewConfigBodyHideMain {display: block;}
.ViewConfigBodyHide .switch {width: 380px; padding: 0 0 0 0; margin: 0 0 20px 0; color: #2E2C34;}
.ViewConfigBodyHide .slider{right: 0; left: auto;}

.ViewConfigHeading sup {font-size: 16px; background-color: #fc3400; border-radius: 50%; padding: 1px 5px; color: #fff; top: 0; left: 5px; font-size: 12px; font-weight: 600;}



.ParkingSpacesUnitsArea h5 {font-size: 17px; color: #000000; font-weight: 600; margin: 0 0 20px 0;}
.ParkingSpacesUnitsArea .ParkingSpacesUnitsTable table thead tr th {color: #2E2C34; font-size: 15px; font-weight: 600; padding: 5px;}
.ParkingSpacesUnitsArea .ParkingSpacesUnitsTable table thead tr th:last-child {text-align: right;}
.ParkingSpacesUnitsArea .ParkingSpacesUnitsTable table tbody tr td {color: #2E2C34; font-size: 15px; font-weight: 400; padding: 5px;}
.ParkingSpacesUnitsArea .ParkingSpacesUnitsTable table tbody tr td:last-child {text-align: right;}
.ParkingSpacesUnitsArea .ParkingSpacesUnitsTable table tbody tr td input {padding: 25px 15px;}
.ParkingSpacesUnitsArea .ParkingSpacesUnitsTable table tbody tr td input:focus {box-shadow: none;}

.ParkingSpacesUnitsArea .ParkingSpacesUnitsTable table thead tr th:first-child,
.ParkingSpacesUnitsArea .ParkingSpacesUnitsTable table tbody tr td:first-child
{width: 70%;}
 


.SatisfiedTab table thead tr th {color: #000000; font-weight: 700; font-size: 14px; padding: 5px 5px;}
.SatisfiedTab table tbody tr td {color: #808080; font-size: 14px; font-weight: 600; padding: 5px 5px;}
.SatisfiedTab table tbody tr td:nth-child(3), .SatisfiedTab table tbody tr td:nth-child(4),
.SatisfiedTab table thead tr th:nth-child(3), .SatisfiedTab table thead tr th:nth-child(4)
{text-align: center;}
.SatisfiedTab table tbody tr td .OpacityAction{opacity: 30%;}
.SatisfiedTab table tbody tr td:first-child {text-decoration: underline;}


.LockBtn {background-color: #00B0F0; border-radius: 10px; padding: 15px; color: #fff; font-size: 16px;font-weight: 600; border: none; width: 128px;margin: 0 20px 0 0;} 
.UnlockBtn {background-color: var(--primary-color); border-radius: 10px; padding: 15px; color: #fff; font-size: 16px;font-weight: 600;border: none;width: 175px;}
.UnlockBtn.Green{background-color: #00B050;}



.ModalTitleBox .abc, .ModalTitleBox .abcgreen {display: none;}




.EditOption {display: flex; justify-content: space-between; margin: 0 0 35px 0; flex-wrap: wrap;}
.EditOption h6 {margin: 0 0 25px 0!important;}
.EditOption .EditOptionBox {margin: 0 20px 20px 0; width: calc(100% / 7 - 20px);}
.EditOption .EditOptionBox a {text-align: left; color: #808080; font-size: 14px; font-weight: 600; display: block;}

.SalesPersonarea h6 {display: inline-block;}
.DiscussionHide {display: none;}

.SalesPersonHover:hover img{opacity: 0.5;}

.ShowLessBtn {display: none;}

.ApproveRejectBtnArea {display: flex; justify-content: space-between; margin: 10px 0 0 0;}
.ApproveRejectBtnArea Button {background-color: #00B050; border-radius: 10px;color: #fff; font-weight: 600; font-size: 12px; border: none; outline: none; padding: 5px 20px; }
.ApproveRejectBtnArea .ApproveBtn {background-color: #00B050;}
.ApproveRejectBtnArea .RejectBtn {background-color: var(--primary-color);}



.MaterialDescriptionTable thead th, .MaterialDescriptionTable tbody {color: #000000!important; font-weight: 500;} 


.ViewFileTopArea  {display: flex; justify-content: space-between;}
.ViewFileTopArea .form-group{display: flex;}
.ViewFileTopArea .form-group h6, .ViewFileTopArea .form-group p {font-size: 16px;}
.ViewFileTopArea .form-group h6 {margin: 0px!important; line-height: 25px;}
.ViewFileTopArea .form-group p {margin: 0px 0 0 5px!important; font-weight: 400!important; color: #000;}



.ContractDurationTable table thead tr th {color: #2E2C34; font-size: 16px; font-weight: 600; padding: 5px 5px 15px 5px;}
.ContractDurationTable table tbody tr td {padding: 0px 5px;}
.ContractDurationTable table tbody tr td .Radio {color: #000000!important; font-size: 14px; font-weight: 400;}

.ContractTotalsTable {margin: 0 0 25px 0;}
.ContractTotalsTable table thead tr th, .ContractTotalsTable table tbody tr td, .ContractTotalsTable table tfoot tr td {color: #2E2C34; font-size: 16px; padding: 5px; }
.ContractTotalsTable table thead tr th {font-weight: 600; }
.ContractTotalsTable table tbody tr td {font-weight: 400; }
.ContractTotalsTable table tfoot tr td {font-weight: 600; }

.AnchorBtn {background-color: var(--primary-color); border-radius: 10px; color: #fff; font-size: 16px; font-weight: 600; padding: 10px 15px; display: inline-block;}
.FeaturesArea .Radio {color: #000000!important; font-size: 16px!important;}



.SignatureArea {display: flex; justify-content: space-between; align-items: center;}

.SignatureTabs {margin: 0 0 25px 0;}
.SignatureTabs ul {display: flex; justify-content: space-between; margin: 0 100px; border: none; margin: 0 0 25px 0;}
.SignatureTabs ul li a {display: flex; flex-direction: column; color: #000000; font-size: 16px; font-weight: 700;}
.SignatureTabs ul li a span {margin: 20px 0 0 0;}
.SignatureTabs ul li a span img {filter: brightness(0);}
.SignatureTabs ul li a.active span img {filter: brightness(1);}
.SignatureTabs .nav-tabs .nav-link.active {color: var(--primary-color);}
.SignatureTabs .nav-tabs .nav-link.active, .SignatureTabs .nav-tabs .nav-link:hover {border: none; outline: none;}
.SignatureTabs .DrawSignature, .TextSignatureArea {min-height: 140px; line-height: 140px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; text-align: center; }
.SignatureTabs .DrawSignature span {font-weight: 600;}
.TextSignatureArea input
{
    min-height: 70px;
    border-radius: 0px;
    border: none;
    font-size: 12px;
    text-align: center;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.TextSignatureArea input:focus {box-shadow: none; border-color: rgba(0, 0, 0, 0.2);}

.ModalToggleArea {margin: 0 0 20px 0;}
.ModalToggleArea h5 {color: #2E2C34; font-weight: 700; font-size: 18px; margin: 0 0 15px 0!important;}
.ModalToggleArea .ToggleBody {display: flex;}
.ModalToggleArea .ToggleBody aside {margin: 0 0 0 35px;}
.ModalToggleArea .ToggleBody aside:first-child {margin: 0px!important;}
.ModalToggleArea .ToggleBody .ToggleBodyBox {display: flex; margin: 0 0 0px 0;}
.ModalToggleArea .ToggleBody .ToggleBodyBox  h5{font-weight: 500; font-size: 16px; color: #2E2C34; width: 190px; display: inline-block;}
.ToggleBodyBox .switch .slider {border: 1px solid #00B050;}
.ToggleBodyBox .switch .slider::before {background-color: #00B050;}
/* .ck-content {min-height: 150px;} */


.AdminTabContent2 .form-group p {font-size: 14px; color: #808080; font-weight: 600;}

.SmallRedBtn {background-color: var(--primary-color); border-radius: 6px; font-weight: 400; font-size: 11px; color: #fff; border: none; padding: 7px 15px;}

.DisplayOrder {border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px;}
.DisplayOrder ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.10); padding: 7px 10px;}
.DisplayOrder ul li:last-child { border-bottom: none;}
.DisplayOrder ul li a {display: flex; justify-content: space-between; width: 100%; font-size: 16px; font-weight: 500; color: #1D1D1D;}

.AccountPostingTable {width: 100%; overflow: auto; padding: 0 0 50px 0;}
.AccountPostingTable thead tr th {font-size: 16px; font-weight: 700; color: #000000; white-space: nowrap; padding: 10px 20px; text-align: center;}
.AccountPostingTable tbody tr td {font-size: 16px; font-weight: 500; color: #000000; white-space: nowrap; padding: 10px 20px;}
.AccountPostingTable tbody tr td:nth-child(3),
.AccountPostingTable tbody tr td:nth-child(5)
{text-align: center;}
.AccountPostingTable tbody tr td:first-child {text-decoration: underline;}
.AccountPostingTable .CommonSelectBox {width: 275px!important;}

.AuthorityBox {margin: 0 0 20px 0;}
.AuthorityBox:last-child {margin: 0px;}
.AuthorityBox h3 {font-size: 20px; font-weight: 600;color:#000000; margin: 0 0 20px 0;}
.AuthorityBox h6 {font-size: 16px; font-weight: 600; color: #2E2C34; margin: 0 0 20px 0; text-decoration: underline;}
.AuthorityBox p {color: #808080; font-size: 12px; font-weight: 600; margin: 0 0 20px 0;}



.AuthoritySetupBox {margin: 0 0 20px 0;}
.AuthoritySetupBox:last-child {margin: 0px;}
.AuthoritySetupBox h3 {font-size: 20px; font-weight: 600;color:#000000; margin: 0 0 20px 0;}
.AuthoritySetupBox h6 {font-size: 16px; font-weight: 600; color: #2E2C34; margin: 0 0 20px 0; text-decoration: underline;}
.AuthoritySetupBox .AuthoritySetupBoxMain {display: flex; justify-content: space-between;}
.AuthoritySetupBox .AuthoritySetupBoxMain .CommonSelectBox {margin: 0 0 25px 0; min-width: 350px;}
.AuthoritySetupBoxRight .AuthorizeName {display: flex; justify-content: space-between; margin: 0 0 20px 0;}
.AuthoritySetupBoxRight .AuthorizeName:last-child {margin: 0px;}
.AuthoritySetupBoxRight .AuthorizeName p {color: #808080; font-size: 12px; font-weight: 600;}
.AuthoritySetupBoxRight .AuthorizeName p img {margin: 0 0 0 20px;}


.GreenSwitch .switch .slider {border: 1px solid #00B050;}
.GreenSwitch .switch .slider::before {background-color: #00B050;}

.QuotedArea {border: 1px solid rgba(0, 0, 0,0.1); border-radius: 10px; padding: 10px 15px; display: flex;}
.QuotedArea h4 {margin: 0 10px 0 0!important; color: #808080; font-size: 14px; font-weight: 600;}


.LinkNotificationArea {border: 1px solid #DBDBDB; border-radius: 10px; padding: 35px 15px 0px 15px; position: relative; margin: 0 0 25px 0;}
.LinkNotificationAreaBtn {display: flex; align-items: center; position: absolute; top: 10px; right: 15px; cursor: pointer;}
.LinkNotificationAreaBtn img:first-child {margin: 0 10px 0 0;}
.ParagraphMargin .form-group p {margin-left: 0px;}
.ParagraphMarginLeft .form-group p {margin-left: 15px;}

.NewAccording .card .card-header {background-color: var(--primary-color); color: #fff; border-radius: 10px; border: none; margin: 0 0 25px 0;}
.NewAccording .card .card-header h4 {color: #fff; font-weight: 600; font-size: 17px;}
.NewAccording .card .card-header a {position: absolute; top: 15px!important; right: 35px!important;}
.NewAccording .card .card-header h4 span {width: 20px; display: inline-block;}
.NewAccording .Title {display: flex; justify-content: space-between; padding: 0px 0 10px 0;}
.NewAccording .Title h6 {font-weight: 700; color: #000; font-size: 18px;}
.NewAccording .Title h6:nth-child(2) {margin: 0 0 0 250px;}
.NewAccording .ActionIcons a {margin: 0 20px 0 0;} 


.NewAccordingHeader {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #DBDBDB; padding: 15px 0 15px 0;}
.NewAccordingHeader .NotificationIcons a {margin: 0 5px 0 5px;}
.NewAccordingHeader .NotificationIcons a:first-child{margin-left: 0px;}
.NewAccordingHeader .NotificationIcons a:last-child{margin-right: 0px;}
.NewAccordingHeader .EventHeading h6 {display: flex;}
.NewAccordingHeader .EventHeading h6 span {width: 25px; display: inline-block;}
.NewAccordingHeader .EventHeading {width: 300px;}

.EventHeadingBtn {cursor: pointer;}
.EstimationTableOverflow {overflow: auto;}
.EstimationTableOverflow .EstimationTable {width: 100%;} 
.EstimationTable {margin: 15px 0 0 0; border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px; width: 100%; overflow: auto; display: none;}
/* .EstimationTable tbody tr {border-bottom: 1px solid rgba(0, 0, 0, 0.10);} */
.EstimationTable thead tr th {padding: 10px 20px; white-space: nowrap; font-weight: 600; font-size: 15px;} 
.EstimationTable tbody tr td {padding: 10px 20px; white-space: nowrap; font-weight: 500; font-size: 15px; border-top: 1px solid rgba(0, 0, 0, 0.10);} 

.LinkedNotificationTableBtn, .SendPurchaseOrderBtn {cursor: pointer;}

.LinkedNotificationTable {border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px;}
.LinkedNotificationTable thead tr th:last-child, .LinkedNotificationTable tbody tr td:last-child {text-align: center;}

.SendPurchaseTable {border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px;}
.SendPurchaseTable table thead tr th {text-align: left;}
.SendPurchaseTable table tbody tr td {text-align: left;}


.MainProjectProfilesArea {border: 1px solid rgb(0, 0, 0,0.10); border-radius: 10px;}
.MainProjectProfilesArea ul li {padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); display: flex; justify-content: space-between; align-items: center;}
.MainProjectProfilesArea ul li:last-child {border-bottom: none;}
.MainProjectProfilesArea ul li .dropdown {cursor: pointer;}
.MainProjectProfilesArea ul li a {color: #808080; font-size: 14px; font-weight: 500;  display: block;}
.MainProjectProfilesArea ul li a.active {color: var(--primary-color);}
.MainProjectProfilesArea ul li span {color: #808080; font-size: 14px; font-weight: 500;  display: block;}
.MainProjectProfilesArea ul li span.active {color: var(--primary-color);}
.MainProjectProfilesArea.MainProjectProfilesAreaSpan ul li span:first-child {width: 115px;}
.MainProjectProfilesArea.MainProjectProfilesAreaSpan ul li {display: flex; justify-content: flex-start;} 
.MainProjectProfilesArea.MainProjectProfilesAreaSpan ul li .dropdown {margin-left: auto;}
.MainProjectProfilesArea.MainProjectProfilesAreaSpan ul li .dropdown .Dots {width: auto;}
.MainProjectProfilesArea ul li:last-child a{border-bottom: none;}
.MainProjectProfilesArea ul li .dropdown-menu .dropdown-item {text-align: left;}
.MainProjectProfilesArea ul li h6 {font-size: 14px; font-weight: 600;}
.MainProjectProfilesArea ul li h6 {width: 115px;}
.MainProjectProfilesArea.SpanNot ul li span:first-child {width: auto;}
.MainProjectProfilesArea.SpanNot ul li h6 {width: auto;}
.MainProjectProfilesArea.DropwdownCss .dropdown-menu {left: -80px!important;}
.MainProjectProfilesArea.Red ul li a {color: var(--primary-color); font-size: 16px; font-weight: 600;}
.MainProjectProfilesArea.DropdownShow .dropdown {width: 50px;}
.ViewConfigBodyHide .EstimationTable .switch {width: auto;}
.EstimationTable .dropdown-menu {z-index: 1!important;} 

/* .MainProjectProfilesArea tr.Red td {color: var(--primary-color);} */

.MainProjectProfilesArea table thead tr th {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
}
.MainProjectProfilesArea table tbody tr td {color: #808080;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
}
.MainProjectProfilesArea table thead tr, .MainProjectProfilesArea table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}
.MainProjectProfilesArea table tr td .dropdown-menu .dropdown-item {text-align: left;}
.MainProjectProfilesArea table tbody tr:last-child {border-bottom: none;}

.MainProjectProfilesArea table tbody tr td:last-child {text-align: center;}
.MainProjectProfilesArea.Short table tbody tr td:last-child {text-align: left;}

.MainProjectProfilesArea table tbody tr td .dropdown {cursor: pointer;}
.MainProjectProfilesArea.WhiteSpace td, .MainProjectProfilesArea.WhiteSpace th {white-space: nowrap;}

.ThreeDotsSwitch .switch {width: 30px!important; margin: 0px 5px 0px 0;}
.ThreeDotsSwitch .switch .slider {border: 1px solid #000!important; margin-top: 5px;} 
.ThreeDotsSwitch .switch .slider::before {background-color: #000!important; width: 8px; height: 8px; left: 4x;}
.ThreeDotsSwitch .switch input:checked + .slider {background-color: #000!important;}
.ThreeDotsSwitch .switch input:checked + .slider::before {left: -4px;background-color: #fff!important;}
.ThreeDotsSwitch .switch .slider {height: 16px; width: 28px;}

.EstimationTable .slider {margin-top: 10px;}




.ModalBox .modal-dialog .Decline{margin:0}
.ModalBox .modal-dialog .Decline h3{font-family:"Roboto";font-weight:700;font-size:22px;margin:0 0 5px;text-align:left}
.ModalBox .modal-dialog .Decline p{font-size:16px;font-family:"Roboto";color:#777;text-align:left}
.ModalBox .modal-dialog .Decline h4{margin:15px 0 0 0;text-align:right}
.ModalBox .modal-dialog .Decline h4 a{text-transform:capitalize;margin:0 0 0 30px;font-size:17px;color:#49a0d5;font-weight:400;-webkit-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}
.ModalBox .modal-dialog .Decline h4 a:hover{color:#000}




.InteriorSelections {min-height: 275px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.10); background-color: #fff; padding: 25px 20px;}


.SelectCategoryTable { margin: 0 0 50px 0;}
.SelectCategoryTable table thead tr th {color: #2E2C34; font-size: 16px; font-weight: 600; text-align: center; padding:5px;}
.SelectCategoryTable table thead tr th:first-child {text-align: left; padding-left: 0px;}
.SelectCategoryTable table tbody tr td {color: #2E2C34; font-size: 16px; font-weight: 400; text-align: center; padding: 5px;}
.SelectCategoryTable table tbody tr td:first-child {text-align: left; padding-left: 0px; text-decoration: underline;}
.SelectCategoryTable table tbody tr td input{margin: 0px auto!important;}
.SelectCategoryTable table tbody tr td input:focus {box-shadow: none;}
.SelectCategoryTable .FilesAdded {margin: 0px;}


.ModalGreyTable {background-color: #E4E4E4; padding: 15px; overflow: scroll;}
.ModalGreyTable thead tr th {font-size: 20px; color: #000000; font-weight: 600;}
.ModalGreyTable thead tr th, .ModalGreyTable tbody tr td {padding: 5px 10px; white-space: nowrap; vertical-align: initial;} 
.ModalGreyTable tbody tr td {color: #2E2C34; font-size: 16px; font-weight: 400;}
.ModalGreyTable .CommonSelectBox {background-color: #fff;}
.ModalGreyTable .CommonSelectBox select {padding: 8px 20px!important;}
.ModalGreyTable input {padding: 18px 15px;}


.HomeDepotArea {margin: 0 0 50px 0;}
.HomeDepotArea h6 {color: #2E2C34; text-decoration: underline; font-weight: 400!important; font-size: 16px;}
.HomeDepotArea h6 span:first-child {margin: 0 20px 0 0;}

/* .DesignSelectionHide {display: none;} */
.DesignSelectionHide .form-group h3 {color: #000000; font-size: 20px; margin: 0px;}
.DesignSelectionHide .form-group h6 {color: #000000; font-size: 18px; margin: 0 0 10px 0; font-weight: 600;}
.DesignSelectionHide .form-group p {font-size: 13px; color: #808080; font-weight: 600;}
.DesignSelectionHeader {display: flex; justify-content: space-between; padding: 25px 20px; border-bottom: 1px solid #DBDBDB;}
.InteriorSelectionsArea {padding: 50px 0px;}

.DesignSelectionDropdown-menu {left: -50px!important; z-index: 1;}
.DesignSelectionDropdown-menu .AddOptionDropdown {display: none; text-align: left;}

.InteriorSelectionsTable {overflow: auto; width: 100%;}
.InteriorSelectionsTable table {width: 200%;}
.InteriorSelectionsTable table tr {border-bottom: 1px solid #DBDBDB;}
.InteriorSelectionsTable table tr td:nth-child(1) .Action {width: 60px;}
.InteriorSelectionsTable table tbody td {vertical-align: top;}
.InteriorSelectionsTable table thead th,.InteriorSelectionsTable table tbody td {padding: 10px 20px;}
.InteriorSelectionsTable table tbody td .Action {text-align: center;}
.InteriorSelectionsTable table tbody tr .Action h6 { color: #000000; font-weight: 600; font-size: 16px; margin: 0 0 15px 0; white-space: nowrap;}
.InteriorSelectionsTable table tbody tr .Action p { color: #06152B; font-weight: 500; font-size: 15px;}
.InteriorSelectionsTable table tbody tr .Action p.BlueText { color: #285EBC;}
.SelectionHistoryBtn {display: none;}

.DoorsInterior.DarkGreen {background-color: #00B050;}
.DoorsInterior.DarkBlue {background-color: #0070C0;}
.DoorsInterior.DarkRed {background-color: #FF0000;}
.DoorsInterior {width: 100%; padding: 15px; border: 1px solid rgb(0, 0, 0, 0.10); border-radius: 10px; }
.DoorsInterior h5 { color: #fff; font-size: 16px;}

.InteriorSelectionsTable table tr td .BgGreen {padding: 5px 20px; font-weight: 600; background-color: #C5E0B3;}
.InteriorSelectionsTable table tr td .BgBlue {padding: 5px 20px; font-weight: 600; background-color: #DEEBF6;}
.InteriorSelectionsTable table tr td .BgPink {padding: 5px 20px; font-weight: 600; background-color: #FFD6D6;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightBlue2 {background-color: #DEEBF6;}
.StatementAdjustmentArea .StatementAdjustmentBottom p.LightPink {background-color: #FFD6D6;}



.DesignAppointmentConfirmationBox {border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px; padding: 25px 25px 0; position: relative;}
.DesignAppointmentConfirmationBoxOverlay {position: absolute; top: 15px; right: 25px;}


.BpjTabs.nav-tabs {width: 80%; display: flex; justify-content: space-between; border: none;}
.BpjTabs.nav-tabs .nav-item .nav-link {font-size: 20px; color: #000000; font-weight: 600;}
.BpjTabs.nav-tabs .nav-item .nav-link span {filter: brightness(0);}
.BpjTabs.nav-tabs .nav-item .nav-link.active span {filter: brightness(1);}
.BpjTabs.nav-tabs .nav-item .nav-link.active {border-color: transparent;}
.BpjTabs.nav-tabs .nav-item .nav-link p {font-size: 13px; color: #808080; font-weight: 600; margin: 15px 0 0 0;}
.BpjTabs.nav-tabs .nav-item:nth-child(2) .nav-link p{display: none;}
.BpjTabs.nav-tabs .nav-item:nth-child(3) .nav-link p{display: none;}


.DesignSelectionTodosButtons {display: none;}



.ViewAttachmentsFiles {display: flex; flex-direction: column;}
.ViewAttachmentsFiles a {color: #00B0F0; font-size: 16px; margin: 0 0 10px 0;}
.MaterialDescriptionTableToggle {display: none;}
.MaterialTableBgColor {background-color: rgba(76,178,81,0.2);}
.MaterialTableBgColor .TableList thead tr th, .MaterialTableBgColor .TableList tbody tr td {background-color: rgba(76,178,81,0.2);}

.CreateSideBarCenterArea span {display: none;}



/* Landing page css  */

.LandingHeader nav{display: flex; justify-content: space-between; align-items: center; padding: 20px 30px;}
.LandingHeader nav button {border-radius: 50px; background-color: var(--primary-color); font-weight: 500; font-size: 16px; color: #fff; border: none; outline: none; padding: 10px 25px; margin: 0 30px 0 0;  }
.LandingHeader nav a {color: var(--primary-color); font-weight: 500; font-size: 16px; letter-spacing: 0.5px;}


.HeroSection {padding: 65px 0 0 0;}
.Main {font-family: 'Roboto';}
.BestPlatFormSection {background-color: #fff; padding: 40px 60px 30px;}
.section-title2 {text-align: center;}
.section-title2 h2 {color: #0F172A; font-size: 60px; font-weight: 800; margin: 0 0 25px 0;}
.section-title2 p {color: #0F172A; font-size: 18px; font-weight: 400; margin: 0 0 5px 0;}

.section-title {text-align: center;}
.section-title h2 {color: #0F172A; font-size: 50px; font-weight: 800; margin: 0 0 25px 0;}
.section-title p {color: #0F172A; font-size: 18px; font-weight: 400; margin: 0 0 50px 0;}


.BestPlatFormArea { padding: 0 100px;}
.BestPlatFormArea .BestPlatFormBox {text-align: center; padding: 0px 3s0px; margin: 0 0 35px 0;}
.BestPlatFormArea .BestPlatFormBox h6 {margin: 15px 0; font-weight: 700; font-size: 24px; color: #000000;}
.BestPlatFormArea .BestPlatFormBox p {font-weight: 700; font-size: 16px; color: rgba(0, 0, 0, 0.70);}




footer {display: flex; justify-content: space-between; padding: 30px 60px;}
footer span {color: #475569; font-weight: 400; font-size: 16px;}
.FootersocialsIcon {margin: 0 0 0 35px;}
.FootersocialsIcon a {margin: 0 0 0 20px;}
.FooterLinks a {font-weight: 400; color: #475569; font-size: 16px; font-weight: 400; margin: 0 0 0 20px;}


.NavigationProject h6 {margin: 0 5px 0 10px; font-size: 14px; color: #25A58B; display: flex; align-items: center;}
.NavigationProject h6 .GreyCircle {width: 35px; height: 35px; background-color: #D9D9D9; display: inline-block; border-radius: 50%; margin: 0 10px 0 0;}
.ProjectMenu {width: 275px; margin: 25px 0 0 0!important; padding: 10px!important; z-index: 2!important;}
.ProjectMenu h6 {color: rgba(0, 0, 0, 1); font-weight: 700;font-size: 15px; margin: 0 0 5px 0!important;}
.ProjectMenuTop {display: flex; justify-content: space-between; align-items: center; padding: 0 10px 10px; margin: 0 -10px 10px; border-bottom: 1px solid #ddd;}
.ProjectMenuTop a {color: rgba(252, 52, 0, 1); font-weight: 400;font-size: 15px;}
.ProjectMenu .SearchBar {background-color: rgb(255, 255, 255);border: 1px solid rgb(221, 221, 221);border-radius: 20px;padding: 10px;display: flex;margin: 0 0 15px 0;}
.ProjectMenu .SearchBar input{padding: 0px;border: none;outline: 0px;box-shadow: none;height: auto;font-weight: 500;}
.ProjectMenu .SearchBar span {cursor: pointer;}
.ProjectMenu p {display: flex; justify-content: space-between;align-items: center; font-size: 15px;margin: 0 0 10px 0;}
.ProjectMenu p:last-child{margin: 0px;}
.ProjectMenu img {cursor: pointer;}


.LiveChatBoxCenter::-webkit-scrollbar-track{background:#bbb;border-radius:0}
.LiveChatBoxCenter::-webkit-scrollbar-thumb{background-color: #000000;border-radius:0;transition:background-color 0.2s linear,width 0.2s ease-in-out;-webkit-transition:background-color 0.2s linear,width 0.2s ease-in-out;}
.LiveChatBoxCenter::-webkit-scrollbar{width:7px;border-radius:0}




.LiveChatIcon {position: absolute; bottom: 50px; display: inline-block; width: 75px; right: 20px;}
.LiveChatBox {bottom: 0px; background-color: rgba(255, 0, 0, 1); transition: 0.2s all ease; display: flex; flex-direction: column; justify-content: space-between; border-radius: 10px; height: 534px; width: 100%; box-shadow: -4px -4px 10px 0 rgba(0, 0, 0, 0.2); }
.LiveChatBox .LiveChatBoxTop {border-radius: 10px 10px 0 10px;  background-color: #fff; padding: 20px 15px; display: flex; align-items: center; justify-content: space-between;}
.LiveChatBox .LiveChatBoxTop h4 {font-size: 16px; font-weight: 600; font-family: 'Poppins';}
.LiveChatBoxBottom {position: relative;}
.LiveChatBoxBottom .ChatIcons {position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.LiveChatBoxBottom .ChatIcons a {margin: 0 5px;}
.LiveChatBoxBottom .ChatSearch .form-control {color: rgba(45, 45, 45, 1); font-size: 14px; font-weight: 500; padding: 25px 15px; font-family: 'Poppins'; border-radius: 10px 0 10px 10px;}
.LiveChatBoxBottom .ChatSearch .form-control:focus {box-shadow: none;}
.LiveChatBoxCenter {padding: 20px 10px; flex: 1; overflow: auto;}
.LiveChatBoxCenter .LcbcBox {background-color: #fff; border-radius: 10px; padding: 10px;}
.LiveChatBoxCenter .LcbcBox span {font-weight: 600; color: rgba(45, 45, 45, 1);}
.LiveChatBoxCenter .LcbcBox span img {margin: 0 10px 0 0;}
.LcbcBoxMain, .LcbcBoxMain2 {width: 70%;}
.LcbcBoxMain2 {margin-left: auto; margin-bottom: 40px;}
.LcbcBoxMain p {color: rgba(227, 227, 227, 1); font-weight: 400; font-size: 14px; margin: 10px 0; text-align: center;}



.AmendmentDetailsClick h6 {font-weight: 400!important; font-size: 14px!important;}
.AdvancedCostCodes2 .switch {width: auto!important;}

.submenu.SubmenuHome .dropdown-item {text-align: left;}

.TodoUserHome {text-align: left;}
.TodoUserHome .dropdown-menu .submenu {
    left: -100%;
     /* width: 300px; */
     top: -7px;
      /* padding: 6px 0; */
       text-align: center;}
/* .submenuhome {} */
.TableHeightScrollTodo .dropdown-menu .submenu {left: -77%!important;}
.NotificationMenu .dropdown-menu .submenu {left: -100%; top: -5px; width: 100%;}


.TextBlue2 {color: #007bff!important;}


.ArticleScroll {overflow: scroll;}
.ArticleScroll th, .ArticleScroll td {white-space: nowrap;}


.ShowNotesFromArea .TableList {border: none;}
.ShowNotesFromArea .TableList tr td {padding: 0px; padding-bottom: 10px; border-bottom: none;}


.SubFileManager .Radio .checkmark {right: 0;left: auto;}
.SubFileManager .form-group {display: flex; justify-content: space-between; align-items: center;}
.SubFileManager .form-group h6 {margin-bottom: 0px;}



.BudgetSummaryArea {border: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 15px 0px; border-radius: 10px; margin: 0 0 50px 0;}
.BudgetSummaryArea .BudgetSummaryTable {overflow-x: scroll;}
.BudgetSummaryArea .BudgetSummaryTable table tbody tr.Green {background-color: rgba(27, 179, 148, 1); }
.BudgetSummaryArea .BudgetSummaryTable table tbody tr.Blue {background-color: rgba(0, 32, 96, 1); }
.BudgetSummaryArea .BudgetSummaryTable table tbody tr.Blue td, .BudgetSummaryArea .BudgetSummaryTable table tbody tr.Green td {color: #fff;}
.BudgetSummaryArea .BudgetSummaryTable table tbody tr td {color: #000; font-weight: 600; border-bottom: 1px solid #000; font-size: 14px; white-space: nowrap; padding: 10px;}

.CostCodesStyling {width: 45%;}

.ProformaAccordion .card-header.HeaderWidth {width: 30%;}
.ProformaAccordion .card {border: none;}
.ProformaAccordion .card-header {display: flex; align-items: center; justify-content: space-between; background-color: transparent; border: none; position: relative; width: 50%;}
.ProformaAccordion .card-header h2 {width: 100%; color: rgba(46, 44, 52, 1); font-weight: 600; font-size: 20px;}
.ProformaAccordion .card-header h2 .btn {color: #000; text-decoration: none; padding-left: 0px; font-weight: 600; font-size: 18px;}
.ProformaAccordion .card-header h2 .btn:focus {box-shadow: none;}
.ProformaAccordion .card-header button::after{
    content: '';
    background-image: url(../images/left-fill-arrow.png);  
    position: absolute;
    right: -10px;
    top: 23px;
    width: 10px;
    height: 15px;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
}
.ProformaAccordion .card-header button[aria-expanded="true"]::after{transform:rotate(-90deg)}


.TableCollapse .card-header {display: flex; align-items: center; justify-content: space-between; background-color: transparent; border: none; position: relative; width: 50%;}
.TableCollapse .card-header h2 {width: 100%; color: rgba(46, 44, 52, 1); font-weight: 600; font-size: 20px;}
.TableCollapse .card-header h2 .btn {color: #000; text-decoration: none; padding-left: 0px; font-weight: 600; font-size: 14px;}
.TableCollapse .card-header h2 .btn:focus {box-shadow: none;}
.TableCollapse .card-header button::after{
    content: '';
    background-image: url(../images/left-fill-arrow.png); 
    position: absolute;
    right: -10px;
    top: 7px;
    width: 10px;
    height: 15px;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
}
.TableCollapse .card-header button[aria-expanded="true"]::after{transform:rotate(-90deg)}
.TableCollapse .card-header {padding: 0px 1.25rem;}
.TableCollapse .btn {padding-top: 0px; padding-bottom: 0px;}




.BlockInputs {border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; overflow-x: scroll;}
.BlockInputs table thead tr {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.BlockInputs table thead tr th {color: rgba(0, 0, 0, 1); font-weight: 700; padding: 10px; font-size: 16px; white-space: nowrap;}
.BlockInputs table tbody tr  {border-bottom:  1px solid rgb(0, 0, 0, 0.1);}
.BlockInputs table tbody tr:last-child  {border-bottom:  1px solid rgb(0, 0, 0, 0.1);}
.BlockInputs table tbody tr td {font-size: 14px; font-weight: 500; padding: 10px; white-space: nowrap; color: rgba(29, 29, 29, 1);}
.BlockInputs table tfoot tr td {background-color: rgba(0, 32, 96, 1); color: #fff; padding: 10px;}
.BlockInputs table thead tr th:last-child {text-align: center;}
.BlockInputs table tbody tr td:last-child {text-align: center;}
.BlockInputs table tfoot tr td:last-child {text-align: center;}

.BlockInputs.Red {border-radius: 0 0 10px 10px;}
.BlockInputs.Red table tfoot tr td { background-color: rgba(252, 52, 0, 1); color: #fff; padding: 10px; }



.BlockCostsPreview {padding: 0px 0 10px 0;}
.BlockCostsPreview h4 {color: rgba(46, 44, 52, 1); margin: 20px 0 25px 0; font-size: 20px; font-weight: 600; padding: 0 0 0 10px;}
.BlockCostsPreview {border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1); margin: 50px 0 0 0;}
.BlockCostsPreview .BcpHeader {height: 35px;  padding: 0 0 0 10px; background-color: rgba(0, 112, 192, 1); border-radius: 10px 10px 0 0; cursor: pointer; font-size: 16px; color: #fff;}
.BlockCostsPreview .BcpHeader h5 { line-height: 35px;  font-size: 16px; display: inline-block; color: #fff; position: relative;}
.BlockCostsPreview .BcpHeader h5::after {
    content: "";
    /* background-image: url(../images/left-arrow-white-fill.png); */
    position: absolute;
    right: -75px;
    top: 50%;
    width: 50px;
    height: 15px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.BlockInputsCollapse {margin: 0 0 25px 0;}
.BlockInputsCollapse .BcpHeader {position: relative;}
.BlockInputsCollapse .BlockInputs {border: none; border-radius: 0px;}
.BlockInputsCollapse .card-body {padding: 0;}
.BlockInputsCollapse .card-body .BlockInputs thead tr th {background-color: rgba(56, 189, 255, 1); color: #fff; font-weight: 700;}


.UnitTypeInputsTable table thead tr th { padding: 10px; color: rgba(46, 44, 52, 1); font-size: 16px; font-weight: 600; }
.UnitTypeInputsTable table tbody tr td { padding: 10px; color: rgba(46, 44, 52, 1); font-size: 14px; font-weight: 500; }
.UnitTypeInputsTable .form-group {margin: 0;}

.ToggleTableArea thead tr th {color: rgba(46, 44, 52, 1); font-weight: 600; font-size: 16px; text-align: center; padding: 10px;}

.ToggleTableArea .card-header h2::after{
    content: '';
    /* background-image: url(../images/left-fill-arrow.png); */
    position: absolute;
    right: 20px;
    top: 23px;
    width: 50px;
    height: 15px;
    background-repeat: no-repeat;
}

.ToggleTableArea .AdvancedCostCodes .form-group {margin-bottom: 0px;}
.ToggleTableArea .AdvancedCostCodes tr td {text-decoration: none;}


.GreenCheckTable table tr {border: 1px solid rgba(219, 219, 219, 1);}
.GreenCheckTable .DarkBlue {background-color: rgba(0, 112, 192, 1);}
.GreenCheckTable .LightBlue {background-color: rgba(0, 176, 240, 1);}
.GreenCheckTable .LightBlue td, .GreenCheckTable .DarkBlue th {color: #fff; font-size: 16px; font-weight: 500;} 
.GreenCheckTable table tr td:first-child,
.GreenCheckTable table tr th:first-child {text-align: left;}
.GreenCheckTable table tr th {color: #000; font-size: 16px; font-weight: 700;}
.GreenCheckTable table tr td, .GreenCheckTable table tr th {padding: 7px 10px; text-align: center;}
.GreenCheckTable table tr td {font-size: 14px; font-weight: 500;}
.GreenCheck {border-radius: 50%; background-color: rgba(189, 227, 33, 1); width: 27px; height: 27px; color: #fff; display: inline-flex; align-items: center; justify-content: center;}

.SmallTableArea {border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1);}
.SmallTableArea table thead tr th {background-color: rgba(0, 112, 192, 1); color: #fff; font-weight: 700;}
.SmallTableArea table tbody tr td {color: rgba(29, 29, 29, 1); font-size: 15px; font-weight: 500;}
.SmallTableArea table tfoot tr td {background-color: rgba(0, 32, 96, 1); color: #fff; font-weight: 700;}
.SmallTableArea table thead tr th, .SmallTableArea table tbody tr td, .SmallTableArea table tfoot tr td {padding: 5px 10px;}



.ReportTabBox {background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.10); padding: 15px 25px 15px 10px; border-radius: 10px; display: flex; justify-content: space-between; margin: 0 0 25px 0; }
.ReportTabBox .FilesHead {margin: 0px;}
.ReportTabBox ul {display: inline-flex; border: none;}
.ReportTabBox ul li a {color: #000; font-size: 14px; font-weight: 600; padding: 10px; display: flex; align-items: center; }
.ReportTabBox ul li a span {display: inline-block; margin: 0 5px 0 0;}
.ReportTabBox ul li a span {filter: brightness(0);}
.ReportTabBox ul li a.active {color: var(--primary-color)!important; border: none;}



.SalesDocumentArea .form-group {width: 100%; margin: 10px 0px;}
.SalesDocumentArea .CommonSelectBox {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
    position: relative;
    width: 100%;
}
.SalesDocumentArea .CommonSelectBox select {background-color: transparent; border: none; outline: none; width: 100%; appearance: none; color: #808080; font-weight: 500;  padding: 15px 20px;}
.SalesDocumentArea .CommonSelectBox span {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); min-width: 0px!important; pointer-events: none;}

.FinalcialReportArea .form-group.Green {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 35px 20px 20px 20px;}
.FinalcialReportArea .FraHeader ul {position: absolute; top: 0; }
.FinalcialReportArea .FraHeader {position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 20px 20px 20px;}
.FinalcialReportArea .FraHeader ul li a{color: var(--primary-color); font-weight: 600; font-size: 12px;}
.FinalcialReportArea .FraHeader ul li img {margin: 0 15px 0 0;}
.FinalcialReportArea .FraHeader .FraHeaderLeft h5 {font-size: 16px; margin:0 0 10px 0; font-weight: 500; color: #2E2C34;}
.FinalcialReportArea .FraHeader .FraHeaderLeft h5 img {margin: 0 10px 0 0;}
.FinalcialReportArea .FraHeader .FraHeaderLeft h6 {color: #000000; font-size: 14px; font-weight: 600;}
.FinalcialReportArea .FraHeader .Filter .form-group {display: flex; flex-direction: row; align-items: center; margin: 0px;}
.FinalcialReportArea .FraHeader .Filter .form-group .CheckBox {margin: 0px;}
.FinalcialReportArea .FraHeader .Filter .form-group h6 {font-weight: 600; font-size: 16px; color: #000; margin: 0 15px 0 0;}
.FinalcialReportArea .FraHeader .Filter .RunReportBtn {border-radius: 10px; background-color: var(--primary-color); color: #fff; padding: 10px 20px; display: inline-block; font-weight: 600; border: 1px solid var(--primary-color); font-size: 14px; margin: 0 10px 0 0;}
.FinalcialReportArea .FinalcialReportBox {background-color: #fff;}
.FinalcialReportBoxBottomTable table {margin: 0 0 35px 0;}
.FinalcialReportBoxBottomTable table thead tr { border: 1px solid rgba(0, 0, 0, 0.10);}
.FinalcialReportBoxBottomTable table thead tr th {text-align: center; padding: 20px 10px; border-right: 1px solid rgba(0, 0, 0, 0.10); font-weight: 600; font-size: 14px; color: #000;}
.FinalcialReportArea .FinalcialReportBox .FinalcialReportBoxHeader {padding: 10px 20px; border: 1px solid rgba(0, 0, 0, 0.10);}
.FinalcialReportArea .FinalcialReportBox .FinalcialReportBoxHeader .nav-tabs {display: inline-flex; align-items: center; border-bottom: none;}
.FinalcialReportArea .FinalcialReportBox .FinalcialReportBoxHeader .nav-link.active {border-radius: 10px; background-color: var(--primary-color); color: #fff; padding: 12px 20px; display: inline-block; font-weight: 600; border: 1px solid var(--primary-color); font-size: 14px;}
.FinalcialReportArea .FinalcialReportBox .FinalcialReportBoxHeader .nav-link img {margin: 0 5px 0 0;}
.FinalcialReportArea .FinalcialReportBox .FinalcialReportBoxHeader .nav-link {border-radius: 10px; background-color: transparent; color: var(--primary-color); padding: 12px 20px; display: inline-block; font-weight: 600; margin: 0 10px;  border: 1px solid var(--primary-color); font-size: 14px;}
.FinalcialReportArea .FinalcialReportBox .FinalcialReportBoxHeader .nav-link.active span {filter: brightness(0) invert(1);}
.FinalcialReportArea .FinalcialReportBoxCenter {display: flex; justify-content: space-between; padding: 25px; }
.FinalcialReportArea .FinalcialReportBoxCenter  .FrbcRight .Actions {text-align: right;}
.FinalcialReportArea .FinalcialReportBoxCenter  .FrbcRight .Actions a {margin: 0 10px 0 0;}
.FinalcialReportArea .FinalcialReportBoxCenter .SortByArea .SortBox {border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1);}
.FinalcialReportArea .FinalcialReportBoxCenter .form-control {border-radius: 6px; min-width: 200px; border: 1px solid rgba(0, 0, 0, 0.10); font-size: 14px; color: #808080; font-weight: 600;}
.FinalcialReportArea .FinalcialReportBoxCenter .form-control:focus {box-shadow: none;}
.FinalcialReportArea .FinalcialReportBoxCenter h6 {font-weight: 600; font-size: 14px; color: #000;}
.FinalcialReportArea .FinalcialReportBoxCenter .SortByArea .SortByBox {border-radius: 10px; border: 1px solid rgb(0, 0, 0, 0.10); padding: 15px 25px;}
.FinalcialReportArea .FinalcialReportBoxCenter .SortByArea .SortByBox .Radio {color: #000000!important; font-weight: 500; font-size: 13px;}
.FinalcialReportArea .FinalcialReportBoxBottom h6 {text-align: center; color: #000000; font-size: 14px; font-weight: 600;}
.FinalcialReportArea .FinalcialReportBoxBottom {padding: 0 0 50px 0;}
.ColumnTable tbody tr td {color: rgba(0, 0, 0, 1); font-size: 18px; padding: 10px; font-weight: 600;}
.ColumnTable tbody tr td label {margin-bottom: 0px!important;}
.FinalcialReportBox .tab-content .tab-pane {padding: 25px;}

.CustomizeLayoutArea {padding: 0 25px 25px;}
.CustomizeLayoutArea figure {padding: 0 40px;}
.CustomizeLayoutArea figure img {width: 100%;}
.CustomizeLayoutArea .SortByArea {margin: 0 0 50px 0;}
.CustomizeLayoutArea .SortByArea h6 {
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.CustomizeLayoutArea .ShowMoreBtn {background-color: rgba(252, 52, 0, 1); border-radius: 10px; color: #fff; font-size: 16px; color: #fff; padding: 10px 30px; display: inline-block; margin: 0px auto;}


.FraHeader .Filter .form-group select {border: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 10px; border-radius: 10px; font-weight: 600; color: rgba(128, 128, 128, 1); min-width: 190px;}
.FraHeader .Filter .form-group select:focus {outline: none;}
.FraHeader .form-group h6 {font-weight: 600; color: #000;}
.FraHeader .switch .slider {border: 1px solid #00B050;} 
.FraHeader .switch .slider::before {background-color: #00B050;}
.FraHeader .switch input:checked + .slider {background-color: #00B050;}


.form-group.Green .switch .slider {border: 1px solid #00B050;} 
.form-group.Green .switch .slider::before {background-color: #00B050;}
.form-group.Green .switch input:checked + .slider {background-color: #00B050;}


.FinalcialReportBoxCenter .Radio .checkmark::after {background-color: var(--primary-color);}
.FinalcialReportBoxCenter .Radio input:checked ~ .checkmark {border-color: var(--primary-color);}

.RedHeaderTable {border-radius: 10px 10px 0 0; border: 1px solid rgba(0, 0, 0, 0.10); width: 100%;}
.RedHeaderTable table thead tr th {background-color: rgba(255, 0, 0, 1); padding: 5px 5px 5px 10px;  color: #fff; font-weight: 700; font-size: 15px; white-space: nowrap;}
.RedHeaderTable table thead tr th:first-child {border-top-left-radius:10px;}
.RedHeaderTable table thead tr th:last-child {border-top-right-radius:10px;}
.RedHeaderTable table tbody tr {border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.RedHeaderTable table tbody tr:last-child {border: none;}
.RedHeaderTable table tbody tr td {color: rgba(29, 29, 29, 1); font-size: 14px; padding: 10px; font-weight: 500; white-space: nowrap;}
.RedHeaderTable table tbody tr:first-child td{font-weight: 700; font-size: 15px;}
/* .ViewConfigBody.ProformaTabContent {overflow-x: scroll;} */
.ProformaTabContent {display: flex; margin: 0 0 35px 0; overflow-x: scroll;}
.ProformaTabContent table .CommonSelectBox {min-width: 200px;}
.ProformaTabContent table .CommonSelectBox select {padding: 10px 20px 10px 10px!important;}
.ProformaTabContent table .form-group {width: 150px!important; margin: 0px!important;}
.ProformaTabContent table .form-group input {width: auto!important; padding: 10px!important;}
.ProformaTabContent .form-group:last-child {width: 30%; margin-left: 25px;}
.ProformaTabContent .form-group h6 {white-space: nowrap;} 
.Left0 {left: 0px!important;}

.BudgetDetailsSettingsTable {margin: 0 0 25px 0; border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px;}
.BudgetDetailsSettingsTable tr {border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.BudgetDetailsSettingsTable tbody tr:last-child {border: none}
.BudgetDetailsSettingsTable thead tr th {font-weight: 600; font-size: 16px; color: #2E2C34; padding: 10px;}
.BudgetDetailsSettingsTable tbody tr td {font-weight: 500; font-size: 14px; color: #2E2C34; padding: 10px;}
.BudgetDetailsSettingsTable tbody tr td .CheckBox {margin-bottom: 0px;}



.TopStepDetails {display: flex; justify-content: space-between;}
.TopStepDetails .form-group {display: flex; align-items: center;}
.TopStepDetails .form-group h6 {margin: 0px!important;}
.TopStepDetails .form-group h6, .TopStepDetails .form-group p {line-height: 20px;}
.TopStepDetails .form-group p {font-size: 16px; color: rgb(0, 0, 0); font-weight: 400; margin: 0 0 0 5px;}


.RedGreenTableMain {border: 1px solid rgba(0, 0, 0, 0.1); padding: 30px 5px 20px; border-radius: 10px; margin-bottom: 50px;}  
.RedGreenTableMain h3 {font-weight: 600; font-size: 20px; color: rgba(46, 44, 52, 1); border-radius: 10px;}
.RedGreenTable {border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 0 0 25px 0;}
.RedGreenTable tr th:first-child {border-top-left-radius: 10px;}
.RedGreenTable tr th:last-child {border-top-right-radius: 10px;}
.RedGreenTable table thead tr, .RedGreenTable table tbody tr {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.RedGreenTable table tbody tr:last-child {border-bottom: none}
.RedGreenTable table thead tr th, .RedGreenTable table tbody tr td {padding: 7px 10px; font-size: 14px;}
.RedGreenTable table thead tr th.RedTh {background-color: rgba(255, 0, 0, 1); color: #fff;}
.RedGreenTable table thead tr th.GreenTh {background-color: rgba(0, 176, 80, 1); color: #fff; font-size: 16px;}
.RedGreenTable table tbody tr:first-child td {font-weight: 700; font-size: 14px; color: #000; font-size: 16px;}
.RedGreenTable table tbody tr td {color: #000;}
.RedGreenTable .CommonSelectBox {
    display: block;
    height: auto;
    border: 1px solid rgb(221, 221, 221);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: rgb(0, 0, 0);
    border-radius: 10px;
    box-shadow: none;
    position: relative;
    width: auto!important;
}
.FolderFormCreateArea.Proforma .RedGreenTable .CommonSelectBox {width: auto!important;}
.RedGreenTable .CommonSelectBox select {background-color: transparent; border: none; outline: none; width: 100%; appearance: auto!important; color: #000!important; font-weight: 400;  padding: 10px!important;}
.RedGreenTable .CommonSelectBox span {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.NewDocumentsDetailsBox {border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 20px 10px;}

.BlockCarousel {width: 50%!important;}
.BlockCarousel .item h4 a {color: rgba(252, 52, 0, 1); font-size: 14px; display: inline-block; padding: 10px 20px; font-weight: 600; border: 1px solid rgba(252, 52, 0, 1); border-radius: 10px;}
.BlockCarousel .owl-prev {position: absolute; left: 0;}
.BlockCarousel .owl-next {position: absolute; right: 0;}
.AllBlocksCommon .CommonSelectBox {margin: 0px!important;}

.LightGreenTable table thead tr, .LightGreenTable table tbody tr {border-bottom: 1px solid rgba(219, 219, 219, 1);}
.LightGreenTable table thead tr th, .LightGreenTable table tbody tr td {padding: 10px;}
.LightGreenTable table thead tr th {color: rgba(29, 29, 29, 1); font-weight: 700; font-size: 18px;}
.LightGreenTable table tbody tr td {color: rgba(29, 29, 29, 1); font-weight: 500; font-size: 14px;}
.LightGreenTable table tbody tr:first-child td {font-weight: 700;}
.LightGreenTable table tbody tr td:first-child,
.LightGreenTable table tbody tr td:nth-child(2) {font-weight: 700;}
.LightGreenTable table tbody tr:last-child td {padding: 20px 10px;}
.LightGreenTable table tfoot tr {background-color: rgba(226, 239, 218, 1);}
.LightGreenTable table tfoot tr td {padding: 10px; font-weight: 600; color: rgba(29, 29, 29, 1); font-size: 14px;}




.CommonGreenTable {border: 1px solid rgba(219, 219, 219, 1); border-radius: 10px; overflow-x: scroll;}
.CommonGreenTable tbody tr td { padding: 10px; color: rgba(29, 29, 29, 1); font-weight: 600; text-align: center; font-size: 14px; white-space: nowrap;}
.CommonGreenTable tfoot tr td {background-color: rgba(226, 239, 218, 1); padding: 10px; color: rgba(29, 29, 29, 1); font-weight: 600; white-space: nowrap; text-align: center; font-size: 16px;}
.CommonGreenTable thead tr th {background-color: rgba(226, 239, 218, 1); text-align: center; color: rgba(0, 0, 0, 1); font-weight: 600; font-size: 16px; padding: 10px 15px; white-space: nowrap;}
.CommonGreenTable.TfootBg tfoot tr td {background-color: #fff;}
/* .CommonGreenTable thead tr:nth-child(2) {border-bottom: 1px solid rgba(121, 121, 121, 1);} */
.BorderBottom {border-bottom: 1px solid rgba(121, 121, 121, 1);}
.ZenSequelSalesArea {border: 1px solid rgba(219, 219, 219, 1); border-radius: 10px; padding: 25px;}
.ZenSequelSalesArea h6 {color: rgba(0, 0, 0, 1); font-weight: 600; font-size: 18px; text-align: center; margin: 0 0 20px 0;}


.EstimationCashFlowReport table tr th, .EstimationCashFlowReport table tr td {padding: 10px; text-align: center; color: rgba(6, 21, 43, 1); font-size: 14px; font-weight: 500;}
.EstimationCashFlowReport table tr .LightYellow2 {background-color: rgba(255, 255, 153, 1);}
.EstimationCashFlowReport table tr .LightYellow {background-color: rgba(255, 255, 204, 1);}
.EstimationCashFlowReport table tr .DarkYellow {background-color: rgba(255, 255, 0, 1);}
.EstimationCashFlowReport table tr .LightBlue {background-color: rgba(180, 198, 231, 1);}
.EstimationCashFlowReport table tr .LightRed {background-color: rgba(255, 204, 153, 1);}
.EstimationCashFlowReport table tr .LightGreen {background-color: rgba(198, 224, 180, 1);}
.EstimationCashFlowReport table tr .RedishYellow {background-color: rgba(255, 217, 102, 1);}
.EstimationCashFlowReport tr {border-bottom: 1px solid rgba(219, 219, 219, 1);}
.EstimationCashFlowReport tr:last-child {border-bottom: none}
.EstimationCashFlowReport {border: 1px solid rgba(219, 219, 219, 1); border-radius: 10px;}
.RedishYellowTable tbody tr td {text-align: left;}



.Table-section-title {text-align: center;}
.Table-section-title h6 {color: rgba(0, 0, 0, 1); font-weight: 600; font-size: 18px; margin: 0 0 7px 0;}
.GreyBackgroundTable {border: 1px solid rgba(219, 219, 219, 1); border-radius: 10px; overflow-x: scroll;}
.GreyBackgroundTable tr th, .GreyBackgroundTable tr td {white-space: nowrap; min-width: 100px;}
.GreyBackgroundTable tr th:first-child, .GreyBackgroundTable tr td:first-child {text-align: center;}
.GreyBackgroundTable .DarkGrey {background-color: rgba(232, 232, 232, 1);}
.GreyBackgroundTable tr th, .GreyBackgroundTable tr td {padding: 10px;}
.GreyBackgroundTable .LightGreen {background-color: rgba(226, 239, 218, 1);}
.GreyBackgroundTable th {font-weight: 700; color: rgba(0, 0, 0, 1); font-size: 14px;}
.GreyBackgroundTable .DarkGrey {background-color: rgba(232, 232, 232, 1);}
.GreyBackgroundTable .MiddleGrey {background-color: rgba(243, 243, 244, 1);}
.GreyBackgroundTable tr td {font-weight: 500; color: rgba(29, 29, 29, 1);}
.GreyBackgroundTable .DarkGreen {background-color: rgba(27, 179, 148, 1);}
.GreyBackgroundTable .DarkGreen td {color: #fff; font-weight: 700;}
.TableList .FadeGreenTr {font-size: 18px;} 
.TableList .FadeGreenTr th {font-size: 18px; background-color: rgba(225, 224, 130, 1);} 
.ConfigurationBox {border: 1px solid rgba(219, 219, 219, 1); border-radius: 10px; width: 55%; margin: 0px auto 25px; padding: 20px 40px;}
.ConfigurationBox .TitleBox h3 {color: rgba(46, 44, 52, 1); font-weight: 700; font-size: 20px;}
.ConfigurationBox p {color: rgba(46, 44, 52, 1); font-size: 14px; margin: 0 0 35px 0;}
.ConfigurationBox aside p {display: flex; align-items: center; margin: 0 0 25px 0;}
.ConfigurationBox aside p label {min-width: 200px; color: rgba(46, 44, 52, 1); font-weight: 600; font-size: 15px;}
.ConfigurationBox aside p .form-control {border-radius: 10px; padding: 25px 10px;}
.ConfigurationBox aside p button {background-color: rgba(26, 179, 148, 1); border-radius: 10px; outline: none; border: none; padding: 15px 30px; color: #fff; font-weight: 600;}
.ConfigurationBox aside p .SetMarkUp {width: calc(100% - 200px);}
.ConfigurationBox aside p span {border: 1px solid #ced4da; display: inline-flex; align-items: center; border-radius: 10px;}
.ConfigurationBox aside p span button {width: 200px;}
.ConfigurationBox aside p span input {border: none;}
.ConfigurationBox aside input::placeholder {font-size: 14px; color: rgba(128, 128, 128, 1); font-weight: 600;}

.CommonGreenTable tr .RedishFadeYellow {background-color: rgba(246, 227, 170, 1);}
.CommonGreenTable tr .RedishFadeYellow.TextRed {color: rgba(252, 52, 0, 1);}
.CommonGreenTable tr .DarkChantYellow {background-color: rgba(255, 217, 102, 1);}
.CommonGreenTable tr .DarkChantYellow.TextRed {color: rgba(252, 52, 0, 1);}
.CommonGreenTable tr td .RedTdSpan {color: rgba(252, 52, 0, 1);}
.CommonGreenTable tr .DarkYellow {background-color: rgba(255, 255, 0, 1);}
.CommonGreenTable tr td .TextRed {color: var(--primary-color);}
.CommonGreenTable tr .FadeBlue {background-color: rgba(221, 235, 247, 1);}
.CommonGreenTable .WritingMode {writing-mode: tb; transform: rotate(180deg); background-color: rgba(226, 239, 218, 1);}
.CommonGreenTable .FadeGreenCopy {background-color: rgba(226, 239, 218, 1);}
.CommonGreenTable .FadeGreenCopy td { font-weight: 600;}
.CommonGreenTable .FadeyellowCopy td {background-color: rgba(255, 230, 153, 1);} 
.CommonGreenTable .ChantYellow {background-color: rgba(255, 255, 0, 1);}
.CommonGreenTable .ChantGreen {background-color: rgba(226, 239, 218, 1);}
.MinWidth55 {min-width: 55px;}
.CommonGreenTable .JobBgColor th {background-color: #fff;}
.CommonGreenTable .JobBgColor th .TextRed {color: rgba(252, 52, 0, 1); min-width: 100px;}
.CommonGreenTable .JobBgColor td .TextRed {color: rgba(252, 52, 0, 1); }
.YellowTd255 {background-color: rgba(255, 230, 153, 1);}

#LockedButton {display: none;border: 1px solid red; color: red;}


.UserProfileBox {position: relative; display: inline-block;}
.UserProfileBox figure {margin: 0px;}
.UserProfileBox span {position: absolute; right: 0; top: 0; width: 27px; height: 27px; display: inline-flex; align-items: center; justify-content: center;}
.UserProfileBox span input {opacity: 0; width: 100%; position: absolute;}


.ToggleWidth {width: 15px; display: inline-block;}
.TableList.TableInput .form-group {margin-bottom: 0px;}
.TableList.TableInput .form-group input {padding: 20px 15px;}
.TableList.TableInput {border: none;}
.TableList.TableInput tr td, .TableList.TableInput tr th {border-bottom: none; font-weight: 500;}
.MinWidth60 {min-width: 60px!important; padding: 20px;}
.Width80 {width: 80%;}
.UnitPricingBorder {border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 10px;}
.Width60 {width: 60%;}



.IntegrateShow {display: none;}







/* patel sir  */

.LoginArea .LoginBox.MultipleLogin{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 94%;
}

.LoginArea .LoginBox.MultipleLogin h6{
    margin-bottom: 30px;
}

.LoginArea .LoginBox.MultipleLogin ul{
    display: flex;
    flex-wrap: wrap;
}

.LoginArea .LoginBox.MultipleLogin ul li {
    /* flex: auto; */
    width: 50%;
    padding: 10px 10px;
}


.LoginArea .LoginBox.MultipleLogin ul li a {
    font-size: 14px;
    padding: 40px 0px;
    font-weight: 500;
    color: #000;
    background-color: #fdf0f0;
    border: 1px solid rgb(237 29 36 / 40%);
    border-radius: 10px;
    display: block;
}

.LoginArea .LoginBox.MultipleLogin ul li a.active{}


.estimationModalBelowProfile{
    
}

.SpinnerContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Adjust the height based on your layout */
  } 

  .TodosButtons .tab-content{ display: inline-block; }







  .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1; }
    .owl-carousel .owl-stage {
      position: relative;
      -ms-touch-action: pan-Y;
      touch-action: manipulation;
      -moz-backface-visibility: hidden;
      /* fix firefox animation glitch */ }
    .owl-carousel .owl-stage:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .owl-carousel .owl-stage-outer {
      position: relative;
      overflow: hidden;
      /* fix for flashing background */
      -webkit-transform: translate3d(0px, 0px, 0px); }
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0); }
    .owl-carousel .owl-item {
      position: relative;
      min-height: 1px;
      float: left;
      -webkit-backface-visibility: hidden;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none; }
    .owl-carousel .owl-item img {
      display: block;
      width: 100%; }
    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
      display: none; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
      cursor: pointer;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
      background: none;
      color: inherit;
      border: none;
      padding: 0 !important;
      font: inherit; }
    .owl-carousel.owl-loaded {
      display: block; }
    .owl-carousel.owl-loading {
      opacity: 0;
      display: block; }
    .owl-carousel.owl-hidden {
      opacity: 0; }
    .owl-carousel.owl-refresh .owl-item {
      visibility: hidden; }
    .owl-carousel.owl-drag .owl-item {
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .owl-carousel.owl-grab {
      cursor: move;
      cursor: grab; }
    .owl-carousel.owl-rtl {
      direction: rtl; }
    .owl-carousel.owl-rtl .owl-item {
      float: right; }
  
  /* No Js */
  .no-js .owl-carousel {
    display: block; }
  
  /*
   *  Owl Carousel - Animate Plugin
   */
  .owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both; }
  
  .owl-carousel .owl-animated-in {
    z-index: 0; }
  
  .owl-carousel .owl-animated-out {
    z-index: 1; }
  
  .owl-carousel .fadeOut {
    animation-name: fadeOut; }
  
  @keyframes fadeOut {
    0% {
      opacity: 1; }
    100% {
      opacity: 0; } }
  
  /*
   * 	Owl Carousel - Auto Height Plugin
   */
  .owl-height {
    transition: height 500ms ease-in-out; }
  
  /*
   * 	Owl Carousel - Lazy Load Plugin
   */
  .owl-carousel .owl-item {
    /**
              This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
              calculation of the height of the owl-item that breaks page layouts
           */ }
    .owl-carousel .owl-item .owl-lazy {
      opacity: 0;
      transition: opacity 400ms ease; }
    .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
      max-height: 0; }
    .owl-carousel .owl-item img.owl-lazy {
      transform-style: preserve-3d; }
  
  /*
   * 	Owl Carousel - Video Plugin
   */
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }
  
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    /* background: url("owl.video.play.png") no-repeat; */
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease; }
  
  .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3); }
  
  .owl-carousel .owl-video-playing .owl-video-tn,
  .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }
  
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease; }
  
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }
  
    .SpinnerContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh; /* Adjust the height based on your layout */
      } 
      
      .TodosButtons .tab-content{ display: inline-block; }


      #google_translate_element {
        height: 60px;
        overflow: hidden;
        position: fixed;
        top: 4px;
        right: 415px;
        z-index: 100;
    }
    
    .goog-te-banner-frame.skiptranslate{ display: none; }
    .VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate { display: none; }
    .goog-te-combo{
        margin: 13px 0 !important;
        border: 1px solid #ddd;
        padding: 8px 10px;
        border-radius: 5px;
        outline: 0;
        cursor: pointer;
    }
    

    .LoginBox.Modal .Logo {text-align: right; margin-bottom: 25px;}
.LoginBox.Modal .LoginContentBox {padding: 15px 0px 0px;}
.LoginBox.Modal .nav-link {color: #5F5F5F; font-weight: 400; font-size: 14px; background-color: #fffbfd;} 
.LoginBox.Modal .nav-link {color: #ED1D24; font-weight: 700; font-size: 16px; border: 1px solid #ED1D24; border-radius: 14px; padding: 12px 20px;} 
.LoginBox.Modal h3{ font-size: 24px;margin: 0 0 10px 0;font-weight: 700;color: #000;text-align: left;}
.LoginBox.Modal p{font-size: 15px;font-weight: 400; color: #4D4D4D; text-align: left;line-height: 24px;}
.LoginBox.Modal form .form-group{margin:0 0 20px 0; position: relative;}
.LoginBox.Modal form .form-group label{display:block;color:#3A3541;font-size:14px;font-weight:600;text-align: left;}
.LoginBox.Modal form .form-group .form-control{box-shadow:none;border: 1px solid #DBDCDE;padding: 12px 15px;height:auto;border-radius:10px;font-size:14px;color:#89868D}
.LoginBox.Modal form .Button{display:block;letter-spacing: 1px; background-color: #ED1D24; border-radius: 10px; color: #fff; font-weight: 600; font-size: 16px; padding: 15px 10px; border: 1px solid #ED1D24; text-align: center;}
.LoginBox.Modal form .ButtonOutline{display:block;letter-spacing: 1px; background-color: #fff; border-radius: 10px; color: #ED1D24; font-weight: 600; font-size: 16px; padding: 15px 10px; border: 1px solid #ED1D24; text-align: center;}
.LoginBox.Modal .loginSocials {margin-bottom: 20px;}




.DashboardLeft .ShowList aside.SelectBook input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.DashboardLeft .ShowList aside.SelectBook span {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
.DashboardLeft .ShowList aside.SelectBook input:checked~span {
    color: #e41f26;
}

.DashboardLeft .FolderList ul li a img{max-width:30px;}

header .Navigation .NavigationMenu {
    display: flex;
    align-items: center;
}


.sidenav .closebtn {
    position: absolute;
    top: 0px;
    right: 25px;
    font-size: 36px;
}


.UserProfileBox {position: relative; display: inline-block;}
.UserProfileBox figure {margin: 0px;}
.UserProfileBox span {position: absolute; right: 0; top: 0; width: 27px; height: 27px; display: inline-flex; align-items: center; justify-content: center;}
.UserProfileBox span input {opacity: 0; width: 100%; position: absolute;}


.fc-view-harness.fc-view-harness-active{
    height: 420px!important;
}


.rc-slider-handle:before {
    content: attr(aria-valuenow) ' %'; 
   /* style your tooltip */
}

.RawGreenColor {background-color: #80da80;}
.RawGreenColor td {color: #fff;}




.react-datepicker__day-names {display: flex!important; justify-content: space-between!important;}
.react-datepicker {width: 100%!important;}
.react-datepicker__month-container {width: 100%!important;}
.react-datepicker__week {
    display: flex!important;
    justify-content: space-between!important;
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    width: auto;
    padding: 20px 25px;
}

.CountryCodeInput {
    padding-left: 50px!important;
    width: 100%!important;
}

.LoginBox.Modal .LoginContentBox {padding: 15px 0px 0px;}

.SearchPosition {position: relative; width: 180px;}
.SearchPosition .SearchOverlay {position: absolute; top:58px; left:0px; width:100%; background: #fff; border-radius: 0 0 10px 10px; border: 1px solid rgba(0,0,0,.15);}
.SearchPosition .SearchOverlay ul li {color: #000; padding: 15px; font-weight:600px;}
.ChangeColor {background-color: #E2EFD9;}
.ChangeColorHeader {background-color: #00B050!important;}

.LoginBox.Modal .LoginContentBox {padding: 15px 0px 0px;}

.Button3 button {margin: 0 5px;}

.ItineraryCalendar .fc.fc-toolbar-title {font-size: 20px;}
.ItineraryCalendar .fc.fc-button {padding: 0.3em 0.65em;}
.ItineraryCalendar .fc.fc-toolbar.fc-header-toolbar {padding: 10px;}
.ItineraryCalendar .fc.fc-toolbar.fc-header-toolbar {margin-bottom: 0!important;}
 

.TodosButtons270 {margin-right: 270px; cursor: pointer; z-index: 2;}
.TitleBoxWidth {display: block;}
.TitleBoxWidth .BuilderBox {margin-right: 0;}
.TitleBoxWidth .BuilderBox .SelectBuilder {min-width: 100%;}

.TableOverflowScroll {overflow-x: auto;}
.TableOverflowScroll 
.TableOverflowScroll .TableList {width: 150%; border: none; border-radius: 0px; background-color: transparent;}

.LastSearchIcon {display: none;}
.LastSearchIcon i {color: grey;}
.orangebg{
    background: rgb(252, 52, 0) !important;
    color: #fff !important;
}
.orangetext{
    color: rgb(252, 52, 0) !important;
    background: #fff !important;
    border: 1px solid  rgb(252, 52, 0) !important ;
}
.borderOrange{
    border: 1px solid  rgb(252, 52, 0) !important ;
}
.borderOranges{
    border: 1px solid  rgb(252, 52, 0) !important ;
    border-radius: 50%;
    height: 20px !important;
    width: 20px !important;
    padding: 1px 5px;
    font-size: 14px;
}

.fc-daygrid-event-harness{
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.ProjectName {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: 9px 10px 8px 80px;
    border-radius: 7px;
    box-shadow: 0px 0px 3px #ddd;
    margin: 0px 30px 0 0;
}
.ProjectName .Icon {
    width: 60px;
    margin: 0 10px 0 0;
}

.ProjectName .Icon img{
    width: 100%;
}

.ProjectName .Name {
    color: #000;
    font-weight: 500;
    font-size: 13px;
}




.NestedTable table td table.sublevel thead th{ color: #d90202; padding: 10px 10px; }
.NestedTable table td table.sublevel thead th .SmallBox, .NestedTable table td table.sublevel thead th .BigBox {padding-left: 25px;}
.NestedTable table td table.sublevel tbody td{ color: #52c000; padding: 10px 10px; white-space: nowrap;}
.NestedTable table td table.sublevel tbody td .SmallBox, .NestedTable table td table.sublevel tbody td .BigBox {padding-left: 60px;}

.CommonBoxArea .owl-stage-outer{ overflow: hidden; }

.CommonBoxArea .owl-item { float: left;}

.JobTableCommon .JobBoxTable tr td, .JobTableCommon .JobBoxTable tr td a {color: blue;}

.DownloadPriceBook.UploadPriceBook {
    width: auto !important;
    display: block !important;
    background-color: #ff6a00;
    border-radius: 5px;
    padding: 10px 0;
    color: #fff;
    margin: 15px 0 0 0;
}


.DownloadPriceBook.UploadPriceBook img{
    width: 16px;
    margin: 0 5px 0 0;
}

.TableThreeDots ul li .dropdown-menu li a img {margin: 0 5px 0 0;}

.TableThreeDots ul li .dropdown-menu li a .CountThree {
    color: rgb(255, 255, 255)!important;
    background-color: var(--primary-color);
    min-width: auto;
    border-radius: 50%;
    padding: 1px 6px;
    margin: 0px 5px 0px 5px;
    font-size: 12px!important;
    display: inline-block;
}

.dropdown-menuwidth {
    min-width: 175px !important;
}

.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 0px;
    margin: 5px 0px 0px;
    top: 24px;
    z-index: 1;
}

.modal .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 0px;
    margin: 5px 0px 0px;
}

/* Filter Tabs Styling for ToDo Tabs */
.filter-tabs-wrapper .BrandBtn.filter-tab-btn {
    background-color: white;
    border-color: var(--primary-color);
    color: #333;
    transition: all 0.3s ease;
    margin-right: 5px;
}

.filter-tabs-wrapper .BrandBtn.filter-tab-btn img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.filter-tabs-wrapper .BrandBtn.filter-tab-btn:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

.filter-tabs-wrapper .BrandBtn.filter-tab-btn:hover img {
    filter: brightness(0) invert(1);
}

.filter-tabs-wrapper .BrandBtn.filter-tab-btn.filter-tab-active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

.filter-tabs-wrapper .BrandBtn.filter-tab-btn.filter-tab-active img {
    filter: brightness(0) invert(1);
}

.BorderDarkBrown{
    border-left: 10px solid #800000;
}  

#CalendarTabs{
    background-color: #fff;
}