@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
    height: 100%
}

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
}

.wrapper {
    width: 100%;
    position: relative;
}


.LoginPage {
    padding: 3% 5%;
}

.logo {
    padding: 0% 0 20% 0;
}

.downloadText {
    color: #3162AA;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'Proxima Nova Lt';
    margin-left: -4px;
}

.downloadspan {
    /*padding: -6px 0% 0% 55px;*/
    margin-left: 8px;
}

    .downloadspan img {
        width: 70px;
    }

.logo img {
    width: 70px;
}

.logoText {
    color: #3162AA;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: 'Proxima Nova Lt';
}

.logo a {
    display: block;
    width: 100px;
    text-align: center;
}

.loader img {
    width: 100px;
}

.container {
    position: relative;
    margin: auto;
    max-width: 1440px;
}

.Loginwrapper {
    width: 100%;
    margin: auto;
}

.loginBg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -389px;
    margin-top: -271px;
    width: 778px;
    height: 582px;
    z-index: 1;
}

.ghost {
    animation: float 7s ease-out infinite;
}

.blurBackground {
    opacity: 1;
    background-color: #0000008f;
}

@keyframes float {
    50% {
        transform: translate(0, 20px);
    }
}

@keyframes shrink {
    0% {
        width: 90%;
        margin: 0 5%;
    }

    50% {
        width: 60%;
        margin: 0 18%;
    }

    100% {
        width: 90%;
        margin: 0 5%;
    }
}

.registertype {
    font-family: 'Montserrat', sans-serif;
    color: #565656;
    font-size: 13px;
    position: relative;
}

.yesNosection {
    display: flex;
    align-self: center;
    line-height: normal;
    outline: 0;
    font-family: sans-serif;
}

.loginBgSection {
    width: 630px;
    background: #ffffff;
    min-height: 200px;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -315px;
    /* margin-top:68px; */
    margin-top: -201px;
    padding: 30px 40px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
}

    .loginBgSection h2 {
        text-align: center;
        font-family: 'Proxima Nova Lt';
        color: #323a50;
        font-size: 40px;
        margin: 0px;
        padding: 20px 0 30px 0;
    }

.emailIcon::after {
    content: "";
    display: block;
    position: absolute;
    bottom: auto;
    left: 0;
    background: url(/images/email.png) no-repeat;
    width: 18px;
    height: 22px;
    top: 16px;
}

.passwordIcon {
    content: "";
    display: block;
    position: absolute;
    bottom: auto;
    left: 0;
    background: url(/images/key.png) no-repeat;
    width: 18px;
    height: 22px;
    top: 16px;
}

.Remember {
    float: left;
    font-size: 20px;
    font-family: 'Proxima Nova Rg';
    line-height: normal;
}

    .Remember label {
        line-height: normal;
    }

        .Remember label span {
            position: relative;
            top: -3px;
        }

.loginBgSection .error {
    /*font-size: 12px;
color: red;
margin: 0px 0 0px 0;
width: 94%;
text-align: center;
position: relative;
top: -20px;*/
    background-color: #fff3f0;
    color: #ec4721;
    padding: 10px 0 10px 12px;
    box-sizing: border-box;
    width: 100%;
    margin: -14px 0 10px 0;
    font-size: 12px;
    display: block;
}

.loginBgSection .error-input-inner {
    border-bottom: red solid 1px !important;
}

.forgotpassword {
    float: right;
    text-align: right;
    cursor: pointer;
    color: #20AC65;
    font-size: 15px;
}

    .forgotpassword:hover div {
        color: #3162AA;
        text-decoration: none;
    }


    .forgotpassword a {
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        color: #3162AA;
        font-size: 14px;
        border-bottom: dashed 1px #e3e3e3;
        padding: 0 0 6px 6px;
    }

        .forgotpassword a:hover {
            text-decoration: none;
            font-family: 'Proxima Nova Rg';
            color: #3162AA;
            font-size: 14px;
        }

.clr {
    clear: both;
}

.forgotpasswordBtn span {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #95969c;
    line-height: 1.2;
    text-transform: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 45px;
    border-radius: 3px;
    margin: 30px 0;
}

.backtologin {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #3162AA;
    line-height: 1.2;
    background: #ffffff;
    text-transform: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    width: auto;
    height: 45px;
    border-radius: 3px;
    border: #3162AA solid 1px !important;
    margin: 30px 0;
    text-decoration: none;
    cursor: pointer;
}

.cancleBtn {
    display: flex;
    align-items: start;
    line-height: 27px;
}

    .cancleBtn button {
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #3162AA;
        border: 1px solid #3162AA;
        border-radius: 3px;
        background: #ffffff;
        padding: 5px 17px;
        cursor: pointer;
        width: auto;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

        .cancleBtn button:hover {
            background: #3162AA;
            color: #fff;
        }

.backtologin:hover {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
    transition: all .35s;
    background: #20AC65;
    text-transform: none;
    text-decoration: none;
    border-color: #20AC65 !important;
}

.backtologin:focus {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
    transition: all .35s;
    background: #3162AA;
    text-transform: none;
    text-decoration: none;
}
/* inner Header */
.innerHeader {
    width: 100%;
    background: #ffffff;
    height: 50px;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: fixed;
    z-index: 9;
}

.innerHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.innerLogo {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
    text-transform: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 15px;
    padding-top: 13px;
}

.loadingText {
    /*font-size: 18px !important;*/
    width: auto !important;
    color: #000 !important;
    letter-spacing: 2px;
}

.logo a:hover {
    text-decoration: none;
}

.innerLogo img {
    width: 40px;
}

.innerTopMenu {
    margin-left: 0px;
    text-transform: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
}

    .innerTopMenu ul {
        margin: 0px;
        padding: 0px;
    }

        .innerTopMenu ul li.icon {
            float: left;
            list-style: none;
            width: 90px;
            margin-right: 0px;
        }


            .innerTopMenu ul li.icon a i {
                color: #000;
                font-size: 23px;
            }

            .innerTopMenu ul li.icon.active a i {
                color: #fff;
            }

            .innerTopMenu ul li.icon a i.icon-kids {
                font-size: 29px;
                position: relative;
                top: -3px;
            }

.headingLeft i {
    font-size: 25px;
}

.UserleftSection {
    flex: auto;
    background: #fff;
    scrollbar-color: #0193e1 #eee;
    scrollbar-width: thin;
    overflow: hidden;
    overflow: auto;
    width: 300px;
    background: #ebf6fe;
    border-right: #dfedf7 solid 1px;
    padding: 20px 0 0 0;
    height: 100%;
}



.innerTopMenu ul li.icon.active a {
    background: #3162AA;
}

.innerTopMenu ul li.icon a {
    text-decoration: none;
}

    .innerTopMenu ul li.icon a span {
        display: none;
    }

.innerTopMenu ul li.icon a {
    display: block;
    background: #ffffff;
    padding: 14px 0;
    text-align: center;
}

    .innerTopMenu ul li.icon a:hover {
        display: block;
        background: #3162AA;
        cursor: pointer;
    }

.innerTopMenu ul li.icon.active a:hover i {
    display: none;
}

.innerTopMenu ul li.icon.active a:hover span {
    display: block;
    font-size: 13px;
    font-family: 'Proxima Nova Lt';
    padding: 2px 0;
    color: #ffffff;
    text-align: center;
}

.innerTopMenu ul li.icon a:hover span {
    display: block;
    font-size: 13px;
    font-family: 'Proxima Nova Lt';
    padding: 2px 0;
    color: #ffffff;
    text-align: center;
}

.innerTopMenu ul li.icon a:hover i {
    display: none;
}

.rightUser {
    margin-left: 40px;
    text-transform: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

    .rightUser span {
        background: #3162AA;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: #ffffff;
        width: 28px;
        border-radius: 50%;
        height: 28px;
        text-align: center;
        padding: 2px 0 0 0;
        cursor: pointer;
    }

.rightUserrole span {
    background: #3162AA;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #ffffff;
    width: 28px;
    border-radius: 50%;
    height: 28px;
    text-align: center;
    padding: 2px 0 0 0;
    cursor: pointer;
}

/* End Inner Header */

/* Main Section */
.mainSection {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
    padding-top: 48px;
    z-index: 1;
}

.leftSection {
    flex: auto;
    background: #fff;
    scrollbar-color: #0193e1 #eee;
    scrollbar-width: thin;
    overflow: hidden;
    overflow: auto;
    width: 300px;
    background: #ebf6fe;
    border-right: #dfedf7 solid 1px;
    padding: 20px 0 0 0;
    height: 100%;
}

    .leftSection h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: #000000;
        margin: 5px 20px 20px 20px;
        padding-bottom: 15px;
        border-bottom: #dfedf7 solid 1px;
        font-weight: 600;
    }

    .leftSection ul {
        margin: 0px;
        padding: 0px 0 0 0px;
        max-height: 70%;
        overflow: hidden;
        overflow-y: auto;
    }

        .leftSection ul li {
            list-style: none;
        }

            .leftSection ul li a {
                display: block;
                padding: 15px 15px 15px 30px;
                font-size: 14px;
                color: #000000;
                font-family: 'Montserrat', sans-serif;
                text-decoration: none;
                position: relative;
                cursor: pointer;
            }

                .leftSection ul li a:hover {
                    background: #dae8f3;
                    cursor: pointer;
                }

                .leftSection ul li a:focus {
                    background: #dae8f3;
                }

                .leftSection ul li a.active {
                    background: #dae8f3;
                    color: #000000;
                    font-weight: 600;
                }

            .leftSection ul li svg {
                font-size: 20px;
                color: #666d8a;
                display: inline-block;
                vertical-align: top;
            }

ul.ReportMenu li svg {
    font-size: 20px;
    color: #666d8a;
    display: inline-block;
    vertical-align: top;
}

ul.ReportMenu li svg {
    font-size: 20px;
    color: #666d8a;
    fill: #666d8a;
    display: inline-block;
    vertical-align: top;
}

ul.ReportMenu li a.active svg {
    fill: #000000;
}

.leftSection ul li:nth-child(1) a i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -11px -7px;
    margin: auto;
    float: left;
}

.leftSection ul li:nth-child(2) a i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -11px -57px;
    margin: auto;
    float: left;
}

.leftSection ul li:nth-child(3) a i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -11px -105px;
    margin: auto;
    float: left;
}

.leftSection ul li:nth-child(4) a i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -10px -154px;
    margin: auto;
    float: left;
}

.leftSection ul li:nth-child(5) a i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -10px -204px;
    margin: auto;
    float: left;
}

/*.leftSection ul li:nth-child(6) a i {
                width: 22px;
                height: 22px;
                background: url(/images/leftIcons.png) no-repeat;
                background-position: -10px -204px;
                margin: auto;
                float: left;
            }*/
.leftSection ul li:nth-child(6) a i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    margin-right: 0;
    color: #666d8a;
}

.leftSection ul li a i.NotificationsIcon {
    width: auto;
    height: auto;
    background: none;
    float: left;
    font-size: 18px;
    color: #666d8a;
    margin-right: 10px;
}

.leftSection ul li:nth-child(6) a i:before {
    content: "\f073";
    font-size: 18px;
    padding-left: 5px;
}

.leftSection ul li a span {
    padding-left: 10px;
    position: relative;
    top: 0px;
    display: inline-block;
    width: 80%;
}

.UserleftSection {
    flex: auto;
    background: #fff;
    scrollbar-color: #0193e1 #eee;
    scrollbar-width: thin;
    overflow: hidden;
    overflow: auto;
    width: 300px;
    background: #ebf6fe;
    border-right: #dfedf7 solid 1px;
    padding: 20px 0 0 0;
    height: 100%;
}

    .UserleftSection h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: #000000;
        margin: 5px 20px 20px 20px;
        padding-bottom: 15px;
        border-bottom: #dfedf7 solid 1px;
        font-weight: 600;
    }

    .UserleftSection ul {
        margin: 0px;
        padding: 0px 0 0 0px;
    }

        .UserleftSection ul li {
            list-style: none;
            position: relative;
        }

            .UserleftSection ul li #lblTeamCount {
                position: absolute;
                right: 24px;
                top: 15px;
            }

.leftSection ul li #lblTeamCount {
    position: absolute;
    right: 24px;
    top: 15px;
}


.UserleftSection ul li a {
    display: block;
    padding: 15px 0 15px 18px;
    font-size: 14px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

    .UserleftSection ul li a:hover {
        background: #dae8f3;
    }

    .UserleftSection ul li a:focus {
        background: #dae8f3;
    }

    .UserleftSection ul li a.active {
        background: #dae8f3;
        color: #000000;
        font-weight: 600;
    }

    .UserleftSection ul li a span {
        padding-left: 10px;
    }

.divider {
    background: #dfedf7;
    width: 80%;
    height: 1px;
    margin: 40px auto 20px auto;
}

.addNewMaster a {
    display: block;
    padding: 9px 15px;
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-weight: 600;
    float: right;
    background: #20AC65;
    border-radius: 0.25rem;
    margin-left: 10px;
}

.text-success {
    color: #20AC65;
}

.addNewMaster a i {
    background: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #20AC65;
    font-size: 12px;
    text-align: center;
    padding: 2px;
    line-height: 16px;
}

.editnew i {
    font-size: 18px;
    color: #28a745;
    /* color: #13c56b; */
    background-color: rgba(19,197,107,.1);
    border-radius: 30px;
    padding: 6px 0;
    width: 35px;
    height: 35px;
    line-height: 26px;
    text-align: center;
}

.newReport button {
    display: block;
    padding: 9px 15px;
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-weight: 600;
    float: right;
    background: #20AC65;
    border-radius: 0.25rem;
}

    .newReport button i {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        line-height: 16px;
        margin-right: 1px;
    }

.newReport div {
    float: left;
    padding: 9px 13px;
}

.newReport div {
    display: block;
    padding: 9px 15px;
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-weight: 600;
    float: right;
    background: #20AC65;
    border-radius: 0.25rem;
    cursor: pointer;
}

    .newReport div i {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        line-height: 16px;
        margin-right: 1px;
    }

.editnew .text-primary {
    background: rgba(102,145,231,.18);
    color: #6691e7 !important;
}

.editnew .text-warning {
    background: rgb(255 150 27 / 18%);
    color: #ff961b !important;
}

.editnew .text-delete {
    background: rgb(255 48 27 / 18%);
    color: #ff451b !important;
}

.editnew {
    font-size: 14px;
    color: #3162AA;
    display: inline-block;
}

.addNewMaster a span {
    padding-left: 10px;
}

.rightSection {
    flex: auto;
    background: #fff;
    scrollbar-color: #0193e1 #eee;
    scrollbar-width: thin;
    overflow-x: hidden;
    background: #ffffff;
    width: 100%;
}

.rightHeader {
    font-size: 16px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
}

    .rightHeader h2 {
        font-size: 16px;
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        text-decoration: none;
        font-weight: 600;
        padding: 24px 24px 10px 24px;
        display: flex;
        align-items: baseline;
    }


.projectHeading {
    position: relative;
    top: -3px;
}

.rightHeader h2 i {
    /*width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -11px -7px;
    margin: auto;
    float: left;*/
    margin-right: 5px;
    font-size: 19px;
}

    .rightHeader h2 i.NotificationsIcon {
        background: transparent;
        margin-right: 5px;
    }

.rightHeader h2.JournalIcon i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -11px -57px;
    margin: auto;
    float: left;
    margin-right: 10px;
}

.rightHeader h2.AuthorsIcon i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -11px -105px;
    margin: auto;
    float: left;
    margin-right: 10px;
}

.rightHeader h2.ProjectTypelIcon i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -10px -154px;
    margin: auto;
    float: left;
    margin-right: 10px;
}

.rightHeader h2.TaskListlIcon i {
    width: 22px;
    height: 22px;
    background: url(/images/leftIcons.png) no-repeat;
    background-position: -10px -204px;
    margin: auto;
    float: left;
    margin-right: 10px;
}

.rightHeader .divider {
    background: #dfedf7;
    width: 100%;
    height: 1px;
    margin: 0px auto 0px auto;
}

.searchBox {
    width: 100%;
    background: #ffffff;
    /* height: 44px; */
    -webkit-box-shadow: 1px 8px 8px -6px rgb(0 0 0 / 10%);
    -moz-box-shadow: 1px 8px 8px -6px rgba(0,0,0,0.1);
    box-shadow: 1px 8px 8px -6px rgb(0 0 0 / 10%);
    position: relative;
    padding: 12px 25px;
}

.search {
    background: #f7f8fa;
    /* width: 266px;   margin: 8px 0 0 0;*/
    height: 40px;
    padding: 0px 8px;
    font-size: 13px;
    color: #22293b;
    border-radius: 3px;
    line-height: 38px;
}

    .search input {
        background: transparent;
        width: 100%;
        padding-left: 0;
    }

    .search .icon {
        color: #666d8a;
        font-size: 14px;
        position: absolute;
        right: 25px;
        background: #f7f8fa;
        padding-left: 5px;
    }

.filterSection {
    /*display: flex;
    flex-direction: row;
    justify-content: flex-end;*/
}

.filterSectionLeft {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    margin-right: -15px;
    margin-left: -15px;
}

    .filterSectionLeft .marL10 {
        margin-left: 10px;
    }

.filterSection .NextBtn {
    background: #3162AA;
    color: #ffffff;
    text-decoration: none;
    line-height: 22px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 3px 12px;
    position: relative;
    border-radius: 4px;
    margin: 0 8px 0 0;
    text-align: center;
    font-size: 13px;
}

.filterSection .ExportBtn {
    background: #fdba45;
    border: #fdba45;
    color: #000000;
    padding: 4px 12px;
}

.filterSectionLeft .daysRequired {
    background: #f7f8fa;
    padding: 6px 8px 6px 10px;
    font-size: 13px;
    color: #22293b;
    margin: 0px 0 0 0;
    border-radius: 3px;
}

.filterSectionLeft .selectBox .form-group {
    margin-bottom: 0px;
}

.selectBox {
    width: auto;
    /*margin: 8px 0;*/
}

    .selectBox .statusSelectSection {
        padding-right: 25px;
    }

.selectDate input {
    line-height: 22px !important;
    padding: 8px 0.75rem;
}

.Allcheckbox {
    margin: 12px 8px 0 20px;
    cursor: pointer;
}

.sumitBtn {
    /*  display: flex;
        align-items: center;*/
}

    .sumitBtn button {
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        border-radius: 3px;
        background: #3162AA;
        padding: 9px 17px;
        cursor: pointer;
        width: auto;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

.filter {
    margin: 12px 0 0 0px;
    cursor: pointer;
    font-size: 16px;
    color: #666d8a;
}

    .filter:hover {
        color: #3162AA;
    }

    .filter.active {
        color: #3162AA;
    }

.selectBox select.form-control:not([size]):not([multiple]) {
    height: calc(2.0rem + 2px) !important;
    color: #3162AA;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}

.selectBox .form-control {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 12px;
    color: #495057;
    background: #f7f8fa;
    background-clip: padding-box;
    border: 1px solid #f7f8fa;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-weight: 600;
}

    .selectBox .form-control:focus {
        background-color: #f7f8fa;
        border-color: #f7f8fa;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
    }

.selectBox select.form-control:not([size]):not([multiple]) {
    height: calc(26px + 2px) !important;
    color: #22293b;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}
/* End Main Section */
/* table Section */
.tableSection {
    padding: 0 30px 0px 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 84%;
}

    .tableSection.taskdiv {
        padding: 0px;
    }

    .tableSection .table {
        margin-top: 30px;
        /*display: inline-block;  white-space: nowrap;*/
        overflow-x: auto;
    }

        .tableSection .table .thead-light th .show {
            visibility: hidden;
            position: relative;
            top: -2px;
            left: -3px;
        }

        .tableSection .table .thead-light th:hover .show {
            visibility: visible;
        }

        .tableSection .table .thead-light th {
            font-size: 12px;
            color: #6b7280;
            background: #F0F2F5;
            border: 0px;
            border-bottom: #e5e5e5 solid 1px;
            font-family: 'Montserrat', sans-serif;
            padding: 8px 12px;
            border-right: #e5e5e5 solid 1px;
            cursor: pointer;
            text-transform: uppercase;
            font-weight: 600;
        }

            .tableSection .table .thead-light th:nth-child(1) {
                border-radius: 5px 0 0 0;
                width: 30px;
            }

            .tableSection .table .thead-light th:nth-last-child(1) {
                border-radius: 0px 5px 0px 0;
                border-right: #e5e5e5 solid 0px;
                width: 330px;
            }

            .tableSection .table .thead-light th:nth-child(2) {
                color: #6b7280;
            }

        .tableSection .table tbody th {
            font-size: 14px;
            color: #787f82;
            background: #ffffff;
            border: 0px;
            border-top: 0px !important;
            font-family: 'Montserrat', sans-serif;
            padding: 8px 12px;
            border-right: #e5e5e5 solid 1px;
            border-bottom: #d9dde3 dashed 1px;
            vertical-align: middle;
        }

        .tableSection .table tbody td {
            font-size: 14px;
            color: #6b7280;
            background: #ffffff;
            border: 0px;
            border-top: 0px !important;
            font-family: 'Montserrat', sans-serif;
            padding: 8px 12px;
            border-right: #e5e5e5 solid 1px;
            border-bottom: #d9dde3 dashed 1px;
            vertical-align: middle;
        }

            .tableSection .table tbody td:nth-child(1) {
                width: 30px;
            }

            .tableSection .table tbody td:nth-last-child(1) {
                border-right: #e5e5e5 solid 0px;
            }

            .tableSection .table tbody td:nth-child(2) {
                color: #6b7280;
            }

            .tableSection .table tbody td:nth-child(3) {
                color: #6b7280;
            }

.customLogout .plate {
    background: #F0F2F5;
    padding: 40px;
    border-radius: 10px;
    height: auto !important;
    margin-right: 20px !important;
}

    .customLogout .plate:last-child {
        margin-right: 0px !important;
    }

.tagActive {
    width: 90px;
    color: #ffffff;
    background: #46b000;
    padding: 2px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    display: block;
    text-align: center;
    cursor: pointer;
}

.taginActive {
    width: 90px;
    color: #ffffff;
    background: #ec9d12;
    padding: 2px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    display: block;
    text-align: center;
    cursor: pointer;
}

.tagDelete {
    width: 90px;
    color: #ffffff;
    background: #3162AA;
    padding: 2px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    display: block;
    text-align: center;
    cursor: pointer;
}

.editTherapeutic {
    cursor: pointer;
}
/* end table Section */

/* Filter Box */
.filterBoxSection {
    width: 45%;
    background: #ebf6fe;
    position: relative;
    top: 0px;
    right: -30px;
    max-width: 300px;
    height: 102%;
}

    .filterBoxSection h2 {
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 16px;
        background: #dfedf7;
        padding: 15px;
        border-bottom: #ccddea solid 1px;
    }

.closeIcon {
    color: #000000;
    text-align: right;
    font-weight: 300 !important;
    float: right;
    cursor: pointer;
}

.closeIcon1 {
    color: #000000;
    text-align: right;
    font-weight: 300 !important;
    float: right;
    cursor: pointer;
}

.filterInner {
    padding: 20px;
}

    .filterInner h3 {
        font-size: 14px;
        color: #292e42;
    }

    .filterInner ul {
        margin: 0px;
        padding: 0px;
    }

        .filterInner ul li {
            list-style: none;
            padding: 5px 0;
        }

            .filterInner ul li a {
                color: #323a50;
                font-size: 14px;
                text-decoration: none;
                display: block;
            }

            .filterInner ul li.statusActive i {
                background: #46b000;
                height: 4px;
                width: 10px;
                margin-right: 10px;
                border-radius: 10px;
                display: inline-block;
                position: relative;
                top: -3px;
            }

            .filterInner ul li.statusinActive i {
                background: #fdba45;
                height: 4px;
                width: 10px;
                margin-right: 10px;
                border-radius: 10px;
                display: inline-block;
                position: relative;
                top: -3px;
            }

            .filterInner ul li.statusCompleted i {
                background: #46b000;
                height: 4px;
                width: 10px;
                margin-right: 10px;
                border-radius: 10px;
                display: inline-block;
                position: relative;
                top: -3px;
            }

            .filterInner ul li.statusOnHold i {
                background: #fdba45;
                height: 4px;
                width: 10px;
                margin-right: 10px;
                border-radius: 10px;
                display: inline-block;
                position: relative;
                top: -3px;
            }

        .filterInner ul li {
            color: #323a50;
            font-size: 14px;
            text-decoration: none;
            display: block;
        }

.withSelectedSection {
    width: 45%;
    background: #ebf6fe;
    position: relative;
    top: 0px;
    right: -30px;
    max-width: 300px;
    height: 102%;
}

    .withSelectedSection h2 {
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 16px;
        background: #dfedf7;
        padding: 15px;
        border-bottom: #ccddea solid 1px;
    }

    .withSelectedSection .filterInner ul li {
        list-style: none;
        padding: 10px 0;
    }

    .withSelectedSection ul li:nth-child(1) i {
        width: 22px;
        height: 22px;
        background: url(/images/withSelectedIcon.png) no-repeat;
        background-position: -4px 0px;
        margin: auto;
        float: left;
    }

    .withSelectedSection ul li:nth-child(2) i {
        width: 22px;
        height: 22px;
        background: url(/images/withSelectedIcon.png) no-repeat;
        background-position: -4px -40px;
        margin: auto;
        float: left;
    }
/* End Filter Box */

/* change Status modal */
.changeStatus .modal-header {
    text-align: center;
    border: 0px;
}

.changeStatus .modal-title {
    text-align: center;
    color: #000000;
    font-family: 'Proxima Nova Rg';
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    margin: 30px 0 0 0;
}

.changeStatus .modal-header .close {
    padding: 0;
    margin: 0;
}

.changeStatus .modal-body {
    padding: 1rem 80px;
}

.changeStatus .modal-footer {
    background: #ebf6fe;
    border-top: #c6dae9 solid 1px;
    text-align: center;
    justify-content: center;
}

    .changeStatus .modal-footer .saveBtn {
        background: #3162AA;
        color: #ffffff;
        font-size: 14px;
        border-radius: 3px;
        padding: 8px 50px;
        font-family: 'Montserrat', sans-serif;
    }

        .changeStatus .modal-footer .saveBtn:hover {
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            transition: all .35s;
            background: #7b1412;
            text-transform: none;
            text-decoration: none;
        }

        .changeStatus .modal-footer .saveBtn:focus {
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            transition: all .35s;
            background: #7b1412;
            text-transform: none;
            text-decoration: none;
        }

.saveBtn {
    background: #3162AA;
    color: #ffffff;
    font-size: 14px;
    border-radius: 3px;
    padding: 8px 50px;
    font-family: 'Montserrat', sans-serif;
}

    .saveBtn:hover {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        background: #7b1412;
        text-transform: none;
        text-decoration: none;
    }

    .saveBtn:focus {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        background: #7b1412;
        text-transform: none;
        text-decoration: none;
    }

.changeStatus .modal-dialog {
    margin: 7.75rem auto;
    max-width: 600px;
}

    .changeStatus .modal-dialog label {
        font-family: 'Montserrat', sans-serif;
        color: #565656;
        font-size: 13px;
        position: relative;
        display: flex;
        align-items: center;
    }

.labelSessionDate {
    font-family: 'Montserrat', sans-serif !important;
    /*color: #565656 !important;*/
    font-weight: bold !important;
    font-size: 11px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}


.flexalign {
    display: flex;
    align-items: end;
}

.required {
    color: #e00500;
    font-weight: 600;
}

.changeStatus .modal-dialog .form-control {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    border: solid 1px #e0e7ee;
    height: auto;
    color: #5b5b5b;
    padding: 9px 0.75rem;
}

.capitalize {
    text-transform: capitalize !important;
}

.modal-dialog.addNewMasterSection .newProjectform {
    padding: 0px;
}

.select-style {
    border: 1px solid #c0c0c0;
    width: 50%;
    border-radius: 3px;
    overflow: hidden;
    background: #ffffff url("/images/arrow.png") no-repeat 90% 50%;
}

.changeStatus .form-control.ArrowIcons {
    display: block;
    width: 100%;
    padding: 9px 0.75rem;
    line-height: 1.5;
    color: #495057;
    /* background: #ffffff url(/images/arrow.png) no-repeat 96% 50%; */
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    border: solid 1px #e0e7ee;
    height: auto;
    color: #5b5b5b;
}

.changeStatus select.form-control {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

    .select-style select:focus {
        outline: none;
    }

.select-style option {
    padding: 15px;
}

.select-style option1 {
    padding: 15px;
}

.selectActive {
    color: #3162AA;
}

.selectinActive {
    color: #e49814;
}

.selectCompleted {
    color: #0078fe;
}

.selectinOnhold {
    color: #8a4aa3;
}

.changeStatus .text {
    font-size: 14px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-align: center;
    line-height: 36px;
    margin-bottom: 20px;
}

.cancelBtn1 {
    background: #ffffff;
    color: #000000;
    font-size: 14px;
    border-radius: 3px;
    padding: 8px 30px;
    font-family: 'Proxima Nova Rg';
    border: #ffffff solid 1px;
    margin-left: 20px !important;
}

    .cancelBtn1:hover {
        background: #ffffff;
        color: #000000;
        font-family: 'Proxima Nova Rg';
        border: #ffffff solid 1px;
    }

.changeStatus .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    background: #ffffff;
    color: #000000;
    border: #ffffff solid 1px;
}

    .changeStatus .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

.changeStatus .modal-footer .saveBtn1 {
    background: #3162AA;
    color: #ffffff;
    font-size: 14px;
    border-radius: 3px;
    padding: 8px 30px;
    font-family: 'Proxima Nova Rg';
    border-color: transparent;
}

.changeStatus .modal-body.selectedDeleteBox {
    padding: 1rem 20px;
}

#addNewMasterSection.changeStatus .modal-body.selectedDeleteBox {
    padding: 1rem 20px;
}

.modal-dialog.addNewMasterSection {
    margin: 2.75rem auto;
    max-width: 900px;
}

.modal-dialog.editNewMasterSection {
    margin: 2.75rem auto;
    max-width: 800px;
}

    .modal-dialog.editNewMasterSection .newProjectform {
        padding: 0px;
    }

.modal-dialog.editNewMasterSection1 {
    margin: 2.75rem auto;
    max-width: 800px;
}

    .modal-dialog.editNewMasterSection1 .newProjectform {
        padding: 0px;
    }

    .modal-dialog.editNewMasterSection1 .formsection {
        position: relative;
        padding: 20px;
        min-height: 340px;
        max-height: 340px;
        overflow: hidden;
        overflow-y: auto;
    }

#modalAddNewTask .modal-dialog.editNewMasterSection1 .formsection {
    position: relative;
    padding: 20px;
    min-height: 360px;
    max-height: 340px;
    overflow: hidden;
    overflow-y: auto;
}

button.close.closeBtnSection {
    position: absolute;
    right: 33px;
    z-index: 2;
    top: 10px;
    background: #f0f2f5;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    font-size: 22px;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    line-height: 4px;
}

    button.close.closeBtnSection span {
        position: relative;
        top: 1px;
        left: 0px;
        font-size: 22px;
        color: #000000;
    }

div.close.closeBtnSection {
    position: absolute;
    right: 10px;
    z-index: 2;
    top: 10px;
    background: #f0f2f5;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    font-size: 22px;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    line-height: 4px;
}

    div.close.closeBtnSection span {
        position: relative;
        top: 12px;
        left: 0px;
        font-size: 22px;
        color: #000000;
    }

.addNewMasterSection div.close.closeBtnSection span {
    position: relative;
    top: 11px;
    left: 0px;
    font-size: 22px;
    color: #000000;
}

.addNewMasterSection button.close.closeBtnSection span {
    position: relative;
    top: 1px;
    left: 0px;
    font-size: 22px;
    color: #000000;
}

.filterInner ul li a#selectNone {
    color: #3162AA;
}
/* End change Status modal */


/* add Project Popup Css */

.addNewMasterSection .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom: 0;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}

.addNewMasterSection .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #ccc;
}

    .addNewMasterSection .nav-tabs .nav-link.active {
        color: #495057;
        background-color: #e4f0f9 !important;
        border-color: transparent !important;
    }

.addNewMasterSection .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
}

.addNewMasterSection .tab-content > .active {
    display: block;
    background: #e4f0f9;
    min-height: 165px;
}

.addNewMasterSection .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom: 0;
    border-right: 1px solid transparent;
    padding-right: 15px;
}

.tabBg {
    background: #ebf6fe;
    width: 100%;
    border-right: #deebf5 solid 1px;
    min-height: 600px;
    padding: 0px;
    max-width: 260px;
}

.popupLeftHeading {
    padding: 20px 20px 15px 20px;
}

    .popupLeftHeading h2 {
        color: #505457;
        font-size: 16px;
        font-weight: 600;
        border-bottom: #dfedf7 solid 1px;
        padding: 0 0px 15px 0;
        margin: 0px;
    }

.tabBg .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #151a26;
    background-color: #e4f0f9;
    border-radius: 0px;
    font-weight: 600;
}

    .tabBg .nav-pills .nav-link.active, .nav-pills .show > .nav-link:before {
        content: "";
        display: block;
        border-left: #3162AA solid 4px;
    }

.tabBg .nav-pills .nav-link {
    font-size: 14px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-radius: 0px;
    padding: 10px 25px;
    border-left: #e4f0f9 solid 4px;
}

.newProjectform {
    padding: 20px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

    .newProjectform .tab-content > .active {
        display: block;
        background: #ffffff;
        min-height: 165px;
    }

    .newProjectform h2 {
        font-size: 18px;
        color: #000000;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
    }

.formsection {
    position: relative;
    padding: 20px;
    /*min-height: 515px;*/
    max-height: 515px;
    overflow: hidden;
    overflow-y: auto;
}

    .formsection .submitBtn {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        border: 0px;
        border-radius: 5px;
        background: #3162AA;
        padding: 10px 0px;
        cursor: pointer;
        width: 220px;
        text-align: center;
    }

        .formsection .submitBtn:hover {
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            transition: all .35s;
            background: #23539a;
            text-transform: none;
            text-decoration: none;
        }

        .formsection .submitBtn:focus {
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            transition: all .35s;
            background: #7b1412;
            text-transform: none;
            text-decoration: none;
        }

    .formsection .submitLinkBtn {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #20AC65;
        border: 0px;
        border-radius: 5px;
        cursor: pointer;
        width: 220px;
        text-decoration: underline;
    }

        .formsection .submitLinkBtn:hover {
            font-family: 'Montserrat', sans-serif;
            color: #3162AA;
            transition: all .35s;
            text-transform: none;
            text-decoration: none;
        }

        .formsection .submitLinkBtn:focus {
            font-family: 'Montserrat', sans-serif;
            color: #7b1412;
            transition: all .35s;
            text-transform: none;
            text-decoration: none;
        }

    .formsection .removeLinkBtn {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #dc3545;
        border: 0px;
        border-radius: 5px;
        cursor: pointer;
        width: 220px;
        text-decoration: underline;
    }

        .formsection .removeLinkBtn:hover {
            font-family: 'Montserrat', sans-serif;
            color: #3162AA;
            transition: all .35s;
            text-transform: none;
            text-decoration: none;
        }

        .formsection .removeLinkBtn:focus {
            font-family: 'Montserrat', sans-serif;
            color: #7b1412;
            transition: all .35s;
            text-transform: none;
            text-decoration: none;
        }

.mTop30 {
    margin-top: 30px;
}

.addressSection h3 {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0 10px 0;
}

.addressSection .mb20 {
    margin-bottom: 1rem;
}
/* End add Project Popup Css */

/* tooltip Css */
.tooltip-inner {
    font-size: 12px;
    background-color: #4a4d4f;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: transparent;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #4a4d4f;
}
/* End tooltip Css */

::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f0f2f5;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #3162AA;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #235194;
    }





.customTable .table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
.customTable .table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f0f2f5;
    border-radius: 10px;
}

/* Handle */
.customTable .table::-webkit-scrollbar-thumb {
    background: #3162AA;
    border-radius: 10px;
}

    /* Handle on hover */
    .customTable .table::-webkit-scrollbar-thumb:hover {
        background: #235194;
    }


/* Loader */
.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #ffffff;
    z-index: 999999999;
}

    .loading .loader {
        position: absolute;
        top: 30%;
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        transform: translateY(-30%);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
    }

    .loading .version {
        font-family: sans-serif;
        font-size: 14px;
        color: #000;
        margin: 20px 0 20px 0;
        width: 150px;
        text-align: center;
    }

    .loading .caption {
        font-family: sans-serif;
        font-size: 14px;
        color: #78787b;
        margin: 0px 0 0 0;
        width: 150px;
        text-align: center;
    }

    .loading .temp-down {
        font-family: sans-serif;
        font-size: 14px;
        color: #78787b;
        margin: 20px 0 0 0;
        width: 500px;
        text-align: center;
    }

        .loading .temp-down p {
            font-size: 20px;
        }
/* End Loader */
.colorpicker {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    border: solid 1px #e0e7ee;
    height: auto;
    color: #5b5b5b;
    padding: 5px 5px;
    border-radius: 0.25rem;
    position: relative;
    min-height: 39px;
}

    .colorpicker span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 13px;
        height: auto;
        color: #5b5b5b;
        position: relative;
        top: 5px;
        left: 5px;
    }

    .colorpicker .picker {
        position: absolute;
        right: 10px;
        top: 5px;
    }

.colorpicker1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    border: solid 1px #e0e7ee;
    height: auto;
    color: #5b5b5b;
    padding: 5px 5px;
    border-radius: 0.25rem;
    position: relative;
    min-height: 39px;
}

    .colorpicker1 span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 13px;
        height: auto;
        color: #5b5b5b;
        position: relative;
        top: 5px;
        left: 5px;
    }

    .colorpicker1 .picker {
        position: absolute;
        right: 10px;
        top: 5px;
    }
/*AddNew User*/

#addNewUserSection.changeStatus .modal-body.selectedDeleteBox {
    padding: 1rem 20px;
}

.modal-dialog.addNewUserSection {
    margin: 2.75rem auto;
    max-width: 1100px;
}

.addNewUserSection .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom: 0;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}

.addNewUserSection .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #ccc;
}

    .addNewUserSection .nav-tabs .nav-link.active {
        color: #495057;
        background-color: #e4f0f9 !important;
        border-color: transparent !important;
    }

.addNewUserSection .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
}

.addNewUserSection .tab-content > .active {
    display: block;
    background: #ffffff;
    min-height: 165px;
}

.addNewUserSection .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom: 0;
    border-right: 1px solid transparent;
    padding-right: 15px;
}

.checkboxNewUser label {
    padding-left: 0px;
    margin-left: 0px;
}
/*End AddNew User*/

/* Select Box */
* {
    outline: 0;
    font-family: 'Montserrat', sans-serif;
}

span.msg, span.choose {
    color: #555;
    padding: 5px 0 10px;
    display: inherit
}

.container {
    width: 500px;
    margin: 50px auto 0;
    text-align: center
}
/*Styling Selectbox*/
.dropdown {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    transition: all .5s ease;
    position: relative;
    font-size: 13px;
    text-align: left;
    border: solid 1px #e0e7ee;
    height: auto;
    color: #5b5b5b;
}

    .dropdown .select {
        cursor: pointer;
        display: block;
        padding: 10px
    }

        .dropdown .select > i {
            font-size: 13px;
            color: #888;
            cursor: pointer;
            transition: all .3s ease-in-out;
            float: right;
            line-height: 20px
        }

    .dropdown:hover {
        box-shadow: 0 0 4px rgb(204, 204, 204, 0.5)
    }

    .dropdown:active {
        background-color: #f8f8f8
    }
    /* .dropdown.active:hover,
.dropdown.active {
border-radius: 5px 5px 0 0;
background-color: #f8f8f8
} */
    .dropdown.active .select > i {
        transform: rotate(-180deg)
    }

    .dropdown .dropdown-menu {
        position: absolute;
        background-color: #fff;
        width: 100%;
        left: 0;
        margin-top: 1px;
        box-shadow: 0 0 4px rgb(204, 204, 204, 0.5);
        border-radius: 0.25rem;
        overflow: hidden;
        overflow-y: auto;
    }

        .dropdown .dropdown-menu li {
            padding: 10px;
            transition: all .2s ease-in-out;
            cursor: pointer;
            font-size: 13px;
        }

    .dropdown .dropdown-menu {
        padding: 0;
        list-style: none
    }

        .dropdown .dropdown-menu li:hover {
            background-color: #f2f2f2
        }

        .dropdown .dropdown-menu li:active {
            background-color: #e2e2e2
        }

.custom-select {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    border: solid 1px #e0e7ee;
    height: auto;
    color: #5b5b5b;
    padding: 9px 0.75rem;
}
/* End Select */

/* Avatar */
.fileImg {
    width: 103px;
    Height: 103px;
    border: #c0c0c0 solid 1px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    padding: 9px;
    position: relative;
}

    .fileImg img {
        max-width: 103px;
        /*max-height: 100px;*/
        max-height: 103px;
        position: absolute;
        top: 70%;
        left: 80%;
        transform: translate(-50%, -50%);
    }

    .fileImg #addavatart {
        top: 27px;
        left: 15px;
        cursor: pointer;
        color: #3162AA;
        font-size: 13px;
    }

.changeBtn {
    display: none;
    float: left;
    position: relative;
}

#changeBtnPM {
    display: none;
    float: left;
    position: relative;
}

.changeBtn label {
    cursor: pointer;
    color: #333333;
    font-size: 13px;
    border: #c0c0c0 solid 1px;
    border-radius: 5px;
    padding: 8px 15px;
    font-weight: 600;
    margin-top: 37px;
    margin-left: 20px;
}

.hide {
    visibility: hidden;
}

.closeBtn {
    cursor: pointer;
    position: absolute;
}

#closeBtnPM {
    cursor: pointer;
    position: absolute;
}

.imgUpload input {
    display: none;
}
/* End Avatar */
.imgSizeInfo {
    display: block;
    font-size: 11px;
    margin: 10px 0 0 10px;
    color: #a0a0a0;
}
/* Select Date */
.Selectdate {
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    border: solid 1px #e0e7ee;
    height: auto;
    color: #5b5b5b;
    padding: 9px 0.75rem;
    border-radius: 0.25rem;
}

    .Selectdate:focus {
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    }

    .Selectdate::placeholder {
        color: #5b5b5b;
    }
/* End Select Date */
.NextBtn {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border: 0px;
    border-radius: 5px;
    background: #3162AA;
    padding: 10px 50px;
    cursor: pointer;
    width: auto;
    text-align: center;
    border: #3162AA solid 1px;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
}

    .NextBtn:hover {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        background: #7b1412;
        text-transform: none;
        text-decoration: none;
    }

    .NextBtn:focus {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        background: #7b1412;
        text-transform: none;
        text-decoration: none;
    }

.withColor {
    padding-right: 40px !important;
}

.colorSelect {
    position: absolute;
    top: 6px;
    right: 20px;
}

.inviteTeam {
    position: relative;
}

    .inviteTeam h2 {
        font-size: 14px;
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        background: #ffffff;
        z-index: 2;
        position: relative;
        display: inline-block;
        padding-right: 10px;
    }

    .inviteTeam .required {
        font-size: 18px;
        position: relative;
        top: 2px;
    }

.borderBottom {
    border-bottom: #aac2d4 dashed 1px;
    position: absolute;
    top: 12px;
    z-index: 1;
    width: 90%;
}

.inviteTeam .imgUpload {
    margin-top: 10px;
}

.teamName {
    font-size: 13px;
    color: #565656;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    top: 8px;
    font-weight: 600;
    display: none;
}
/* Reviewer */
.teamName1 {
    font-size: 13px;
    color: #565656;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    top: 8px;
    font-weight: 600;
    display: none;
}

.fileImg #addavatart1 {
    top: 27px;
    left: 22px;
    cursor: pointer;
    color: #3162AA;
    font-size: 13px;
}

.changeBtn1 {
    display: none;
    float: left;
    position: relative;
}

    .changeBtn1 label {
        cursor: pointer;
        color: #333333;
        font-size: 13px;
        border: #c0c0c0 solid 1px;
        border-radius: 5px;
        padding: 8px 15px;
        font-weight: 600;
        margin-top: 37px;
        margin-left: 20px;
    }

.closeBtn1 {
    cursor: pointer;
    position: absolute;
}
/* End Reviewer */
/* Main Writer */
.teamName2 {
    font-size: 13px;
    color: #565656;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    top: 8px;
    font-weight: 600;
    display: none;
}

.fileImg #addavatart2 {
    top: 27px;
    left: 22px;
    cursor: pointer;
    color: #3162AA;
    font-size: 13px;
}

.changeBtn2 {
    display: none;
    float: left;
    position: relative;
}

    .changeBtn2 label {
        cursor: pointer;
        color: #333333;
        font-size: 13px;
        border: #c0c0c0 solid 1px;
        border-radius: 5px;
        padding: 8px 15px;
        font-weight: 600;
        margin-top: 37px;
        margin-left: 20px;
    }

.closeBtn2 {
    cursor: pointer;
    position: absolute;
}
/* End Main Writer */
/* Search */
.has-search {
    position: relative;
}

    .has-search .form-control {
        padding-right: 2.375rem;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
        right: 0px;
    }
/* End Search */
/* clickTeamList */

.clickTeamList {
    width: 103px;
    Height: 103px;
    border: #c0c0c0 solid 1px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    padding: 0px;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
}

    .clickTeamList img {
        width: 100%;
    }

    .clickTeamList span {
        top: 50%;
        left: 50%;
        cursor: pointer;
        color: #3162AA;
        font-size: 13px;
        position: absolute;
        margin: -10px 0 0 -18px;
    }

.clickTeamListAddMore {
    width: 103px;
    Height: 103px;
    border: #c0c0c0 solid 1px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    padding: 0px;
    position: relative;
    cursor: pointer;
    margin-top: -123px;
    margin-left: 242px;
}

    .clickTeamListAddMore span {
        top: 50%;
        left: 35%;
        cursor: pointer;
        color: #3162AA;
        font-size: 13px;
        position: absolute;
        margin: -10px 0 0 -18px;
    }

.teamSelectList .teamName {
    display: none;
}

.teamSelectList .changeBtn {
    display: none;
    float: left;
    position: relative;
    padding: 10px 0 0 10px;
}
/* End clickTeamList */
/* inviteTeamList */
.inviteTeamList .modal-dialog {
    max-width: 550px;
}

.inviteTeamList .modal-header {
    background: #ebf6fe;
    display: block;
    border-bottom: #c6dae9 solid 1px;
}

    .inviteTeamList .modal-header .modal-title {
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        font-family: 'Montserrat', sans-serif;
    }

    .inviteTeamList .modal-header .form-group {
        margin-bottom: 0px;
        margin-top: 9px;
    }

    .inviteTeamList .modal-header button.close {
        position: absolute;
        z-index: 11;
        right: 10px;
        top: 10px;
        margin: 0px !important;
        padding: 0px !important;
    }

    .inviteTeamList .modal-header .form-control {
        display: block;
        width: 100%;
        padding: 6px 0.75rem;
        font-size: 12px;
        line-height: 1.5;
        color: #565656;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #c0c0c0;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .inviteTeamList .modal-header .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.0rem;
        line-height: 2.0rem;
        text-align: center;
        pointer-events: none;
        color: #666d8a;
        right: 0px;
    }

.inviteTeamList .modal-body {
    height: 50vh;
    overflow: hidden;
    overflow-y: auto;
}

.inviteTeamList .modal-footer {
    background: #ebf6fe;
    display: block;
    border-top: #c6dae9 solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
}

.inviteTeamList .submitBtn {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border: 0px;
    border-radius: 5px;
    background: #3162AA;
    padding: 10px 40px;
    cursor: pointer;
    width: auto;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    transition: all .35s;
}

    .inviteTeamList .submitBtn:hover {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        background: #7b1412;
        text-transform: none;
        text-decoration: none;
    }

    .inviteTeamList .submitBtn:focus {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        background: #7b1412;
        text-transform: none;
        text-decoration: none;
    }

.listteam ul {
    margin: 0px;
    padding: 0px;
}

    .listteam ul li {
        list-style: none;
        border-bottom: #aac2d4 dashed 1px;
        padding: 15px 0 15px 0;
        position: relative;
    }

        .listteam ul li:nth-last-child(1) {
            border-bottom: #aac2d4 dashed 0px;
        }

        .listteam ul li .userImg {
            float: left;
            width: 64px;
            height: 64px;
            overflow: hidden;
            border-radius: 50px;
        }

            .listteam ul li .userImg img {
                width: 100%;
            }

        .listteam ul li .userInfo {
            float: left;
            margin-left: 20px;
            margin-top: 13px;
        }

            .listteam ul li .userInfo h4 {
                font-size: 14px;
                color: #22293b;
                margin: 0px;
            }

            .listteam ul li .userInfo p {
                font-size: 13px;
                color: #787f82;
                margin: 3px 0 0 0;
            }

        .listteam ul li.active .load-complete {
            -webkit-animation: none;
            animation: none;
            border-color: #5cb85c;
            transition: border 500ms ease-out;
        }

        .listteam ul li.active .checkmark {
            display: block;
            position: absolute;
            top: 48px;
            right: 40px;
        }

.checkmark {
    display: none;
}

.circle-loader {
    margin-bottom: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}

    .checkmark.draw:after {
        animation-duration: 800ms;
        animation-timing-function: ease;
        animation-name: checkmark;
        transform: scaleX(-1) rotate(135deg);
    }

    .checkmark:after {
        opacity: 1;
        height: 2.0em;
        width: 1.2em;
        transform-origin: left top;
        border-right: 3px solid #5cb85c;
        border-top: 3px solid #5cb85c;
        content: '';
        left: 0;
        top: 0;
        position: absolute;
    }

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 1.2em;
        opacity: 1;
    }

    40% {
        height: 2.0em;
        width: 1.2em;
        opacity: 1;
    }

    100% {
        height: 2.0em;
        width: 1.2em;
        opacity: 1;
    }
}

.buttonSection {
    text-align: right;
}

.PreviousBtn {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    border: 0px;
    border-radius: 5px;
    background: #ffffff;
    padding: 10px 50px;
    cursor: pointer;
    width: auto;
    text-align: center;
    border: #c0c0c0 solid 1px;
    margin-right: 25px;
    display: inline-block;
    transition: all .35s;
    font-family: 'Montserrat', sans-serif;
}

    .PreviousBtn:hover {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        background: #3162AA;
        text-transform: none;
        text-decoration: none;
        border: #3162AA solid 1px;
    }

    .PreviousBtn:focus {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        border: #3162AA solid 1px;
        background: #3162AA;
        text-transform: none;
        text-decoration: none;
    }

#addNewProjectSection .modal-body {
    padding: 0px;
}

#addNewProjectSection .addNewMasterSection .nav.nav-tabs {
    float: none;
    display: block;
    margin-right: 0;
    border-bottom: 0;
    border-right: 0px solid transparent;
    padding-right: 0;
}

#addNewProjectSection .addNewMasterSection .nav-tabs .nav-link {
    background: transparent;
    font-size: 14px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-radius: 0px;
    padding: 10px 25px;
    position: relative;
}

    #addNewProjectSection .addNewMasterSection .nav-tabs .nav-link.active {
        color: #151a26;
        background-color: #e4f0f9;
        border-radius: 0px;
        font-weight: 600;
    }

        #addNewProjectSection .addNewMasterSection .nav-tabs .nav-link.active:before {
            content: "";
            background: #3162AA;
            height: 42px;
            width: 4px;
            position: absolute;
            top: 0px;
            left: -1px;
        }

#addNewProjectSection .addNewMasterSection .nav-tabs .nav-item.active a {
    color: #151a26;
    background-color: #e4f0f9;
    border-radius: 0px;
    font-weight: 600;
}

    #addNewProjectSection .addNewMasterSection .nav-tabs .nav-item.active a:before {
        content: "";
        background: #3162AA;
        height: 42px;
        width: 4px;
        position: absolute;
        top: 0px;
        left: -1px;
    }

#addNewProjectSection .formsection {
    position: relative;
    padding: 20px;
    min-height: 515px;
    max-height: 515px;
    overflow: hidden;
    overflow-y: auto;
}
/* End inviteTeamList */
/* Edit Projects */

#ProjectsEdit .modal-body {
    padding: 0px;
}

#ProjectsEdit .addNewMasterSection .nav.nav-tabs {
    float: none;
    display: block;
    margin-right: 0;
    border-bottom: 0;
    border-right: 0px solid transparent;
    padding-right: 0;
}

#ProjectsEdit .addNewMasterSection .nav-tabs .nav-link {
    background: transparent;
    font-size: 14px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-radius: 0px;
    padding: 10px 25px;
    position: relative;
}

    #ProjectsEdit .addNewMasterSection .nav-tabs .nav-link.active {
        color: #151a26;
        background-color: #e4f0f9;
        border-radius: 0px;
        font-weight: 600;
    }

        #ProjectsEdit .addNewMasterSection .nav-tabs .nav-link.active:before {
            content: "";
            background: #3162AA;
            height: 42px;
            width: 4px;
            position: absolute;
            top: 0px;
            left: -1px;
        }

#ProjectsEdit .formsection {
    position: relative;
    padding: 20px;
    min-height: 515px;
    max-height: 515px;
    overflow: hidden;
    overflow-y: auto;
}

#ProjectsEdit .modal-dialog {
    margin: 2.75rem auto;
    max-width: 800px;
}
/* End Edit Project */
/* Project Filter */
.projectFilter h3 {
    font-weight: bold;
    color: #292e42;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
}

.projectFilter ul li {
    color: #323a50;
    font-size: 13px;
    text-decoration: none;
    display: block;
}

.projectFilter .statuscloseBtn {
    color: #3162AA;
    font-size: 20px;
    position: absolute;
    right: 0px;
    top: -4px;
}

.projectFilter .panel-heading {
    padding: 0;
    border: 0;
}

.projectFilter .panel-title {
    position: relative;
}

    .projectFilter .panel-title > a, .panel-title > a:active {
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        color: #292e42;
        font-size: 12px;
        text-transform: uppercase;
        position: relative;
    }

.projectFilter .panel-heading a:before {
    font: normal normal normal 14px/1 FontAwesome;
    /* font-family: 'Glyphicons Halflings'; */
    content: "\f107";
    float: right;
    transition: all 0.5s;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: -7px;
}

.projectFilter .panel.panel-default {
    padding: 20px 0 0 0;
}

.projectFilter .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.projectFilter .checkBoxFilter {
    color: #323a50;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 5px 0;
}

.projectFilter .panel-group .statuscloseBtn {
    color: #3162AA;
    font-size: 20px;
    position: absolute;
    right: 26px;
    top: -4px;
}

.multiProjetcs {
    max-height: 20vh;
    overflow: hidden;
    overflow-y: auto;
}

.filter.active {
    border: #c0c0c0 solid 1px;
    padding: 1px 10px;
    border-radius: 50px;
    width: 60px;
    height: 26px;
    margin: 10px 0 0 0px;
    position: relative;
}

    .filter.active .numberFilter .numbertext {
        position: absolute;
        right: 7px;
        top: 3px;
        font-size: 12px;
        line-height: 16px;
        box-sizing: border-box;
        text-align: center;
        border: 1px solid #4595f7;
        color: #ffffff;
        width: 18px;
        height: 18px;
        border-radius: 10px;
        background-color: #4595f7;
    }

    .filter.active .closeNo {
        display: none;
    }

    .filter.active:hover .numbertext {
        display: none;
    }

    .filter.active:hover .closeNo {
        display: block;
        position: absolute;
        right: 7px;
        top: 1px;
        box-sizing: border-box;
        text-align: center;
        font-size: 21px;
        color: #3162AA;
    }
/* End Project Filter */

/**
* Datetimepicker for Bootstrap v3 - Modified
* https://github.com/Eonasdan/bootstrap-datetimepicker/ 
*/

.bootstrap-datetimepicker-widget {
    top: 0;
    left: 0;
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 99999;
    border-radius: 4px;
}
    /* RQI: Arrow for Bottom */
    .bootstrap-datetimepicker-widget.bottom:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 7px;
    }

    .bootstrap-datetimepicker-widget.bottom:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        position: absolute;
        top: -6px;
        left: 8px;
    }
    /* RQI: Arrow for Top */
    .bootstrap-datetimepicker-widget.top:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #ccc;
        border-top-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: -7px;
        left: 6px;
    }

    .bootstrap-datetimepicker-widget.top:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid white;
        position: absolute;
        bottom: -6px;
        left: 7px;
    }
    /* Days Column Width */
    .bootstrap-datetimepicker-widget .dow {
        width: 14.2857%;
    }

    .bootstrap-datetimepicker-widget.pull-right:before {
        left: auto;
        right: 6px;
    }

    .bootstrap-datetimepicker-widget.pull-right:after {
        left: auto;
        right: 7px;
    }

    .bootstrap-datetimepicker-widget > ul {
        list-style-type: none;
        margin: 0;
    }

    .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
        width: 100%;
        font-size: 20px;
    }

    .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
        width: 4px;
        padding: 0;
        margin: 0;
    }

    .bootstrap-datetimepicker-widget .datepicker > div {
        display: none;
    }

    .bootstrap-datetimepicker-widget .picker-switch {
        text-align: center;
    }

    .bootstrap-datetimepicker-widget table {
        width: 100%;
        margin: 0;
    }

    .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
        text-align: center;
        border-radius: 4px;
    }

        .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new {
            color: #c7c7c7;
        }
        /* Today */
        .bootstrap-datetimepicker-widget td.today {
            position: relative;
        }

            .bootstrap-datetimepicker-widget td.today:before {
                content: '';
                display: inline-block;
                border-left: 7px solid transparent;
                border-bottom: 7px solid #389b98;
                border-top-color: rgba(0, 0, 0, 0.2);
                position: absolute;
                bottom: 4px;
                right: 4px;
            }

        .bootstrap-datetimepicker-widget td.active.today:before {
            border-bottom-color: #fff;
        }

        .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
            background-color: #389b98;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

        .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {
            background: none;
            color: #999999;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget td span {
            display: block;
            width: 47px;
            float: left;
            margin: 2px;
            cursor: pointer;
            border-radius: 4px;
            padding: 5px 0 5px 0;
        }

            .bootstrap-datetimepicker-widget td span:hover {
                background: #eeeeee;
            }

            .bootstrap-datetimepicker-widget td span.active {
                background-color: #428bca;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

            .bootstrap-datetimepicker-widget td span.old {
                color: #999999;
            }

            .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover {
                background: none;
                color: #999999;
                cursor: not-allowed;
            }

        .bootstrap-datetimepicker-widget th.switch {
            width: 145px;
        }

        .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev {
            font-size: 21px;
        }

        .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover {
            background: none;
            color: #999999;
            cursor: not-allowed;
        }

    .bootstrap-datetimepicker-widget thead tr:first-child th {
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget thead tr:first-child th:hover {
            background: #eeeeee;
        }

.input-group.date .input-group-addon span {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.bootstrap-datetimepicker-widget.left-oriented:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.left-oriented:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget ul.list-unstyled li.in div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
    padding: 0;
}
/* Customized Button */
.btn-time, .btn-time:focus {
    color: #389b98;
    text-decoration: none;
    background-color: transparent;
}

    .btn-time i {
        padding: 0 7px 0 7px;
    }

    .btn-time:hover {
        color: #12615F;
        text-decoration: none;
        background-color: #eee;
    }
/* Status tag */

select.statusTag {
    display: none;
}

.dropdown.tagwidth {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: none;
    font-size: 14px;
    font-weight: normal;
    outline: none;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border: none;
    color: #ffffff;
}

    .dropdown.tagwidth .current {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 500;
        outline: none;
        position: relative;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        width: 100px;
        /*background: #46b000;*/
        padding: 2px;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        border-radius: 50px;
        text-align: center;
        border: 0px;
        color: #13c56b;
        background-color: rgba(19,197,107,.1);
    }

    .dropdown.tagwidth:focus {
        background-color: transparent !important;
    }

    .dropdown.tagwidth:hover {
        background-color: transparent !important;
    }

    .dropdown.tagwidth:active, .dropdown.open {
        background-color: transparent !important;
        border-color: transparent;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0) inset;
        width: 100px;
    }

    .dropdown.tagwidth.open:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .dropdown.tagwidth.open .list {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        pointer-events: auto;
    }

        .dropdown.tagwidth.open .list ul {
            padding: 0px;
            margin: 0px;
        }

        .dropdown.tagwidth.open .list li {
            list-style: none;
            color: #000;
        }

    .dropdown.tagwidth.open .option {
        cursor: pointer;
    }

    .dropdown.tagwidth.open .option1 {
        cursor: pointer;
    }

    .dropdown.tagwidth:hover {
        box-shadow: 0 0 4px rgb(204, 204, 204, 0.0)
    }

    .dropdown.tagwidth.wide {
        width: 100%;
    }

        .dropdown.tagwidth.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .dropdown.tagwidth .list {
        box-sizing: border-box;
        -webkit-transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
        transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.09);
        background-color: #fff;
        border-radius: 6px;
        margin-top: 10px;
        padding: 0 0 3px 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: -30px;
        z-index: 999;
        width: 170px;
    }

        .dropdown.tagwidth .list::after {
            left: auto;
            right: calc(50% - 6px);
            position: absolute;
            top: -6px;
            bottom: auto;
            content: "";
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid white;
            border-top: none;
            display: inline-block;
            z-index: 1;
        }

        .dropdown.tagwidth .list::before {
            left: auto;
            right: calc(50% - 7px);
            position: absolute;
            top: -7px;
            bottom: auto;
            content: "";
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #e0e0e0;
            border-top: none;
            display: inline-block;
            z-index: 1;
        }

        .dropdown.tagwidth .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

        .dropdown.tagwidth .list:hover .option1:not(:hover) {
            background-color: transparent !important;
        }

    .dropdown.tagwidth .option {
        cursor: default;
        font-weight: 400;
        line-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .dropdown.tagwidth .option1 {
        cursor: default;
        font-weight: 400;
        line-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .dropdown.tagwidth .option:hover, .dropdown.tagwidth .option:focus {
        background-color: #f6f6f6 !important;
    }

    .dropdown.tagwidth .option1:hover, .dropdown.tagwidth .option1:focus {
        background-color: #f6f6f6 !important;
    }

    .dropdown.tagwidth .option.selected {
        /* font-weight: 600;*/
    }

    .dropdown.tagwidth .option1.selected {
        /* font-weight: 600;*/
    }

    .dropdown.tagwidth .option.selected:focus {
        background: #f6f6f6;
    }

    .dropdown.tagwidth .option1.selected:focus {
        background: #f6f6f6;
    }

    .dropdown.tagwidth:after {
        display: none;
    }

.tagwidth .tagBtn {
    width: 100px;
    color: #ffffff;
    background: #46b000;
    padding: 2px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    display: block;
    text-align: center;
    border: 0px;
}

.dropdown.tagwidth .current.Active {
    background: #46b000;
}

.dropdown.tagwidth .current.In-active {
    background: rgb(255 150 27 / 18%);
    color: #ff961b;
}

.dropdown.tagwidth .current.Completed {
    background: #e6c9c9;
    color: #880808;
    text-transform: capitalize;
}

.dropdown.tagwidth .current.Hold {
    color: #ed5e5e;
    background-color: rgba(237,94,94,.1);
}

.dropdown.tagwidth .current.Pending {
    background: rgba(102,145,231,.18);
    color: #6691e7;
}
/*Delivery Status*/
.dropdown.tagwidth .current.Packed {
    background-color: rgba(165, 50, 201, .28);
    color: #8a4aa3;
}

.dropdown.tagwidth .current.Shipped {
    background: rgba(255, 150, 27,.18);
    color: #ff961b;
}

.dropdown.tagwidth .current.Received {
    background: rgba(19,197,107,.1);
    color: #13c56b;
    /*background: #46b000;*/
}

.dropdown.tagwidth.open .list li {
    border-bottom: #dfedf7 solid 1px;
}

    .dropdown.tagwidth.open .list li:nth-last-child(1) {
        border-bottom: #dfedf7 solid 0px;
    }

    .dropdown.tagwidth.open .list li[data-value="Active"] {
        color: #46b000;
    }

    .dropdown.tagwidth.open .list li[data-value="inActive"] {
        color: #ff961b;
    }

    .dropdown.tagwidth.open .list li[data-value="Completed"] {
        color: #880808;
    }

    .dropdown.tagwidth.open .list li[data-value="onHold"] {
        color: #8a4aa3;
    }

    .dropdown.tagwidth.open .list li[data-value="Approved"] {
        color: #13c56b;
    }

    .dropdown.tagwidth.open .list li[data-value="Dis-Approved"] {
        color: #ff961b;
    }

    .dropdown.tagwidth.open .list li[data-value="Pending"] {
        color: #6691e7;
    }

    /*Delivery Status*/
    .dropdown.tagwidth.open .list li[data-value="Packed"] {
        color: #8a4aa3;
    }

    .dropdown.tagwidth.open .list li[data-value="Shipped"] {
        color: #ff961b;
    }

    .dropdown.tagwidth.open .list li[data-value="Received"] {
        color: #13c56b;
    }

/* end Status tag */

/* projectQuichLinkes */
.projectQuichLinkes {
    margin: 9px 0 0 0;
    padding: 0px;
}

    .projectQuichLinkes ul {
        margin: 0px;
        padding: 0px;
    }

        .projectQuichLinkes ul li {
            list-style: none;
            display: inline-block;
        }

            .projectQuichLinkes ul li > a {
                font-size: 13px;
                color: #000000;
                text-decoration: none;
                line-height: 22px;
                box-sizing: border-box;
                cursor: pointer;
                padding: 3px 12px;
                position: relative;
                border-radius: 4px;
                margin: 0 8px 0 0;
                text-align: center;
            }

            .projectQuichLinkes ul li.active > a {
                background: #3162AA;
                color: #ffffff;
            }

            .projectQuichLinkes ul li .dropdown {
                font-size: 13px;
                color: #000000;
                text-decoration: none;
                line-height: 22px;
                box-sizing: border-box;
                cursor: pointer;
                //padding: 3px 12px;
                padding: 0px;
                position: relative;
                border-radius: 4px;
                margin: 0 0px 0 0;
                text-align: center;
                border: 0px;
            }

                .projectQuichLinkes ul li .dropdown:active {
                    background-color: transparent;
                }

                .projectQuichLinkes ul li .dropdown:hover {
                    box-shadow: 0 0 4px rgb(204, 204, 204, 0);
                }

                .projectQuichLinkes ul li .dropdown.open {
                    width: auto;
                }

                /*.projectQuichLinkes ul li .dropdown-toggle::after {
                display: inline-block;
                width: 0;
                height: 0;
                margin-left: 0.255em;
                vertical-align: text-top;
                border-top: 0 solid;
                border-right: 0 solid transparent;
                border-bottom: 0;
                border-left: 0 solid transparent;
                content: '\f2f9';
                font-family: 'Material-Design-Iconic-Font';
                font-size: 20px;
                top: -3px;
                position: relative;
            }*/
                .projectQuichLinkes ul li .dropdown::after {
                    display: inline-block;
                    width: 0;
                    height: 0;
                    margin-left: 0.255em;
                    vertical-align: text-top;
                    border-top: 0 solid;
                    border-right: 0 solid transparent;
                    border-bottom: 0;
                    border-left: 0 solid transparent;
                    content: '\f2f9';
                    font-family: 'Material-Design-Iconic-Font';
                    font-size: 20px;
                    top: -3px;
                    position: relative;
                }

            .projectQuichLinkes ul li .dropdown-menu {
                box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.09);
                border: 0px;
                top: 34px !important;
            }

                .projectQuichLinkes ul li .dropdown-menu a {
                    text-align: left;
                    color: #323a50;
                    font-size: 13px;
                    font-family: 'Montserrat', sans-serif;
                    position: relative;
                    padding: 8px 20px 8px 20px;
                }

    .projectQuichLinkes .dropdown-item.active, .projectQuichLinkes .dropdown-item:active {
        background-color: #f8f9fa;
    }

    .projectQuichLinkes ul li .dropdown-menu a i {
        padding-right: 28px;
    }

        .projectQuichLinkes ul li .dropdown-menu a i.fa.fa-user-o {
            font-size: 18px;
            padding-right: 10px !important;
            padding-left: 3px;
        }

    .projectQuichLinkes ul li .dropdown-menu a:nth-child(1) i {
        width: 22px;
        height: 22px;
        background: url(/images/dropdwonIcons.png) no-repeat;
        background-position: -11px -7px;
        margin: auto;
        float: left;
    }

    .projectQuichLinkes ul li .dropdown-menu a:nth-child(2) i {
        width: 22px;
        height: 22px;
        background: url(/images/dropdwonIcons.png) no-repeat;
        background-position: -11px -46px;
        margin: auto;
        float: left;
    }

    .projectQuichLinkes ul li .dropdown-menu a:nth-child(3) i {
        width: 22px;
        height: 22px;
        background: url(/images/dropdwonIcons.png) no-repeat;
        background-position: -11px -86px;
        margin: auto;
        float: left;
    }

    .projectQuichLinkes ul li .dropdown-menu a:nth-child(4) i {
        width: 22px;
        height: 22px;
        background: url(/images/dropdwonIcons.png) no-repeat;
        background-position: -11px -126px;
        margin: auto;
        float: left;
    }

.projectMidSection {
    padding: 15px 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 84%;
}

    .projectMidSection .dashboard-column-1 {
        width: 40%;
    }

    .projectMidSection .dashboard-column-2 {
        width: 60%;
    }

    .projectMidSection .dashboard-column-4 {
        width: 90%;
    }

.mR0 {
    margin-right: 0px !important;
}

.pTop0 {
    padding-top: 0px !important;
}

.projectMidSection .dashboard-column-3 {
    width: 310px;
}

.projectMidSection .project-third-column {
    height: 100%;
    background-color: #fcfcfd;
    border: #f7f7f7 solid 1px;
}

.projectMidSection .project-dashboard-container {
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

.projectMidSection .project-properties {
    width: calc(100% - 0px);
    text-align: left;
    padding: 12px 15px 10px 15px;
}

    .projectMidSection .project-properties h2 {
        font-size: 12px;
        color: #292e42;
        text-transform: uppercase;
        width: 100%;
        padding: 0px 0 0;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
    }

.projectMidSection .dropdown.tagwidth {
    background: transparent;
}

    .projectMidSection .dropdown.tagwidth .current {
        border-radius: 3px;
        position: relative;
        text-align: left;
        padding-left: 6px;
    }

        .projectMidSection .dropdown.tagwidth .current::after {
            content: '\f2f9';
            font-family: 'Material-Design-Iconic-Font';
            display: inline-block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: white;
            font-size: 20px;
            right: 7px;
        }

.divider1 {
    background: #dfedf7;
    width: 100%;
    height: 1px;
    margin: 20px auto 20px auto;
}

.projectMidSection .project-properties .property-block h2.headingTest {
    font-size: 12px;
    color: #292e42;
    text-transform: uppercase;
    width: 100%;
    padding: 0px 0 0;
    font-weight: 700;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
}

.projectMidSection .project-properties .property-block p {
    font-size: 13px;
    color: #323a50;
    margin: 3px 0 0 0;
    padding: 0px;
}

.mtop20 {
    margin-top: 20px;
}

.userListSection {
    position: relative;
}

.projectMidSection .project-properties .userListSection h2.headingTest {
    font-size: 12px;
    color: #292e42;
    text-transform: uppercase;
    width: 100%;
    padding: 0px 0 0;
    font-weight: 700;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

    .projectMidSection .project-properties .userListSection h2.headingTest::after {
        content: '';
        position: absolute;
        top: 50%;
        background: #dfedf7;
        width: 68%;
        height: 1px;
        margin: 0px auto 0px auto;
        right: 0;
    }

.userListSection ul {
    margin: 0px;
    padding: 0px;
}

    .userListSection ul li {
        list-style: none;
        margin: 10px 0 0 0;
        position: relative;
    }

.userListSection img {
    width: 33px;
    height: 33px;
    border-radius: 50px;
    display: inline-block;
}

.userListSection ul li span {
    display: inline-block;
    padding: 0px 0 0 0;
    position: relative;
    top: 7px;
    left: 5px;
}

    .userListSection ul li span h3 {
        font-size: 13px;
        color: #292e42;
        font-family: 'Montserrat', sans-serif;
        margin: 0px;
        font-weight: 600;
    }

    .userListSection ul li span p {
        font-size: 10px;
        color: #565656;
        font-family: 'Montserrat', sans-serif;
        margin: 0px;
        font-weight: 600;
    }

.projectMidSection .project-second-column {
    height: 100%;
    margin: 0 15px 0 0;
}

.projectMidSection .projectDashboardContainer {
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

.TaskActivitySection {
    background-color: #fcfcfd;
    border: #f7f7f7 solid 1px;
    height: 100%;
    padding: 15px 0;
}

    .TaskActivitySection h2 {
        font-size: 14px;
        color: #292e42;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        margin: 0px;
        padding: 0 15px;
    }

.TaskActivityListSection {
    height: 96%;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 15px;
}

.TaskActivityList {
    padding: 10px 0px;
    border-bottom: #f1f1f1 solid 1px;
}

    .TaskActivityList .userImgSection {
        font-size: 12px;
        text-align: left;
    }

        .TaskActivityList .userImgSection img {
            margin-right: 5px;
        }

.TaskActivityListSection .TaskActivityList .DueinDate {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background: #4acf89;
    padding: 3px 20px;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
}

.TaskActivityListSection .TaskActivityList .OverdueDate {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    color: #ffffff;
    text-align: center;
    background: #fc7960;
    padding: 3px 20px;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
}

.TaskActivityListSection .TaskActivityList .upcoming3DaysDate {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background: #ee9710;
    padding: 3px 20px;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
}

.TaskActivityListSection .TaskActivityList .overdueTest {
    font-size: 12px;
    color: #3162AA;
    font-weight: 600;
}

.TaskActivityListSection .TaskActivityList .upcomingTest {
    font-size: 13px;
    color: #11a859;
    font-weight: 600;
}

.TaskActivityListSection .TaskActivityList .upcoming3DaysTest {
    font-size: 13px;
    color: #ee9710;
    font-weight: 600;
}

.taskText {
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    padding: 8px 0 0 0;
}

.TaskActivityListSection .TaskActivityList .taskText {
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    padding: 8px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    cursor: pointer;
}

    .TaskActivityListSection .TaskActivityList .taskText > img {
        width: 15px;
        height: 15px;
        top: 3px;
    }

.taskText img {
    width: 15px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.OverdueDate {
    font-size: 13px;
    color: #3162AA;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    padding: 8px 0 0 0;
}

.DueinDate {
    font-size: 13px;
    color: #11a859;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    padding: 8px 0 0 0;
}

.userImgSection {
    text-align: right;
}

    .userImgSection img {
        width: 33px;
        height: 33px;
        border-radius: 50px;
    }

.mtop15 {
    margin-top: 15px;
}
/* Summary */
.project-summary {
    background-color: #fcfcfd;
    border: #f7f7f7 solid 1px;
    height: 100%;
    padding: 15px 0;
}

.summarySection {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
}

.project-summary h2 {
    font-size: 14px;
    color: #292e42;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin: 0px;
    padding: 0 15px;
}

.Graph {
    padding: 10px;
    width: 100%;
    text-align: center;
}

    .Graph img {
        width: 100%;
        max-width: 426px;
    }

.project-summary .project-summary-content {
    padding: 10px 0 0 0;
}

.project-summary .project-summary-block {
    position: relative;
    float: left;
    width: 50%;
    padding: 10px 24px 0 15px;
    box-sizing: border-box;
}

.borderRight:after {
    content: '';
    position: absolute;
    right: 0;
    top: 28px;
    height: calc(80% - 0px);
    border-right: 1px solid #efefef;
}

.project-summary .tasks-block-title {
    position: relative;
    padding: 0px 0 0 24px;
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

    .project-summary .tasks-block-title .tasks-block-title-icon {
        position: absolute;
        top: 1px;
        left: 0;
        color: #787f82;
    }

.project-summary .tasks-block-content {
    position: relative;
    padding: 8px 0 0 0;
}

    .project-summary .tasks-block-content::before {
        content: '';
        position: absolute;
        left: 7px;
        top: 18px;
        height: calc(100% - 28px);
        border-left: 1px solid #e0e0e0;
    }

.tasksTitleIcon img {
    width: 100%;
}

.project-summary .content-row {
    position: relative;
    height: auto;
    padding: 0 5px 10px 24px;
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    line-height: normal;
    display: block;
}

.project-summary .content-row-counter {
    position: absolute;
    top: 8px;
    right: 0;
    height: 16px;
    min-width: 16px;
    line-height: 10px;
    padding: 3px 4px;
    color: #323a50;
    background-color: #ededed;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.project-summary .tasks-block-title .tasks-block-title-icon.tasksTitleIcon {
    left: 3px;
    width: 15px;
}

.SponsorText:before {
    display: none;
}

.SponsorText .content-row {
    padding-left: 4px;
}

.SponsorText .userImgSection {
    text-align: left;
    display: inline-block;
    padding-right: 10px;
}

.project-summary .tasks-block-title .tasks-block-title-icon.tasksTitleIcon1 {
    left: 3px;
    width: auto;
    top: 1px;
}

.tasksTitleIcon1 i {
    font-size: 17px;
    color: #666d8a;
}

.project-summary .tasks-block-title .tasks-block-title-icon.tasksTitleIcon2 {
    left: 3px;
    width: auto;
    top: 1px;
}

.tasksTitleIcon2 i {
    font-size: 17px;
    color: #666d8a;
}

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

.projectUser {
    padding-top: 20px !important;
}

    .projectUser .content-row-counter {
        top: 0;
    }
/* End Summary */
.allProject {
    margin-top: 25px;
}

    .allProject img {
        width: 18px;
    }

    .allProject a span {
        position: relative;
        top: 1px;
    }
/* End projectQuichLinkes */

/* All Project */
.projectName {
    position: relative;
    padding-left: 30px !important;
}

    .projectName span {
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50px;
        background: #f7b500;
        top: 12px;
        left: 12px;
    }

.CompleteTask {
    font-size: 13px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

    .CompleteTask span {
        color: #a8a8a8;
    }

.tableSection .table.projectTableSection tbody td {
    padding: 8px 22px;
}

.tableSection.taskdiv .table.projectTableSection tbody td {
    width: 220px;
}

.statusSelectSection {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    color: #495057;
    background-color: #f7f8fa;
    background-clip: padding-box;
    border: 1px solid #f7f8fa;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-weight: 600;
    padding: 8px 0.75rem;
}

.pTop38 {
    padding-top: 38px !important;
}
/* End All projects */

/* Edit Projects */
.editProjectSection {
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 84%;
    padding-top: 30px;
}

    .editProjectSection h2 {
        font-size: 18px;
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
    }

.editProjectForm {
    width: 100%;
}

    .editProjectForm .form-control {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 13px;
        width: 100%;
        border: solid 1px #e0e7ee;
        height: auto;
        color: #5b5b5b;
        padding: 9px 0.75rem;
    }

    .editProjectForm label {
        font-family: 'Montserrat', sans-serif;
        color: #565656;
        font-size: 13px;
        position: relative;
    }

.saveBtnProject {
    margin: 15px 0 0 0;
}

.editProjectForm .formsection {
    position: relative;
    padding: 10px 0;
    min-height: auto;
    max-height: inherit;
    overflow: hidden;
    overflow-y: auto;
}
/* End Projects */

/* Email Alert Settings */
.emailAlertSettingsSection {
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 84%;
    padding-top: 30px;
}

    .emailAlertSettingsSection h2 {
        font-size: 16px;
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
    }

.mb0 {
    margin-bottom: 0px;
}

.notificationsBtn {
    padding: 6px 0 0 0;
}

.emailAlertSettingstForm {
    max-width: 660px;
    width: 100%;
}

    .emailAlertSettingstForm label {
        font-family: 'Montserrat', sans-serif;
        color: #323a50;
        font-size: 13px;
        position: relative;
    }

.emailNotifications {
    background: #fdfdfd;
    border: #f7f7f7 solid 1px;
    padding: 10px 20px;
    margin: 20px 0 0 0;
}

.emailAlertSettingsSection .btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #000000;
    background: #dadada;
}

    .emailAlertSettingsSection .btn-toggle:focus, .emailAlertSettingsSection .btn-toggle.focus, .emailAlertSettingsSection .btn-toggle:focus.active, .emailAlertSettingsSection .btn-toggle.focus.active {
        outline: none;
    }

    .emailAlertSettingsSection .btn-toggle:before, .emailAlertSettingsSection .btn-toggle:after {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
    }

    .emailAlertSettingsSection .btn-toggle:before {
        content: 'Off';
        left: -4rem;
    }

    .emailAlertSettingsSection .btn-toggle:after {
        content: 'On';
        right: -4rem;
        opacity: 0.5;
    }

    .emailAlertSettingsSection .btn-toggle > .handle {
        position: absolute;
        top: 0.1875rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left 0.25s;
    }

    .emailAlertSettingsSection .btn-toggle.active {
        transition: background-color 0.25s;
    }

        .emailAlertSettingsSection .btn-toggle.active > .handle {
            left: 1.6875rem;
            transition: left 0.25s;
        }

        .emailAlertSettingsSection .btn-toggle.active:before {
            opacity: 0.5;
        }

        .emailAlertSettingsSection .btn-toggle.active:after {
            opacity: 1;
        }

    .emailAlertSettingsSection .btn-toggle.btn-sm:before, .emailAlertSettingsSection .btn-toggle.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.4125rem;
        width: 2.325rem;
    }

    .emailAlertSettingsSection .btn-toggle.btn-sm:before {
        text-align: right;
    }

    .emailAlertSettingsSection .btn-toggle.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .emailAlertSettingsSection .btn-toggle.btn-sm.active:before {
        opacity: 0;
    }

    .emailAlertSettingsSection .btn-toggle.btn-sm.active:after {
        opacity: 1;
    }

    .emailAlertSettingsSection .btn-toggle.btn-xs:before, .emailAlertSettingsSection .btn-toggle.btn-xs:after {
        display: none;
    }

    .emailAlertSettingsSection .btn-toggle:before, .emailAlertSettingsSection .btn-toggle:after {
        color: #6b7381;
    }

    .emailAlertSettingsSection .btn-toggle.active {
        background-color: #29b5a8;
    }

    .emailAlertSettingsSection .btn-toggle.btn-sm {
        margin: 0 0.5rem;
        padding: 0;
        position: relative;
        border: none;
        height: 1.5rem;
        width: 3rem;
        border-radius: 1.5rem;
    }

        .emailAlertSettingsSection .btn-toggle.btn-sm:focus, .emailAlertSettingsSection .btn-toggle.btn-sm.focus, .emailAlertSettingsSection .btn-toggle.btn-sm:focus.active, .emailAlertSettingsSection .btn-toggle.btn-sm.focus.active {
            outline: none;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm:before, .emailAlertSettingsSection .btn-toggle.btn-sm:after {
            line-height: 1.5rem;
            width: 0.5rem;
            text-align: center;
            font-weight: 600;
            font-size: 0.55rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity 0.25s;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm:before {
            content: '\f136';
            left: 0.6rem;
            font-family: 'Material-Design-Iconic-Font';
            font-size: 16px;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm:after {
            content: '\f26b';
            font-family: 'Material-Design-Iconic-Font';
            font-size: 16px;
            right: -0.5rem;
            opacity: 0.5;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm > .handle {
            position: absolute;
            top: 0.1875rem;
            left: 0.1875rem;
            width: 1.125rem;
            height: 1.125rem;
            border-radius: 1.125rem;
            background: #fff;
            transition: left 0.25s;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm.active {
            transition: background-color 0.25s;
        }

            .emailAlertSettingsSection .btn-toggle.btn-sm.active > .handle {
                left: 1.6875rem;
                transition: left 0.25s;
            }

            .emailAlertSettingsSection .btn-toggle.btn-sm.active:before {
                opacity: 0.5;
            }

            .emailAlertSettingsSection .btn-toggle.btn-sm.active:after {
                opacity: 1;
            }

        .emailAlertSettingsSection .btn-toggle.btn-sm.btn-sm:before, .emailAlertSettingsSection .btn-toggle.btn-sm.btn-sm:after {
            line-height: -0.5rem;
            color: #3162AA;
            letter-spacing: 0.75px;
            left: 0.6rem;
            width: 2.325rem;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm.btn-sm:before {
            text-align: right;
            left: 0rem;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm.btn-sm.active:before {
            opacity: 0;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm.btn-sm.active:after {
            opacity: 1;
            color: #ffffff;
        }

        .emailAlertSettingsSection .btn-toggle.btn-sm.btn-xs:before, .emailAlertSettingsSection .btn-toggle.btn-sm.btn-xs:after {
            display: none;
        }

.emailAlertSettingsSection .btn-secondary:not(:disabled):not(.disabled):active, .emailAlertSettingsSection .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #a82623;
    border-color: #a82623;
}

.emailAlertSettingsSection .btn-secondary:focus, .emailAlertSettingsSection .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(168, 38, 35, 0.0);
}

.emailAlertSettingsSection .btn-secondary:not(:disabled):not(.disabled):active:focus, .emailAlertSettingsSection .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(168, 38, 35, 0.0);
}

h2.userAlertHeadding {
    margin-top: 30px;
}

.emailAlertSettingsSection .headingTest {
    width: 90%;
    padding: 0px 0 0;
    margin: 1px 0 0 0px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    float: left;
}

    .emailAlertSettingsSection .headingTest::after {
        content: '';
        position: absolute;
        top: 50%;
        border-bottom: #aac2d4 dashed 1px;
        background: transparent;
        width: 70%;
        height: 1px;
        margin: 0px auto 0px auto;
        right: 0;
    }

    .emailAlertSettingsSection .headingTest h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        color: #000000;
        margin: 0px;
        padding: 0px;
        text-transform: none;
    }

    .emailAlertSettingsSection .headingTest p {
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        color: #323a50;
        margin: 0px;
        padding: 0px;
    }

.imgWithName {
    margin: 20px 0 10px 0;
}

    .imgWithName .userImgSection {
        float: left;
        margin-right: 10px;
    }

        .imgWithName .userImgSection img {
            width: 33px;
            height: 33px;
            border-radius: 50px;
        }

.projectUsers {
    margin: 0px;
}
/* End Email Alert Settings */

/* Project User */
.userProjectSection {
    padding: 0 25px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 84%;
    padding-top: 30px;
}

    .userProjectSection h2 {
        font-size: 18px;
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
    }

.inviteTeam h2 {
    font-size: 14px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    background: #ffffff;
    z-index: 2;
    position: relative;
    display: inline-block;
    padding-right: 10px;
}

.userProjectSection .teamName {
    display: none;
}
/* End Project User */
.inviteTeam .error-input-inner {
    border: 0px !important;
}


.success {
    font-size: 12px;
    color: green;
    margin: 5px 0 20px 0;
    width: 94%;
    text-align: center;
}

.error {
    background-color: #fff3f0;
    color: #ec4721;
    padding: 10px 0 10px 12px;
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0px 0;
    font-size: 12px;
    display: block;
}

.error-input-inner {
    border: red solid 1px !important;
}

.messageBox {
    position: fixed;
    right: 10px;
    z-index: 9999;
    top: 5%;
    padding: 10px 45px 10px 20px;
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.25);
    font-size: 14px;
}

.alert-success {
    background-color: #7bbf34;
    border-color: #6baf23;
    color: #ffffff;
    font-size: 14px;
}

.messageBox .checkIcon1 {
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
}

.closemessageBox {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    padding: 15px !important;
    cursor: pointer;
}

#btnResetPassword {
    font-size: 14px;
    margin: 0px 0 15px 0;
    text-decoration: none;
    color: #20AC65;
}


/* Task tab */
.TaskOrder {
    min-width: 16px;
    line-height: 10px;
    padding: 2px 15px;
    color: #323a50;
    background-color: #ededed;
    border-radius: 20px;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    position: relative;
    top: 6px;
}

.floatL {
    float: left;
}

.marL20 {
    margin-left: 20px;
}

.AssignedUserSection img {
    border-radius: 50px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    cursor: pointer;
}

.AssignedUserSection span {
    cursor: pointer;
}

.selectBox1 {
    width: 120px;
    margin: 8px 0 8px 20px;
    float: left;
}

.TaskStatus ul li {
    list-style: none;
}

.TaskStatus .dropdown.tagwidth .list {
    left: -70px;
    z-index: 999;
    width: 220px;
    display: none;
}

.TaskStatus .dropdown.tagwidth.statusTag.open .list {
    display: block;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Not_Started"] {
    color: #3fa9dd;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Work_in_Progress"] {
    color: #ff961b;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Review_in_Progress"] {
    color: #9551b8;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Improvement_Required"] {
    color: #04c9bd;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Revision_required"] {
    color: #747f81;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Rejected"] {
    color: #3162AA;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Completed"] {
    color: #46b000;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Not_Required"] {
    color: #787f82;
}

.TaskStatus .dropdown.tagwidth.open .list li[data-value="Accepted"] {
    color: #639600f7;
}

.TaskStatus .dropdown.tagwidth:active, .dropdown.open {
    width: auto;
}

.TaskStatus .dropdown.tagwidth .current {
    width: 160px;
    background: #3fa9dd;
    color: #ffffff;
}

    .TaskStatus .dropdown.tagwidth .current.Not_Started {
        background: #3fa9dd;
    }

    .TaskStatus .dropdown.tagwidth .current.Work_in_Progress {
        background: #ff961b;
    }

    .TaskStatus .dropdown.tagwidth .current.Review_in_Progress {
        background: #9551b8;
    }

    .TaskStatus .dropdown.tagwidth .current.Improvement_Required {
        background: #04c9bd;
    }

    .TaskStatus .dropdown.tagwidth .current.Completed {
        background: #46b000;
    }

    .TaskStatus .dropdown.tagwidth .current.Revision_required {
        background: #747f81;
    }

    .TaskStatus .dropdown.tagwidth .current.Rejected {
        background: #3162AA;
    }

    .TaskStatus .dropdown.tagwidth .current.Accepted {
        background: #639600f7;
    }

    .TaskStatus .dropdown.tagwidth .current .Not_Required {
        background: #747f81 !important;
        color: #ffffff !important;
        text-transform: capitalize !important;
    }

.TaskStatus .Improvement_Required {
    background: #ffffff !important;
    color: #f7b500 !important;
    text-transform: capitalize !important;
    font-size: 13px;
    font-weight: normal;
}

.TaskStatus .dropdown.tagwidth .current.Rejected {
    background: #3162AA;
    color: #ffffff;
    text-transform: capitalize;
}


.taskTableSection {
    padding: 0 20px 0px 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /*height: 84%;*/
    height: auto;
}

    .taskTableSection .panel-heading {
        padding: 20px 0 10px 0;
        border: 0;
        width: 100%;
    }

    .taskTableSection .panel-title {
        position: relative;
    }

        .taskTableSection .panel-title > a, .panel-title > a {
            display: block;
        }

            .taskTableSection .panel-title > a, .panel-title > a:active {
                display: block;
                padding: 0 0px;
                color: #555;
                color: #555;
                font-weight: bold;
                text-transform: uppercase;
                letter-spacing: 0px;
                word-spacing: 0px;
                text-decoration: none;
                font-size: 12px;
            }

    .taskTableSection .panel-heading a:before {
        content: '\f2fb';
        font-family: 'Material-Design-Iconic-Font';
        transition: .3s transform ease-in-out;
        position: absolute;
        left: -17px;
        top: -3px;
        font-size: 18px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .taskTableSection .panel-heading a[aria-expanded=true]:before {
        content: '\f2fb';
        font-family: 'Material-Design-Iconic-Font';
        transition: .3s transform ease-in-out;
        position: absolute;
        left: -17px;
        top: -3px;
        font-size: 18px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .taskTableSection .panel-title > a:before {
        content: '\f2fb';
        font-family: 'Material-Design-Iconic-Font';
        transition: .3s transform ease-in-out;
        position: absolute;
        left: -17px;
        top: -3px;
        font-size: 18px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.
.panel-heading.active a:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.taskTableSection .panel-heading.active .tableCheck.taskCheck {
    display: none !important;
}

.taskTableSection .taskCheck {
    float: left;
    position: relative;
    top: -3px;
}

.center-block {
    width: 100%;
    margin: 20px 0 0 0;
}

.taskHeading {
    background: #f0f2f5;
    padding: 5px 30px 5px 25px;
    border-radius: 20px;
    font-size: 12px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    letter-spacing: normal;
    z-index: 2;
}

.taskCheck .checkbox.allcheck {
    top: -3px;
    left: 0px;
}

.taskNumber {
    font-size: 12px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: -1px;
}

.bordertab {
    border-bottom: #d9dde3 dashed 1px;
    display: block;
    position: absolute;
    width: 90%;
    top: 6px;
    right: 50px;
    z-index: 1;
}

.taskTableSection .colorPointer {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #f7b500;
    top: 8px;
    left: 10px;
}

.taskTableSection table .colorPointer {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #f7b500;
    top: 12px;
    left: 10px;
}

.taskTable {
    padding: 0 0px 0px 0px;
    display: block;
}

    .taskTable .table {
        margin-top: 0px;
    }

        .taskTable .table .thead-light th {
            position: relative;
        }

            .taskTable .table .thead-light th .show {
                visibility: hidden;
                position: relative;
                top: -2px;
                left: -3px;
            }

            .taskTable .table .thead-light th:hover .show {
                visibility: visible;
            }

        .taskTable .table .thead-light th {
            font-size: 14px;
            color: #787f82;
            background: #F0F2F5;
            border: 0px;
            border-bottom: #e5e5e5 solid 1px;
            font-family: 'Montserrat', sans-serif;
            padding: 8px 12px;
            border-right: #e5e5e5 solid 1px;
            cursor: pointer;
        }

            .taskTable .table .thead-light th:nth-child(1) {
                border-radius: 5px 0 0 0;
                width: 30px;
            }

            .taskTable .table .thead-light th:nth-last-child(1) {
                border-radius: 0px 5px 0px 0;
                border-right: #e5e5e5 solid 0px;
            }

            .taskTable .table .thead-light th:nth-child(2) {
                color: #22293b;
            }

.taskTableSection .collapse.in {
    height: auto !important;
}

.taskTable .table tbody th {
    font-size: 14px;
    color: #787f82;
    background: #ffffff;
    border: 0px;
    border-top: 0px !important;
    font-family: 'Montserrat', sans-serif;
    padding: 8px 12px;
    border-right: #e5e5e5 solid 1px;
    border-bottom: #d9dde3 dashed 1px;
}

.taskTable .table tbody td {
    font-size: 13px;
    color: #787f82;
    background: #ffffff;
    border: 0px;
    border-top: 0px !important;
    font-family: 'Montserrat', sans-serif;
    padding: 8px 12px;
    border-right: #e5e5e5 solid 1px;
    border-bottom: #d9dde3 dashed 1px;
}

    .taskTable .table tbody td:nth-child(1) {
        width: 30px;
    }

    .taskTable .table tbody td:nth-last-child(1) {
        border-right: #e5e5e5 solid 0px;
    }

    .taskTable .table tbody td:nth-child(2) {
        color: #22293b;
    }

    .taskTable .table tbody td:nth-child(3) {
        color: #22293b;
    }

.newTask {
    margin: 0px 0 0 0;
    position: relative;
    top: 50px;
}

    .newTask a {
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        border-radius: 5px;
        background: #3162AA;
        padding: 10px 30px;
        cursor: pointer;
        width: auto;
        text-align: center;
        border: #3162AA solid 1px;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
    }

        .newTask a:hover {
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            transition: all .35s;
            background: #7b1412;
            text-transform: none;
            text-decoration: none;
        }

        .newTask a:focus {
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            transition: all .35s;
            background: #7b1412;
            text-transform: none;
            text-decoration: none;
        }


        .newTask a span {
            font-size: 16px;
        }

.projectTaskList {
    padding: 0 30px 0px 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 84%;
}

.taskNew {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
/* End Task tab */
/* Left Menu */
.leftSection .closebtn {
    display: none;
}

.leftSection .openbtn {
    display: none;
}
/* End Left Me */


/* Edit Task */
.editTaskSection .righttaskSection {
    background: #ebf6fe;
    width: 100%;
    border-right: #deebf5 solid 1px;
    padding: 20px 20px 20px 30px;
    max-width: 100%;
    height: 100vh;
}

.editTaskSection .modal-body.editTaskBox {
    padding: 0px;
}

.editTaskSection .modal-dialog.EditTask {
    margin: auto auto;
    max-width: 1100px;
}

.editTaskSection .modal-dialog.editTaskSectionWidth {
    margin: auto auto;
    max-width: 750px;
}


.editTaskSection .modal-content {
    height: 100vh;
    border-radius: 0px;
    border: 0px;
    overflow: hidden;
    overflow-y: auto;
}

.editTaskSection .leftTaskSection {
    padding: 20px 0px 0px 0px;
    height: 100%;
}

.projectNameTask {
    padding: 0px 20px 0 20px;
}

.projectNameTask1 {
    padding: 0px 0px 0 20px;
}

.paddingR20 {
    padding-right: 20px;
}

.projectNameTask span {
    font-size: 12px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    background: #3162AA;
    border-radius: 20px;
    padding: 3px 20px 3px 10px;
}

    .projectNameTask span i {
        padding-right: 5px;
    }

.testalignRight {
    text-align: right;
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    margin: 20px 0 0 0px;
}

    .testalignRight span {
        display: inline-block;
    }

.taskNumber1 {
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    background: #f0f2f5;
    border-radius: 20px;
    padding: 3px 20px;
    border: #e0e0e0 solid 1px;
    position: relative;
    top: 0px;
    left: 10px;
}

    .taskNumber1 label {
        display: inline-block;
        margin-bottom: 0;
    }

h2.projectHeaddingtask {
    font-size: 18px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    margin: 20px 0 0 0px;
    padding: 0px;
    font-weight: 600;
}

.borderTaskBottom {
    background: #dfedf7;
    height: 1px;
    width: 100%;
    margin: 10px 0;
}

.uploadTaskTest {
    text-align: left;
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
}

.DueIn {
    text-align: right;
    font-size: 12px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
}

    .DueIn span {
        color: #0a0a0a;
    }

.CreateNewTask {
    margin: 25px 0 0 0;
}

.userNameWithImg {
    position: relative;
}

    .userNameWithImg img {
        border-radius: 50px;
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }

.nameWithtest {
    font-size: 13px;
    color: #787f82;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    background: #ffffff;
    padding: 0 15px 0 0;
    position: relative;
    z-index: 2;
}

    .nameWithtest strong {
        color: #000000;
        font-size: 13px;
    }

.CreateNewTask .days {
    position: absolute;
    right: 0px;
    font-size: 12px;
    color: #787f82;
    font-family: 'Montserrat', sans-serif;
    top: 7px;
}

.imgUserTest {
    position: relative;
    width: 90%;
    display: inline-block;
}

.bordertab1 {
    border-top: #d9dde3 dashed 1px;
    display: inline-block;
    position: absolute;
    width: 70%;
    top: 18px;
    right: 20%;
    z-index: 1;
}

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

    .ReplyBtn input {
        font-size: 14px;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        transition: all .35s;
        border-radius: 5px;
        background: #3162AA;
        padding: 6px 35px;
        cursor: pointer;
        width: auto;
        text-align: center;
        border: #3162AA solid 1px;
        text-decoration: none;
    }

        .ReplyBtn input:hover {
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            transition: all .35s;
            background: #7b1412;
            text-transform: none;
            text-decoration: none;
        }


        .ReplyBtn input:focus {
            font-family: 'Montserrat', sans-serif;
            color: #ffffff;
            transition: all .35s;
            background: #7b1412;
            text-transform: none;
            text-decoration: none;
        }

.taskDetails {
    margin: 20px 0 0 0;
}

    .taskDetails .DetailsHeading {
        color: #292e42;
        text-transform: uppercase;
        font-size: 13px;
        font-family: 'Montserrat', sans-serif;
        border: 0px;
        font-weight: 700;
        position: relative;
    }

        .taskDetails .DetailsHeading:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f107";
            float: right;
            transition: all 0.5s;
            font-size: 18px;
            position: absolute;
            left: -18px;
            top: 0px;
        }

        .taskDetails .DetailsHeading.collapsed:before {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
        }

.borderBtn {
    background: #d4e6f3;
    height: 1px;
    position: absolute;
    width: 75%;
    top: 9px;
    right: 0;
}

.taskStatus {
    margin: 20px 0 0 0;
}

    .taskStatus label {
        font-size: 13px;
        color: #323a50;
        font-family: 'Montserrat', sans-serif;
    }

.TaskStatusDetails {
    margin: 18px 0 0 0;
}

    .TaskStatusDetails select.custom-select {
        font-size: 12px;
        padding: 3px 0.6rem;
        height: auto !important;
    }

.daysRequired select.custom-select {
    border: solid 1px #e0e7ee;
    padding: 5px 6px;
    margin-top: 17px;
    border-radius: 0.25rem;
    width: 80%;
    font-size: 13px;
    margin-left: 10px;
    height: auto !important;
    background-color: #ffffff;
}

.TaskStatusDetails .dropdown.tagwidth .current {
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-weight: 600;
    position: relative;
    width: auto;
}

    .TaskStatusDetails .dropdown.tagwidth .current:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f107";
        float: right;
        transition: all 0.5s;
        font-size: 22px;
        position: absolute;
        right: 10px;
        top: 1px;
    }

.TaskStatusDetails .dropdown.tagwidth .list {
    left: -32px;
    z-index: 999;
    width: 198px;
    display: none;
    position: absolute;
}

.imgUserTestDetails {
    margin: 17px 0 0 0;
}

    .imgUserTestDetails .userImg img {
        width: 25px;
        height: 25px;
        overflow: hidden;
        border-radius: 50px;
    }

    .imgUserTestDetails .userTest {
        font-size: 13px;
        color: #323a50;
        font-family: 'Montserrat', sans-serif;
        padding-left: 5px;
    }

.righttaskSection .daysRequired {
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    padding-left: 0px;
    margin: 25px 0 0 0;
    font-weight: 600;
}

.taskProgress {
    margin: 25px 0 0 0;
}

    .taskProgress .load {
        width: 50%;
        height: 8px;
        background: #3162AA;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .taskProgress .noload {
        width: 70%;
        background: #ffffff;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: 1px solid #deebf5;
        position: relative;
        cursor: pointer;
    }

    .taskProgress .loadtext {
        color: #000000;
        position: absolute;
        top: -6px;
        right: -40px;
        font-size: 13px;
        color: #323a50;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
    }

/*.CommentBox {
    display: none;
    margin: 20px 0 0 50px;
}

    .CommentBox .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
        border-color: #dfedf7;
    }

    .CommentBox .ck.ck-toolbar {
        background: var(--ck-color-toolbar-background);
        padding: 0 var(--ck-spacing-small);
        border: 1px solid #dfedf7;
    }

    .CommentBox .ck.ck-editor__editable_inline {
        overflow: auto;
        padding: 0 var(--ck-spacing-standard);
        border: 1px solid transparent;
        min-height: 122px;
    }

    .CommentBox p {
        font-size: 13px;
    }*/

.SubmitBtn1 {
    display: none;
}

#SubmitBtn {
    margin-right: 5px;
}

#CancelBtn {
    font-size: 14px;
    font-weight: 600;
    color: #515766;
    border-radius: 5px;
    background: #ffffff;
    padding: 6px 35px;
    cursor: pointer;
    width: auto;
    text-align: center;
    border: #deebf5 solid 1px;
    text-decoration: none;
}

    #CancelBtn:hover {
        font-size: 14px;
        font-weight: 600;
        color: #515766;
        border-radius: 5px;
        background: #ffffff;
        padding: 6px 35px;
        cursor: pointer;
        width: auto;
        text-align: center;
        border: #deebf5 solid 1px !important;
        text-decoration: none;
    }

    #CancelBtn:focus {
        font-size: 14px;
        font-weight: 600;
        color: #515766;
        border-radius: 5px;
        background: #ffffff;
        padding: 6px 35px;
        cursor: pointer;
        width: auto;
        text-align: center;
        border: #deebf5 solid 1px !important;
        text-decoration: none;
    }

.CommentText {
    color: #000000;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    margin: 0px 0 15px 0;
}

.changeStatusOnDetils {
    margin: 0px 0 0 0px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.addMedicineText {
    font-size: 18px;
    color: #3162AA;
    border-bottom: 1px #3162AA solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.addMedicineImg {
    margin-left: 797px !important;
    padding: -11px;
}

.addMoreData div[id] {
    margin-top: 40px;
}

    .addMoreData div[id]:first-child {
        margin-top: 0;
    }

.NotStartedColor {
    color: #3162AA;
    font-weight: 600;
    text-transform: uppercase;
}

.msg-container {
    position: relative;
    width: 100%;
    max-height: calc(100vh - 16vh);
    padding: 0 0 0px 0;
    box-sizing: border-box;
    height: 84vh;
}

.v-scroll {
    width: 100%;
    position: relative;
    padding: 0px 20px 0 20px;
    height: 77vh;
    overflow: hidden;
    overflow-y: auto;
}

.task-actions {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0px 0 70px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 1035px;
    z-index: 1;
    background: #ffffff;
}

.Not_Started {
    color: #3fa9dd;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.Work_in_Progress {
    color: #ff961b;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.Review_in_Progress {
    color: #9551b8;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.Improvement_Required {
    color: #04c9bd;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.Revision_required {
    color: #04c9bd;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.Rejected {
    color: #04c9bd;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.Completed {
    color: #46b000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.Not_Required {
    color: #747f81;
    font-weight: 600;
    /*text-transform: uppercase;*/
    text-transform: capitalize;
    font-size: 13px;
}

.taskDocFile {
    width: 180px;
    height: 40px;
    border-radius: 6px;
    padding: 0 0 0 40px;
    margin: 10px 12px 8px 0;
    border: 1px solid #e3f3eb;
    box-sizing: border-box;
    background-color: white;
    position: relative;
    left: 0;
}

.gd-attachment-image.default-type.no-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 38px;
    line-height: 38px;
    border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    text-align: center;
    background-color: #e3f3eb;
}

    .gd-attachment-image.default-type.no-preview .icon {
        /*  display: inline-block;
        font-size: 18px;
        height: 22px;
        vertical-align: middle;
        color: #4E5A6B;
        margin: 8px 0 0 0;*/
        display: inline-block;
        height: auto;
        vertical-align: middle;
        color: #4E5A6B;
        margin: 0px 0 0 0;
    }

.attachment-details {
    padding: 5px 10px 0 10px;
}

.attachment-filename {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 27px;
    color: #000000;
}

.attachment-size {
    margin: 2px 0 0 0;
    font-size: 10px;
    color: #787B80;
}

.attachment-actions {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6px;
    background-color: white;
}

.gd-attachment-button.default-type {
    width: 24px;
    height: 24px;
    border-radius: 13px;
    line-height: 20px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    color: #ffffff;
    margin: 0 4px 0 4px;
    text-align: center;
    cursor: pointer;
}

.ProgressValueSection {
    cursor: default;
    background-color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #DADDE1;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.2);
    width: 278px;
    position: absolute;
    left: -280px;
    z-index: 9;
    top: 8px;
    display: none;
}

    .ProgressValueSection::before {
        top: calc(20px - 7px);
        bottom: auto;
        left: auto;
        right: -7px;
        position: absolute;
        content: "";
        border-top: 8px solid transparent;
        border-left: 8px solid #ffffff;
        border-bottom: 8px solid transparent;
        border-right: none;
        display: inline-block;
        z-index: 1;
    }

.presets {
    margin: 20px auto 10px auto;
    width: 195px;
    text-align: left;
}

#loaddiv {
    cursor: pointer;
}

.ProgressValueSection input.preset-item {
    display: inline-block;
    width: 55px;
    height: 30px;
    line-height: 28px;
    margin: 0 3px 8px;
    text-align: center;
    box-sizing: border-box;
    background-color: #F7F8FA;
    border: 1px solid #E9EBED;
    border-radius: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    cursor: pointer;
}

    .ProgressValueSection input.preset-item:hover {
        background-color: #3162AA;
        border: 1px solid #3162AA;
        color: #ffffff;
    }

.custom-value {
    position: relative;
    padding: 15px 0 15px 0;
    text-align: center;
    background-color: #F7F8FA;
    border-top: 1px solid #DADDE1;
}

.progress-input {
    display: inline-block;
    margin: 0 20px 0 0;
    width: 84px;
}

    .progress-input input {
        border: 1px solid #BDBFC2;
        background-color: white;
        color: #000000;
        z-index: 1;
        width: 100%;
        border-radius: 3px;
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px 0 10px;
    }

.SaveBtntaskProgress {
    display: inline-block;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 10px;
    font-size: 12px;
    background: #3162AA;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    border-radius: 3px;
}

.estimateSection .custom-select {
    padding: 3px 0.75rem;
    margin-top: 17px;
    width: 47%;
    float: left;
}

.estimateSection input {
    border: solid 1px #e0e7ee;
    padding: 3px 5px;
    margin-top: 17px;
    border-radius: 0.25rem;
    width: 45%;
    font-size: 13px;
    float: left;
    margin-left: 10px;
}

.taskStatus .label-cbx > span {
    font-size: 13px;
    color: #323a50;
    font-family: 'Montserrat', sans-serif;
    padding-left: 0px;
    font-weight: 600;
}

.daysRequired {
    position: relative;
}

    .daysRequired .form-control {
        display: block;
        width: 100%;
        padding: 0px;
        font-size: 12px;
        line-height: 1.5;
        color: #495057;
        background-color: transparent;
        background-clip: padding-box;
        border: 0px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        font-weight: 600;
    }

        .daysRequired .form-control:focus {
            color: #495057;
            background-color: transparent;
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.0);
        }

.demo {
    position: relative;
}

    .demo i {
        position: absolute;
        bottom: 10px;
        right: 24px;
        top: auto;
        cursor: pointer;
    }
/* File Upload */
.dropzone {
    background-color: #ccc;
    border: 3px dashed #888;
    width: 350px;
    height: 150px;
    border-radius: 25px;
    font-size: 20px;
    color: #777;
    padding-top: 50px;
    text-align: center;
}

    .dropzone.over {
        opacity: .7;
        border-style: solid;
    }

#dropzone .dropzone {
    margin-top: 25px;
    padding-top: 60px;
}

.fileUploadSection {
    position: relative;
    margin-top: 10px;
}

    .fileUploadSection .fileup-btn {
        border-radius: 50px;
        border: #888b8c dashed 1px;
        /*padding: 10px 12px;*/
    }

    .fileUploadSection a {
        color: #3162AA;
        font-size: 13px;
    }

#upload-2-queue {
    margin-top: 15px;
}
/* End File Upload */
/* End Edit Task */
.ReplyBtn #startbutton {
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    border-radius: 5px;
    background: #3162AA;
    padding: 6px 35px;
    cursor: pointer;
    width: auto;
    text-align: center;
    border: #deebf5 solid 1px !important;
    text-decoration: none;
    margin: 0px;
}


/* LogOut page*/
.logoutSection {
    margin: 0 auto;
    padding: 50px 0 0 0;
}

    .logoutSection .avatar-big {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 32px;
        -webkit-box-shadow: inset 0px 0px 2px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 0px 0px 2px 0 rgba(0, 0, 0, 0.25);
        box-shadow: inset 0px 0px 2px 0 rgba(0, 0, 0, 0.25);
        color: rgba(255, 255, 255, 0.95);
        text-align: center;
        vertical-align: middle;
        line-height: 110px;
        font-weight: 300;
        border-radius: 55px;
        margin: auto;
        overflow: hidden;
    }

        .logoutSection .avatar-big img {
            width: 105px;
            position: relative;
            top: -10px;
            height: 105px;
        }

    .logoutSection .my-details {
        padding: 15px 0 0 0;
        box-sizing: border-box;
        font-size: 20px;
        text-align: center;
    }

    .logoutSection .logout-link {
        margin: 5px 0 0 0;
        color: #1e72d9;
        font-size: 13px;
        font-weight: Normal;
        cursor: pointer;
    }

.logoutWrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 700px;
    margin: 30px auto;
}

    .logoutWrapper h2 {
        position: relative;
        z-index: 2;
        margin: 0px;
    }

        .logoutWrapper h2 span {
            font-size: 16px;
            color: #000000;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            margin: 0px;
            background: #ffffff;
            position: relative;
            z-index: 2;
            padding: 0 22px 0 0;
            text-transform: uppercase;
        }

        .logoutWrapper h2:before {
            border-bottom: 1px solid #DADDE1;
            content: " ";
            position: absolute;
            top: 25px;
            left: 0px;
            width: 100%;
            height: 1px;
            box-sizing: border-box;
            z-index: 1;
        }

.section-content {
    position: relative;
    margin: 10px 25px 20px 25px;
}

    .section-content .plate {
        float: left;
        width: 45%;
        height: 110px;
        margin: 45px 0 0 0;
        text-align: center;
        position: relative;
    }

        .section-content .plate .icon {
            width: 50px;
            height: 50px;
            display: inline-block;
            font-size: 50px;
            color: #999;
            -webkit-transition: color 0.3s;
            -moz-transition: color 0.3s;
            transition: color 0.3s;
        }

    .section-content .icon svg path {
        fill: #666d8a !important;
    }

    .section-content .plate .icon svg {
        fill: #666d8a;
    }

        .section-content .plate .icon svg:hover {
            fill: #3162AA;
        }

    .section-content .plate .delimiter {
        height: 10px;
    }

    .section-content .plate .title-holder {
        line-height: 16px;
    }

.gd-ui-dash-wrapper .section-content .plate .title-holder .title {
    color: #787B80;
    display: inline-block;
    padding-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 32px);
    -webkit-transition: color 0.1s;
    -moz-transition: color 0.1s;
    transition: color 0.1s;
}

.section-content .plate:hover .icon {
    color: #3162AA;
    cursor: pointer;
}

.section-content .plate:hover .title-holder .title {
    color: #3162AA;
    cursor: pointer;
}

.chagenPasswordSection {
    margin: 20px 0 0 0;
    width: 100%;
}

.changePasswordheader {
    display: flex;
    margin: 0px 0 0 20px;
}

.sep {
    padding: 0 10px;
    font-family: 'Montserrat', sans-serif;
    color: #323a50;
    font-size: 14px;
    position: relative;
    top: 1px;
}

.title-label.with-nav {
    font-family: 'Montserrat', sans-serif;
    color: #323a50;
    font-size: 14px;
    position: relative;
}

.changePasswordheader a {
    color: #3162AA;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    text-decoration: none;
    position: relative;
    top: 2px;
}

.header-title {
    display: inline-block;
    vertical-align: middle;
}

.chagnePassword {
    margin: 50px auto auto auto;
    max-width: 660px;
    width: 100%;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        margin-bottom: 0;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: "";
            width: 10px;
            height: 10px;
            background: #20AC65;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.chagnePasswordForm {
    background: #fdfdfd;
    border: #f7f7f7 solid 1px;
    padding: 20px 20px 10px 20px;
    margin: 50px auto auto auto;
    max-width: 660px;
    width: 100%;
    border-radius: 10px;
}

.chagnePassword label {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
    position: relative;
    font-weight: 500;
}

.chagnePassword .form-control {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    border: solid 1px #e0e7ee;
    height: auto;
    color: #5b5b5b;
    padding: 9px 0.75rem;
}

.SubmitBtn {
    padding: 20px 20px 10px 20px;
}

.submitBtnChangePassword {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border: 0px;
    border-radius: 5px;
    background: #3162AA;
    padding: 10px 50px;
    cursor: pointer;
    width: auto;
    text-align: center;
    border: #3162AA solid 1px;
    display: inline-block;
}

.phone-number-input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: solid 1px #e0e7ee;
    background-color: white;
    line-height: normal !important;
    font-size: 13px;
    padding: 2px 0.75rem;
}

.phone-code {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #787B80;
    font-size: 13px;
}

.phone-number {
    display: inline-block;
    border: none;
    background-color: transparent;
    height: auto;
    margin: 0 0 0 6px;
    font-family: "Noto Sans", sans-serif, Arial;
    font-size: 13px;
}
/* End Logout page */
.mobText {
    display: none;
}

li.icon.inactive a svg {
    color: #d4d4d4 !important;
}

li.icon.inactive a {
    color: #d4d4d4 !important;
}

.disabledTask {
    cursor: not-allowed;
    opacity: 0.6;
}

    .disabledTask:hover {
        cursor: not-allowed;
        opacity: 0.6;
    }

.teamSelectList1 {
    float: left;
    width: 50%;
    margin-bottom: 25px;
}

.newProjectform .clickTeamListAddMore {
    float: left;
    margin: 0;
}

.editProjectForm .clickTeamListAddMore {
    float: left;
    margin: 0;
}

.editProjectForm .teamSelectList1 {
    float: left;
    width: 33%;
    margin-bottom: 25px;
}

.filtersNew {
    margin: 20px 0 0 0;
}

    .filtersNew .card-header {
        padding: 0;
        margin-bottom: 0;
        background-color: transparent;
        border-bottom: 0px solid rgba(0, 0, 0, 0.125);
    }

    .filtersNew .card {
        border: 0px solid rgba(0, 0, 0, 0.125);
        border-radius: 0px;
        background-color: transparent;
    }

    .filtersNew .card-body {
        padding: 10px 0;
    }

    .filtersNew .card-link {
        font-weight: bold;
        color: #292e42;
        font-size: 12px;
        text-transform: uppercase;
        position: relative;
        width: 100%;
        display: block;
    }

        .filtersNew .card-link:after {
            content: '\f2f9';
            font-family: 'Material-Design-Iconic-Font';
            font-size: 20px;
            top: -9px;
            position: absolute;
            right: 0;
        }

        .filtersNew .card-link.collapsed:after {
            content: '\f2fc';
            font-family: 'Material-Design-Iconic-Font';
            font-size: 20px;
            top: -9px;
            position: absolute;
            right: 0;
        }

.current.Completed {
    font-size: 13px;
    text-transform: capitalize;
}

/*.current.NotRequired {
    font-size: 13px;
    text-transform: capitalize;
}*/

#ddlStatusProjSumm {
    font-size: 12px;
    padding: 3px 3px 3px 6px;
    height: auto;
    width: 70%;
}

#spnEditTaskName i {
    color: #323a50;
    position: relative;
    top: 1px;
    left: 5px;
}

.headingLeft {
    float: left;
}

.ExportBtnSection {
    float: right;
    margin: 20px 10px 0 0;
}

    .ExportBtnSection .ExportBtn {
        background: #fdba45;
        border: #fdba45;
        color: #000000;
        padding: 4px 12px;
    }

        .ExportBtnSection .ExportBtn i {
            padding-right: 5px;
        }

.filterProjectRSection {
    display: flex;
    flex-wrap: wrap;
}

.searchBoxProjectRSection {
    height: auto;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 1px 8px 8px -6px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 8px 8px -6px rgba(0,0,0,0.1);
    box-shadow: 1px 8px 8px -6px rgba(0,0,0,0.1);
    position: relative;
    padding: 0 25px;
}

.marL10 {
    margin-left: 10px;
}

.searchBoxProjectRSection .form-group {
    margin-bottom: 0px;
}

.searchBoxProjectRSection .filterSection {
    display: flex;
    /* flex-direction: row; */
    justify-content: flex-start;
}

    .searchBoxProjectRSection .filterSection .NextBtn {
        margin: 0 0px 0 0;
    }

.searchBoxProjectRSection .filterProjectRSection .search {
    background: #f7f8fa;
    width: 34%;
}

    .searchBoxProjectRSection .filterProjectRSection .search input {
        background: transparent;
        width: 93%;
    }

.headingLeft svg {
    margin-right: 5px;
}


.ReportSearch .filterSectionLeft .search {
    background: #f7f8fa;
    width: 32%;
}

    .ReportSearch .filterSectionLeft .search input {
        background: transparent;
        width: 93%;
    }

svg > g[class^="raphael-group-"] > text {
    display: none;
}

.dateRangeSection {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 10px 0 0 0
}

.dateRangeBox .form-control {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 12px;
    color: #495057;
    background: #f7f8fa;
    background-clip: padding-box;
    border: 1px solid #f7f8fa;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
}

.goBtn {
    margin: 0 0 0 10px;
}

    .goBtn .NextBtn {
        background: #3162AA;
        color: #ffffff;
        text-decoration: none;
        line-height: 22px;
        box-sizing: border-box;
        cursor: pointer;
        padding: 3px 12px;
        position: relative;
        border-radius: 4px;
        margin: 0 0px 0 0;
        text-align: center;
        font-size: 13px;
    }

.dateRangeBox {
    width: 30%;
}

.dropdown-item {
    font-size: 12px;
}

.width100 {
    width: 100%;
}

.taskActivity label {
    color: #787f82;
    font-size: 13px;
}

.ActivitySelect {
    margin: 0px 0 0 20px;
    float: left;
}

    .ActivitySelect label[for="rbMyTask"] {
        margin-right: 20px;
    }

.radio-item {
    display: inline-block;
    position: relative;
    padding: 0 0px;
    margin: 0px 0 0;
}

    .radio-item input[type='radio'] {
        display: none;
    }

    .radio-item label {
        color: #666;
        font-weight: normal;
    }

        .radio-item label .contentTask {
            position: relative;
            top: 2px;
        }

        .radio-item label:before {
            content: " ";
            display: inline-block;
            position: relative;
            top: 5px;
            margin: 0 5px 0 0;
            width: 16px;
            height: 16px;
            border-radius: 11px;
            border: 2px solid #3162AA;
            background-color: transparent;
        }

    .radio-item input[type=radio]:checked + label:after {
        border-radius: 11px;
        width: 6px;
        height: 6px;
        position: absolute;
        top: 11px;
        top: 11px;
        left: 5px;
        content: " ";
        display: block;
        background: #3162AA;
    }

.InActive_lbl {
    color: #ffffff;
    background: #ff961b !important;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 13px;
    width: 28% !important;
    padding-left: 7px;
}

.Revision_required1 {
    width: 190px;
    color: #ffffff;
    background: #747f81 !important;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 13px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    outline: none;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    padding: 2px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    text-align: center;
    border: 0px;
}

.Revision_required_lbl {
    color: #ffffff;
    background: #747f81 !important;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 11px;
    width: 80% !important;
    padding-left: 7px;
    border-radius: 25px;
    text-align: center;
    padding: 3px;
}

.Rejected1 {
    color: #ffffff;
    background: #3162AA !important;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 13px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    outline: none;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 190px;
    padding: 2px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    text-align: center;
    border: 0px;
}

.Rejected_lbl {
    color: #ffffff;
    background: #3162AA !important;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 11px;
    width: 80% !important;
    padding-left: 7px;
    border-radius: 25px;
    text-align: center;
    padding: 3px;
}

.Accepted1 {
    color: #ffffff;
    background: #639600f7 !important;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 13px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    outline: none;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100px;
    padding: 2px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    text-align: center;
    border: 0px;
}

.Accepted_lbl {
    background: #639600f7 !important;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 11px;
    width: 80% !important;
    padding-left: 7px;
    border-radius: 25px;
    text-align: center;
    padding: 3px;
}

.bordertab1_RecentActivity {
    border-top: #d9dde3 dashed 1px;
    display: inline-block;
    position: absolute;
    width: 70%;
    top: 18px;
    right: 37%;
    z-index: 1;
}

.paddingTop2 {
    padding-top: 2px !important;
}

td.projectName {
    cursor: pointer;
}

    td.projectName.cursorNone {
        cursor: default !important;
    }

.tableBox {
    display: block;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: auto;
}

    .tableBox .table {
        min-width: max-content;
        overflow: hidden;
        overflow-x: auto;
    }

        .tableBox .table tbody td {
            width: 220px;
        }

        .tableBox .table .thead-light th {
            width: 220px;
            padding: 8px 5px;
        }

.projectTimelineH {
    float: left;
    margin-top: 6px !important;
}

.floatLeft {
    float: left;
    width: auto;
}

    .floatLeft label {
        color: #666;
        font-size: 13px;
        margin-left: 20px;
        display: inline-block;
        margin-bottom: 0px;
        margin-right: 5px;
    }

.displayInline {
    display: inline-block;
    width: 130px;
    margin: 0px;
}

span.select2-selection.select2-selection--single {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 12px;
    color: #495057;
    background-color: #f7f8fa;
    background-clip: padding-box;
    border: 1px solid #f7f8fa;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-weight: 600;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    font-size: 13px;
    color: #495057;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3162AA !important;
    color: white;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dcdcdc;
    font-size: 13px;
    color: #495057;
}

    .select2-container--default .select2-search--dropdown .select2-search__field:focus {
        border: 1px solid #aaa !important;
    }

li.select2-results__option.select2-results__message {
    font-size: 13px;
    color: #495057;
}

.tableSection.tableBox .table .thead-light th:nth-child(1) {
    border-radius: 5px 0 0 0;
    width: 220px;
}

.tableSection.tableBox .table th.tableCheck {
    width: 20px !important;
    text-align: center;
}

.mTop10 {
    margin-top: 10px !important;
}
/* dashboard */
.dashboard {
    padding: 0 15px;
}

.dashboardBox {
    background: #fcfcfc;
    border: #fcfcfc solid 1px;
    padding: 15px;
    position: relative;
    margin: 15px 0 0 0;
    min-height: 360px;
}

    .dashboardBox h2 {
        font-size: 14px;
        color: #292e42;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
        display: inline-block;
    }

.dotIcons {
    color: #c0d2de;
    text-align: right;
    cursor: pointer;
    font-size: 22px !important;
    float: right;
}

.ProjectChart {
    text-align: center;
}

    .ProjectChart img {
        width: 100%;
        max-width: 865px;
        margin: 10px 0 0 0;
    }

.OverviewChart {
    text-align: center;
    margin: 10px 0 0 0;
}

    .OverviewChart img {
        width: 100%;
        max-width: 225px;
        margin: 10px 0 0 0;
    }

.lastWeek {
    color: #808080;
    font-size: 12px;
}

.dashboardBox .dropdown-menu a {
    font-size: 12px;
}

    .dashboardBox .dropdown-menu a:focus {
        background: #3162AA;
    }

    .dashboardBox .dropdown-menu a:hover {
        background: #3162AA;
    }

    .dashboardBox .dropdown-menu a.active {
        background: #3162AA;
    }

.taskActivity {
    margin: 15px 0 0 0px;
}

    .taskActivity h2 {
        font-size: 16px;
        color: #292e42;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
        display: inline-block;
    }

#main {
    margin: 20px 0;
}

    #main #dv_TaskActivity .card {
        margin-bottom: 0px;
        border: 0;
    }

        #main #dv_TaskActivity .card .card-header {
            border: 0;
            padding: 0;
        }

            #main #dv_TaskActivity .card .card-header .btn-header-link {
                color: #fff;
                display: block;
                text-align: left;
                background: #ffffff;
                color: #222;
                padding: 10px 10px 10px 0px;
                outline: none;
            }

                #main #dv_TaskActivity .card .card-header .btn-header-link:focus {
                    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
                }

                /* #main #faq .card .card-header .btn-header-link.collapsed {
  background: #A541BB;
  color: #fff;
} */

                #main #dv_TaskActivity .card .card-header .btn-header-link.collapsed:after {
                    content: "\f105";
                }

                #main #dv_TaskActivity .card .card-header .btn-header-link.collapsed span.heading {
                    background: #f0f2f5;
                    margin-left: 10px;
                }

                #main #dv_TaskActivity .card .card-header .btn-header-link span.heading {
                    color: #fff;
                    text-align: left;
                    background: #ffffff;
                    color: #000000;
                    font-size: 12px;
                    font-weight: bold;
                    text-transform: uppercase;
                    outline: none;
                    padding: 8px 20px 8px 15px;
                    border-radius: 50px;
                    position: relative;
                    z-index: 2;
                    margin-left: 10px;
                }

                #main #dv_TaskActivity .card .card-header .btn-header-link:after {
                    content: "\f107";
                    font: normal normal normal 14px/1 FontAwesome;
                    font-weight: 900;
                    position: absolute;
                    left: 0;
                    top: 15px;
                }

                #main #dv_TaskActivity .card .card-header .btn-header-link.collapsed:before {
                    content: "";
                    border-top: dashed 1px #aac2d4;
                    position: absolute;
                    width: 85%;
                    z-index: 1;
                    left: 10%;
                    top: 24px;
                }

                #main #dv_TaskActivity .card .card-header .btn-header-link .numberTest {
                    display: none;
                }

                #main #dv_TaskActivity .card .card-header .btn-header-link.collapsed .numberTest {
                    display: block;
                    color: #000000;
                    font-size: 14px;
                    font-weight: bold;
                    position: absolute;
                    top: 10px;
                    right: 0;
                }

.dotcolor {
    background: #fc7960;
    border-radius: 50px;
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-right: 8px;
}

.green {
    background: #4acf89;
}

#main #dv_TaskActivity .card .collapsing {
    background: #ffffff;
    line-height: 30px;
}

#main #dv_TaskActivity .card .collapse {
    border: 0;
}

    #main #dv_TaskActivity .card .collapse.show {
        background: #ffffff;
        line-height: 30px;
        color: #222;
    }

#main #dv_TaskActivity .card .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1rem;
    padding-bottom: 20px;
}

.taskActivityTable table {
    width: 100%;
}

    .taskActivityTable table tr td {
        padding-right: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .taskActivityTable table tr {
        border-bottom: #d1e1ed dashed 1px;
        padding: 8px 0;
    }

.taskActivityTable tr td:nth-last-child(1) {
    padding-right: 0px;
}

.taskActivityTable .draft {
    color: #383838;
    font-size: 12px;
    background: #f0f0f0;
    border-radius: 3px;
    padding: 3px 10px;
    display: inline-block;
    line-height: normal;
    cursor: pointer;
}

.taskActivityTable .borderLeft {
    position: relative;
    padding-left: 25px;
    width: 35%;
    cursor: pointer;
}

.taskActivityTable td.overdueTest {
    width: 20%;
}

.taskActivityTable td.upcoming3DaysTest {
    width: 20%;
}

.taskActivityTable .borderLeft::after {
    content: "";
    border-left: solid 1px #efefef;
    position: absolute;
    width: 100%;
    height: 25px;
    z-index: 1;
    left: 0%;
    top: 13px;
}

.taskActivityTable .overdueTest div {
    font-size: 12px;
    color: #3162AA;
    font-weight: 600;
}

.taskActivityTable .upcomingTest div {
    font-size: 13px;
    color: #11a859;
    font-weight: 600;
}

.taskActivityTable .upcoming3DaysTest div {
    font-size: 13px;
    /*color: #fae713;*/
    color: #ee9710;
    font-weight: 600;
}

.taskActivityTable .status .fiveDays {
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    background: #fc7960;
    padding: 3px 20px;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
}

.taskActivityTable .status .oneDays {
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background: #4acf89;
    padding: 3px 20px;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
}

.taskActivityTable .status .threeDays {
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    /*background: #fcea1c;*/
    background: #eebb16;
    padding: 3px 20px;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
}

.taskActivityTable .borderTop div {
    position: relative;
    width: 150px;
}

    .taskActivityTable .borderTop div::after {
        content: "";
        border-top: dashed 1px #aac2d4;
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0%;
        top: 0px;
    }

.taskActivityTable .userPic img {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    margin-right: 5px;
}

.taskActivityTable .userPic {
    color: #787f82;
    font-size: 13px;
}

.projectTrackers {
    margin: 15px 0;
}

    .projectTrackers h2 {
        font-size: 16px;
        color: #000000;
        font-weight: 600;
        margin: 0px 0 10px 0;
        padding: 0px;
        display: inline-block;
    }

    .projectTrackers table {
        width: 100%;
    }

        .projectTrackers table tr {
            border-bottom: #e0e0e0 solid 1px;
        }

            .projectTrackers table tr td {
                padding: 15px 10px;
            }

                .projectTrackers table tr td .draft {
                    color: #383838;
                    font-size: 12px;
                    background: #f0f0f0;
                    border-radius: 3px;
                    padding: 0 10px;
                    display: inline-block;
                    margin-left: 10px;
                    cursor: pointer;
                }

                .projectTrackers table tr td .projectName1 {
                    font-size: 14px;
                    color: #000000;
                    font-weight: 600;
                    margin-left: 10px;
                    cursor: pointer;
                }

                .projectTrackers table tr td:nth-child(1) {
                    width: 30%;
                    padding-left: 0px;
                }

                .projectTrackers table tr td:nth-child(2) {
                    width: 15%;
                }

                .projectTrackers table tr td:nth-child(3) {
                    width: 10%;
                }

                .projectTrackers table tr td:nth-child(4) {
                    width: 15%;
                }

                .projectTrackers table tr td:nth-child(5) {
                    width: auto;
                }

.progressSection {
    position: relative;
}

.projectTrackers table tr td .progress {
    height: 8px;
    background-color: #e7e9f6;
    width: 70%;
}

.progressNumber {
    position: absolute;
    right: 10px;
    font-size: 13px;
    color: #787f82;
    top: -7px;
}

.projectTrackers table tr td .progress-bar {
    background-color: #3162AA;
}

.projectsInfo i {
    color: #666d8a;
}

.Ddate {
    font-size: 13px;
    color: #787f82;
}

.Dashstatus {
    font-size: 12px;
    color: #000000;
    font-weight: 600;
}

    .Dashstatus .activeD {
        background: #46b000;
        height: 10px;
        width: 10px;
        display: inline-block;
        margin-right: 8px;
    }

    .Dashstatus .InactiveD {
        background: #ff961b;
        height: 10px;
        width: 10px;
        display: inline-block;
        margin-right: 8px;
    }

    .Dashstatus .onHoldD {
        background: #8a4aa3;
        height: 10px;
        width: 10px;
        display: inline-block;
        margin-right: 8px;
    }

.sponsorD {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
}

    .sponsorD img {
        width: 25px;
        height: 25px;
        border-radius: 50px;
        margin-left: 10px;
        margin-right: 5px;
    }

.sponsorName {
    color: #787f82;
    font-size: 13px;
    margin-right: 10px;
}

.sponsorName1 {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
}

.upcomingInvoice {
    margin: 15px 0 0 0;
}

    .upcomingInvoice h2 {
        font-size: 16px;
        color: #000000;
        font-weight: 600;
        margin: 0px 0 10px 0;
        padding: 0px;
        display: inline-block;
    }

.invoiceDateMon {
    background: #ededed;
    font-size: 13px;
    color: #323a50;
    text-align: center;
    padding: 3px 15px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 600;
}

.upcomingInvoice .dropdown-menu a {
    font-size: 12px;
}

    .upcomingInvoice .dropdown-menu a:focus {
        background: #3162AA;
    }

.divider2 {
    background: #f1f1f1;
    width: 100%;
    height: 1px;
    margin: 15px auto 0px auto;
}

.invoiceDataSection {
    margin: 0px 0 0 0;
}

    .invoiceDataSection table {
        width: 100%;
    }

        .invoiceDataSection table tr {
            border-bottom: #f1f1f1 solid 1px;
        }

            .invoiceDataSection table tr td {
                padding: 15px 10px;
            }

                .invoiceDataSection table tr td .draft {
                    color: #383838;
                    font-size: 12px;
                    background: #f0f0f0;
                    border-radius: 3px;
                    padding: 0 10px;
                    display: inline-block;
                    margin-left: 10px;
                    padding-bottom: 3px;
                }

                .invoiceDataSection table tr td .projectName1 {
                    font-size: 14px;
                    color: #000000;
                    font-weight: 600;
                    margin-left: 10px;
                }

                .invoiceDataSection table tr td:nth-child(1) {
                    width: 50%;
                    padding-left: 0px;
                }

                .invoiceDataSection table tr td:nth-child(2) {
                    width: 20%;
                }

                .invoiceDataSection table tr td:nth-child(3) {
                    width: 20%;
                    text-align: right;
                }

.progressSection {
    position: relative;
}

.invoiceDataSection table tr td .progress {
    height: 8px;
    background-color: #e7e9f6;
    width: 70%;
}

.progressNumber {
    position: absolute;
    right: 10px;
    font-size: 13px;
    color: #787f82;
    top: -7px;
}

.invoiceDataSection table tr td .progress-bar {
    background-color: #3162AA;
}

.invoiceDataSection .Ddate {
    font-size: 13px;
    color: #3162AA;
    font-weight: 600;
}

.invoiceDataSection .InvoicePrice {
    font-size: 13px;
    color: #000000;
    font-weight: 600;
}

.completedInvoice {
    position: relative;
}

    .completedInvoice h3 {
        color: #000;
        font-size: 13px;
        margin: 30px 0 0 0px;
        padding: 0px;
    }

    .completedInvoice .progress {
        height: 8px;
        background-color: #e7e9f6;
        width: 85%;
        margin-top: 15px;
    }

    .completedInvoice .progress-bar {
        background-color: #46b000;
    }

    .completedInvoice .progressNumber {
        position: absolute;
        right: 10px;
        font-size: 13px;
        color: #787f82;
        top: 23px;
    }

.PendingInvoice {
    position: relative;
    margin-top: 20px;
}

    .PendingInvoice h3 {
        color: #000;
        font-size: 13px;
        margin: 30px 0 0 0px;
        padding: 0px;
    }

    .PendingInvoice .progress {
        height: 8px;
        background-color: #e7e9f6;
        width: 85%;
        margin-top: 15px;
    }

    .PendingInvoice .progress-bar {
        background-color: #ff961b;
    }

    .PendingInvoice .progressNumber {
        position: absolute;
        right: 10px;
        font-size: 13px;
        color: #787f82;
        top: 23px;
    }

.dashboardBox1 {
    min-height: 236px;
}

.blankBox {
    height: 50px;
}

.leftSection ul li a i.NotificationsIcon {
    width: auto;
    height: auto;
    background: none;
    margin: auto;
    float: left;
    font-size: 18px;
}

.tooltip-inner {
    background: #000000;
}

#dvProjectChart {
    font-size: 12px;
}

    #dvProjectChart text {
        font-size: 11px !important;
        color: #8a8a8a !important;
    }

    #dvProjectChart .raphael-group-MAqZkbfT {
        display: none;
    }


.customCheckbox visible {
    display: block;
}

#dvOverAllTaskChart {
    font-size: 12px;
}

    #dvOverAllTaskChart text {
        font-size: 11px !important;
        color: #8a8a8a !important;
    }

    #dvOverAllTaskChart .raphael-group-MAqZkbfT {
        display: none;
    }

.flexStart {
    justify-content: flex-start;
}

.floatR {
    float: right;
    margin-bottom: 0px;
}
/* End dashboard */
.width19 {
    width: 19%;
}

.paging-nav {
    text-align: left;
    padding-top: 0;
    padding-right: 156px;
    width: auto;
    padding-bottom: 20px;
}

    .paging-nav a {
        margin: auto 1px;
        text-decoration: none;
        display: inline-block;
        padding: 1px 10px 3px 10px;
        background: #ebf6fe;
        font-size: 14px;
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        border-radius: 3px;
    }

    .paging-nav .selected-page {
        background: #3162AA;
        font-weight: bold;
        color: #ffffff;
    }

.tableArea {
    width: 100%;
    overflow-x: auto;
    /*overflow-y: hidden;*/
}

.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 24px;
}

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

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #3162AA;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(29px);
    -ms-transform: translateX(29px);
    transform: translateX(29px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.parentRegistration {
    cursor: pointer;
    color: #20AC65;
}

    .parentRegistration:hover {
        color: #3162AA;
        text-decoration: none;
    }

@media (min-width: 1500px) {
    .container {
        max-width: 1440px;
    }

    .searchBoxProjectRSection .filterProjectRSection .search {
        background: #f7f8fa;
        width: 28%;
    }

    .width19 {
        width: 18%;
    }
}

@media (min-width: 1400px) {
    .modal-dialog {
        margin: 6rem auto auto auto !important;
    }
}

@media (max-width: 1580px) {
    .addNewMaster a {
        padding: 9px 10px;
    }

    #DownloadCamperProfileSection {
        width: auto !important;
    }

    .downloadlink {
        margin-top: 40px;
    }
}

@media (max-width: 1400px) {
    .modal-dialog.addNewMasterSection {
        margin: 1.0rem auto auto auto;
    }

    #addNewProjectSection .formsection {
        min-height: 510px;
        max-height: 510px;
    }
    /* .msg-container {
        position: relative;
        width: 100%;
        max-height: calc(100vh - 18vh);
        padding: 0 0 0px 0;
        box-sizing: border-box;
        height: auto;
    }*/
    .v-scroll {
        width: 100%;
        position: relative;
        padding: 0px 20px 0 20px;
        height: 72vh;
        overflow: hidden;
        overflow-y: auto;
    }

    .ReplyBtn {
        margin: 10px 0 0 0px;
    }

    .msg-container {
        max-height: calc(100vh - 18vh);
    }

    .leftSection {
        padding-bottom: 30px;
    }

    .ReportSearch .filterSectionLeft .search {
        background: #f7f8fa;
        width: 20%;
    }

        .ReportSearch .filterSectionLeft .search input {
            background: transparent;
            width: 90%;
        }
}

@media (min-width:1366px) {

    .ReplyBtn {
        margin: 0px 0 0 0px;
    }

    .v-scroll {
        height: 75vh;
    }

    .leftSection {
        padding-bottom: 30px;
    }

    .ReportSearch .filterSectionLeft .search {
        background: #f7f8fa;
        width: 25%;
    }
}

@media (min-width:1300px) {
    .ReportSearch .filterSectionLeft .search {
        background: #f7f8fa;
        width: 20%;
    }

        .ReportSearch .filterSectionLeft .search input {
            background: transparent;
            width: 90%;
        }
}

@media (max-width: 1024px) {
    .textAccordianwrap {
        width: 96% !important;
    }

    .progressNumber {
        position: absolute;
        right: 0;
        font-size: 13px;
        color: #787f82;
        top: -7px;
    }
}

@media (max-width: 912px) {
    .loginBg {
        top: 8% !important;
    }
}

@media (max-width: 992px) {
    .loginBg {
        position: absolute;
        top: 27%;
        left: auto;
        margin-left: auto;
        margin-top: auto;
        width: 100%;
        height: auto;
        z-index: 1;
    }

    .homeLoginbtn {
        display: inline-block !important;
    }

    .textAccordianwrap {
        width: 95% !important;
    }

    .signupNewSection .container {
        max-width: inherit !important;
        width: inherit !important;
    }

    .signupNewSection .col-md-8, .signupNewSection .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .signupWrap {
        margin-bottom: 25px;
    }

    .logo {
        padding: 0% 0 8% 0;
    }

    .editnew i {
        width: 25px;
        height: 25px;
        line-height: 13px;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .loginBgSection {
        width: 86%;
        background: #ffffff;
        position: relative;
        z-index: 2;
        left: auto;
        top: 127px;
        padding: 20px 25px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
        margin: auto;
    }

    .ghost {
        animation: float 7s ease-out infinite;
        width: 100%;
        max-width: 778px;
    }

    .progressNumber {
        position: absolute;
        right: 0;
        font-size: 13px;
        color: #787f82;
        top: -7px;
    }
}

@media (max-width: 990px) {

    .innerTopMenu ul li.icon a span {
        display: none !important;
    }

    .innerTopMenu ul li.icon a:hover i {
        display: block;
        color: #fff;
        line-height: 23px;
    }

    .leftSection .openbtn {
        display: block;
    }

    .leftSection .closebtn {
        display: none;
    }

    .leftSection {
        position: relative;
        overflow: initial;
        transition: 0.1s;
    }

    .leftSectionMenu {
        position: absolute;
        right: -28px;
        background: #ebf6fe;
        border-radius: 0px 5px 5px 0;
        padding: 8px;
        top: 19px;
        font-size: 14px;
    }

    .leftSection {
        height: 100%;
        width: 0;
        position: relative;
        z-index: 1;
        top: 0;
        left: 0;
        transition: 0.5s;
    }

        .leftSection .leftMenu {
            overflow: hidden;
            overflow-y: auto;
        }

    .tableSection {
        position: relative;
    }

    .editProjectForm .formsection {
        max-height: initial;
        height: auto;
    }

    #modalAddNewTask .modal-dialog.editNewMasterSection1 .formsection {
        position: relative;
        padding: 20px;
        min-height: inherit;
        max-height: inherit;
        overflow: hidden;
        overflow-y: auto;
    }

    .teamSelectList {
        margin-bottom: 20px;
    }

    .ReportSearch {
        height: auto;
    }

        .ReportSearch .form-group {
            margin: 0px;
        }

    .filterSection .mbR0 {
        margin-right: 0px;
    }

    .filterSectionLeft .marL10 {
        margin-left: 0px;
    }

    .filterSectionLeft .selectBox {
        /*margin: 5px 0;*/
        margin-bottom: 10px;
    }

    .ReportSearch .search {
        margin: 5px 0;
    }

    .filterSection .NextBtn {
        height: 30px;
    }

    .ReportSearch .filterSection {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .project-summary .project-summary-block {
        position: relative;
        float: left;
        width: 100%;
        padding: 10px 14px 0 15px;
        box-sizing: border-box;
    }

    .project-summary .project-summary-block {
        position: relative;
        float: left;
        width: 100%;
        padding: 10px 14px 0 15px !important;
        box-sizing: border-box;
    }

    .SponsorText .content-row {
        padding-left: 15px;
    }

    .projectTrackers table tr td {
        display: block;
        width: 100% !important;
    }

    .taskActivityTable td {
        width: 100% !important;
        display: block;
    }

    .taskActivityTable table tr td.borderTop {
        display: none;
    }

    .taskActivityTable .borderLeft {
        padding-left: 0px;
    }

        .taskActivityTable .borderLeft::after {
            display: none;
        }

    .taskActivityTable table tr td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .ReportSearch .filterSectionLeft .search {
        background: #f7f8fa;
        width: 100%;
    }

    button#RptGenerate {
        margin-right: 10px;
    }

    button#RptClearfilter {
        margin-right: 0px;
    }

    .pL26 {
        padding-left: 26px !important;
    }

    .searchBoxProjectRSection .filterProjectRSection .search {
        background: #f7f8fa;
        width: 100%;
    }

    .marL10 {
        margin-left: 0;
    }

    .selectBox {
        width: 100%;
        /* margin: 8px 0;*/
    }

    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .BtnSection {
        width: auto;
    }

    .searchBoxProjectRSection .filterSection {
        justify-content: flex-end;
        width: 100%;
    }

    .ReportSearch .filterSectionLeft .search input {
        background: transparent;
        width: 96%;
    }

    .searchBoxProjectRSection .filterProjectRSection .search input {
        background: transparent;
        width: 96%;
    }

    .leftSection ul li a {
        padding-left: 20px;
    }

    .dashboardSelectBox {
        width: 180px;
        margin: 18px 18px 0 0;
    }

    .width19 {
        width: 100%;
    }
}




@media only screen and (min-width: 1300px) and (max-width:1370px) {
    .filterSectionLeft .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media only screen and (min-width: 720px) and (max-width:1023px) {
    .filterSectionLeft {
        flex-wrap: wrap;
    }

    .selectBox {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .rc-anchor-light {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
    }
}

@media only screen and (min-width: 1024px) and (max-width:1370px) {
    .signupNewSection .container {
        max-width: inherit !important;
        width: inherit !important;
    }

    .mainSection {
        display: inherit;
    }

    .filterSectionLeft div.col-md-1:nth-last-child(-n + 1) {
        padding-left: 15px !important;
    }

    .filterSectionLeft .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 13.333333%;
        max-width: 13.333333%;
        padding-left: 15px !important;
    }

    .sumitBtn {
        width: 100%;
    }

        .sumitBtn button {
            width: 100%;
        }

    .searchBox #dvAddNewCamp {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .filterSectionLeft {
        flex-wrap: wrap;
    }

    .selectBox {
        margin-bottom: 10px;
    }

    .tableSection .table {
    }

    #tblUserManagement {
        display: inline-table;
    }

    .tableSection #tblKidManagement, .tableSection #tblCampManagement, .tableSection #tblParentManagement {
    }

    .addNewMaster a {
        margin-right: 10px;
        margin-left: 0;
        padding: 8px 6px;
        font-size: 13px;
    }

        .addNewMaster a:nth-first-child(2n+1) {
            margin-right: 0;
            margin-left: 0;
        }

    .searchBox .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .searchBox .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .searchBox .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


@media only screen and (min-width: 720px) and (max-width:1000px) {
    .filterSectionLeft div.col-md-1:nth-last-child(-n + 2) {
        padding-left: 15px !important;
    }

    .tableSection .table {
        /*display: inline-block;*/
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    #dvAddNew a { /*margin-top: 12px;*/
    }

    .filterSectionLeft {
        margin-bottom: 12px;
    }

    .searchBox .col-md-9, .searchBox .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .filterSectionLeft .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .filterSectionLeft .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .filterSectionLeft .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .sumitBtn {
        width: 100%;
    }

        .sumitBtn button {
            width: 100%;
        }

    .addNewMaster a {
        float: left;
        margin-left: 0;
        /*margin-top: 12px;*/
        margin-right: 10px;
    }
}

@media only screen and (min-width: 600px) and (max-width:768px) {

    .filterSectionLeft .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .filterSectionLeft .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .filterSectionLeft .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media (max-width: 768px) {
    .loginBg {
        top: 25% !important;
    }

    .yesNosection .col-md-6 {
        margin-bottom: 10px;
    }

    .signupNewSection .col-md-8, .signupNewSection .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .signupImage {
        height: 280px !important;
    }

    .signupNewSection .container {
        max-width: inherit !important;
        width: inherit !important;
    }

    .signupWrap .grid-gap {
        display: block;
    }

    .signupWrap {
        margin-bottom: 25px;
    }

    .innerTopMenu ul li.icon a i {
        font-size: 20px !important;
    }

    .newReport button {
        float: left;
        padding: 9px 13px;
    }

    .innerTopMenu ul li.icon {
        width: 42px;
    }

    .innerTopMenu {
        padding-left: 15px;
    }

    #dvAddNew a {
        /*margin-top: 12px;*/
    }

    .filterSectionLeft {
        /*margin-bottom: 12px;*/
    }
}

@media only screen and (min-width: 740px) and (max-width:768px) {
    .filterSectionLeft div.col-md-1 .sumitBtn {
        padding-left: 0 !important;
    }
}

@media (max-width: 740px) {

    .filterSectionLeft div.col-md-1 .sumitBtn {
        /* padding-left: 15px;*/
        margin-bottom: 12px;
        width: 100%;
    }

    .sumitBtn button {
        width: 100%;
    }

    .cancleBtn button {
        width: 100%;
    }

    .customTable .table {
        display: inline-table !important;
    }

    .addNewMaster a {
        font-size: 12px;
        float: left;
        margin-left: 0;
        /*margin-top: 12px;*/
        margin-right: 10px;
        padding: 7px 12px;
    }

    .cancleBtn {
        margin-bottom: 10px;
        width: 100%;
    }
}

@media (max-width: 710px) {
    .textAccordianwrap {
        width: 93% !important;
    }

    .selectBox .statusSelectSection {
        /* margin-bottom: 10px;*/
    }

    .filterSectionLeft .selectBox .form-group {
        /*margin-bottom: 10px;*/
    }

    .filterSectionLeft {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cancleBtn {
        padding-left: 15px;
        /*margin-top: 12px;*/
    }

    .logoutSection {
        margin: 0 auto;
        padding: 50px 0 0 0;
        width: 98%;
    }

    .logoutWrapper {
        width: 100%;
    }

        .logoutWrapper h2 {
            text-align: center;
        }

            .logoutWrapper h2 span {
                padding: 0 30px 0 30px;
            }

    .tableSection {
        padding: 0 15px 0px 15px;
    }

    .table thead {
        display: none;
    }

    .tableSection .table tbody tr:nth-child(odd) {
        background: #f1f1f1;
    }

    .tableSection .table tbody td {
        width: 100%;
        display: block;
        border-right: 0px;
        background: transparent;
    }

    .dropdown {
        background: transparent;
    }

    .mobText {
        font-size: 13px;
        color: #22293b;
        font-family: 'Montserrat', sans-serif;
        display: block;
        font-weight: 600;
        padding-bottom: 3px;
    }

    .searchBox {
        height: auto;
    }

    .search {
        background: #f7f8fa;
        width: 100%;
        margin-bottom: 10px;
        /*margin: 8px 0 8px 0;  */
    }

    .leftSection ul li a span {
        padding-left: 10px;
        position: relative;
        top: 0;
    }

    .leftSection ul li a {
        display: block;
        padding: 15px 0 15px 15px;
        font-size: 12px;
    }



    .filterBoxSection {
        width: 100%;
        background: #ebf6fe;
        position: absolute;
        top: 0px;
        right: 0;
        max-width: 100%;
        height: 100%;
    }

    .withSelectedSection {
        width: 100%;
        background: #ebf6fe;
        position: absolute;
        top: 0px;
        right: 0;
        max-width: 100%;
        height: 100%;
    }

    .tableSection {
        position: relative;
    }

    .dropdown.tagwidth .current {
        font-size: 10px;
    }

    .dropdown.tagwidth.open .list li {
        border-bottom: #dfedf7 solid 1px;
        font-size: 12px;
        line-height: 30px;
    }

    .tabBg {
        background: #ebf6fe;
        width: 100%;
        border-right: #deebf5 solid 1px;
        min-height: auto;
        padding: 0px;
        max-width: 100%;
    }

    #colorPick {
        background: rgba(255, 255, 255, 1);
        left: 35% !important;
        top: 400px !important;
    }

    .formsection {
        min-height: auto;
        max-height: auto;
    }

    .tabBg .nav-pills .nav-link {
        font-size: 13px;
        padding: 8px 25px;
    }

    .colorpicker {
        top: 10px;
    }

    .mobImg {
        width: 100%;
    }

    .modal-dialog.editNewMasterSection1 .formsection {
        max-height: initial;
    }

    .alert-info {
        font-size: 12px;
    }

    .projectMidSection {
        display: block;
    }

        .projectMidSection .dashboard-column-1 {
            width: 100%;
        }

        .projectMidSection .project-second-column {
            height: 100%;
            margin: 0 0px 15px 0;
        }

        .projectMidSection .projectDashboardContainer {
            position: relative;
            height: 100%;
            box-sizing: border-box;
        }

    .TaskActivitySection {
        width: 100%;
    }

    .forgotpassword {
        font-size: 13px;
    }

    .loginBgSection h2 {
        font-size: 30px;
        padding-top: 0;
    }

    .logo {
        margin: 5% 0 5% 0;
        text-align: center;
    }

    .projectMidSection .dashboard-column-2 {
        width: 100%;
    }

    .projectMidSection .dashboard-column-4 {
        width: 100%;
    }

    .divider {
        background: #dfedf7;
        width: 80%;
        height: 1px;
        margin: 10px auto 15px auto;
    }

    .leftSection .leftMenu {
        overflow: hidden;
        overflow-y: auto;
        height: 100%;
        box-sizing: border-box;
    }



    .teamSelectList1 {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .editProjectForm .teamSelectList1 {
        float: left;
        width: 33%;
        margin-bottom: 25px;
    }

    .selectBox1 {
        width: 100%;
        margin: 0px 0 0px 0px;
        float: left;
    }

    .filterSection {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .selectBox1 .form-group {
        margin-bottom: 0px !important;
    }

    .taskTableSection {
        padding: 0 0px 0px 0px;
    }

    .taskTable .table tbody td {
        width: 100%;
        border-right: #e5e5e5 solid 0px;
        display: block;
    }

    .filterBoxSection {
        width: 100%;
        background: #ebf6fe;
        position: absolute;
        top: 0px;
        right: 0;
        max-width: 460px;
        height: 100%;
        z-index: 9;
        overflow-y: auto;
        padding-bottom: 50px;
    }

    .bordertab {
        border-bottom: #d9dde3 dashed 1px;
        display: block;
        position: absolute;
        width: 80%;
        top: 6px;
        right: 30px;
        z-index: 1;
    }

    .TaskOrder {
        margin: 0 0 10px 0;
        display: inline-block;
        padding: 6px 15px;
    }

    .editProjectForm .teamSelectList1 {
        float: left;
        width: 50%;
        margin-bottom: 25px;
    }

    .teamName {
        left: 30px;
    }

    .projectMidSection .dashboard-column-3 {
        width: 100%;
    }

    .editTaskSection .modal-body.editTaskBox {
        padding: 0px;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }

    .editTaskSection .leftTaskSection {
        padding: 20px 0px 0px 0px;
        height: 100%;
    }

    .msg-container {
        max-height: initial;
        height: auto;
    }

    .v-scroll {
        width: 100%;
        position: relative;
        padding: 0px 20px 0 20px;
        height: auto;
        overflow: hidden;
        overflow-y: auto;
    }

    .editTaskSection .righttaskSection {
        background: #ebf6fe;
        width: 100%;
        border-right: #deebf5 solid 1px;
        padding: 20px 20px 20px 30px;
        max-width: 100%;
        height: auto;
    }

    .editTaskSection .modal-dialog.EditTask {
        margin: auto auto;
        max-width: 1100px;
        width: 96%;
    }

    .task-actions {
        position: relative;
    }

    .taskNumber1 {
        left: 0;
        margin-right: 10px;
    }



    .filterSectionLeft .marL10 {
        margin-left: 0px;
    }

    .filterSectionLeft .selectBox {
        /*margin: 5px 0;*/
    }

    .ReportSearch .search {
        /*margin: 5px 0;*/
    }

    .filterSection .NextBtn {
        height: 30px;
    }

    .ReportSearch .filterSection {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .taskActivityTable .borderLeft {
        position: relative;
        padding-left: 0px;
        display: block;
        width: 100%;
    }

    .taskActivityTable table tr td {
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        width: 100%;
    }

    .taskActivityTable table tr td {
        padding-right: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        width: 100%;
    }

    .taskActivityTable .borderLeft::after {
        display: none;
    }

    .taskActivityTable .borderTop div {
        width: 100%;
    }

    #main #dv_TaskActivity .card .card-header .btn-header-link.collapsed span.heading {
        background: #f0f2f5;
        margin-left: 10px;
        font-size: 11px;
    }

    #main #dv_TaskActivity .card .card-header .btn-header-link span.heading {
        font-size: 11px;
    }

    #main #dv_TaskActivity .card .card-header .btn-header-link.collapsed .numberTest {
        display: block;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        position: absolute;
        top: 13px;
        right: 0;
    }

    .projectTrackers table tr td {
        padding: 10px 0px;
    }

        .projectTrackers table tr td:nth-child(1) {
            width: 100%;
            padding-left: 0px;
            display: block;
        }

        .projectTrackers table tr td:nth-child(2) {
            width: 100%;
            padding-left: 0px;
            display: block;
        }

        .projectTrackers table tr td:nth-child(3) {
            width: 100%;
            padding-left: 0px;
            display: block;
        }

        .projectTrackers table tr td:nth-child(4) {
            width: 100%;
            padding-left: 0px;
            display: block;
        }

        .projectTrackers table tr td:nth-child(5) {
            width: 100%;
            padding-left: 0px;
            display: block;
        }

        .projectTrackers table tr td .projectName1 {
            font-size: 12px;
            color: #000000;
            font-weight: 600;
            margin-left: 10px;
        }

    .dateRangeBox {
        width: 100%;
    }

    .projectTaskList {
        padding: 0 30px 0px 30px;
        display: block;
        flex-direction: row;
        justify-content: normal;
        height: auto;
    }

    .newTask {
        margin: 20px 0 30px 0;
        position: relative;
        top: 0;
    }

    .projectQuichLinkes {
        margin: 5px 0 5px 0;
        padding: 0px;
    }

    .newTask {
        margin: 0px 0 0 0;
        position: relative;
        top: 30px;
    }

    .projectTrackers table tr td {
        display: block;
        width: 100% !important;
    }
}

@media (max-width: 768px) {

    .container-login100-form-btn div, .container-login100-form-btn span {
        width: 100%;
    }

    .container-login100-form-btn span {
        margin: 0;
    }

    #but_ForgoptPwdSubmit {
        margin: 10px 0 !important;
    }


    .backtologin {
        margin: 10px 0;
    }

    .innerTopMenu ul li.icon {
        width: 42px;
    }

    .innerTopMenu {
        padding-left: 15px;
    }

    #dvAddNew a {
        margin-top: 0;
    }
}

@media (max-width: 667px) {
    .filterSectionLeft .selectBox .form-group {
        margin-bottom: 0px;
    }

    .filterSectionLeft div.col-md-1 .sumitBtn {
        padding-left: 15px;
    }
}


@media (max-width: 600px) {

    .search {
        margin-bottom: 10px;
    }

    .addNewMaster a {
        /*margin-top: 12px;*/
    }

    .dashboardSelectBox {
        width: 90%;
        margin: 0px auto auto auto;
        float: none;
    }

    .ReportSearch .filterSectionLeft .search input {
        background: transparent;
        width: 93%;
    }

    .searchBoxProjectRSection .filterProjectRSection .search input {
        background: transparent;
        width: 93%;
    }

    .filterSectionLeft .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}



.select2-container--default .select2-selection--multiple {
    border: solid 1px #e0e7ee !important;
    border-radius: 0.25rem !important;
}

.select2-container {
    width: 100% !important;
}



@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?5lrws6');
    src: url('../fonts/icomoon.eot?5lrws6#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?5lrws6') format('truetype'), url('../fonts/icomoon.woff?5lrws6') format('woff'), url('../fonts/icomoon.svg?5lrws6#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-address:before {
    content: "\e900";
}

.icon-camp:before {
    content: "\e901";
}

.icon-country:before {
    content: "\e902";
}

.icon-email:before {
    content: "\e903";
}

.icon-kids:before {
    content: "\e904";
}

.icon-location:before {
    content: "\e905";
}

.icon-medicine:before {
    content: "\e906";
}

.icon-mobile:before {
    content: "\e907";
}

.icon-nurse:before {
    content: "\e908";
}

.icon-parent:before {
    content: "\e909";
}

.icon-pincode:before {
    content: "\e90a";
}

.icon-reports:before {
    content: "\e90b";
}

.icon-user:before {
    content: "\e90c";
}

.icon-users:before {
    content: "\e90d";
}

.icon-eye:before {
    content: "\e9ce";
}

.icon-eye-blocked:before {
    content: "\e9d1";
}



.customModalFooter {
}

    .customModalFooter .submitBtn {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        border: 0px;
        border-radius: 5px;
        background: #3162AA;
        padding: 10px 0px;
        cursor: pointer;
        width: 220px;
        text-align: center;
    }

.tableSection .table tbody td:nth-last-child(1) {
    border-right: #e5e5e5 solid 0px;
}

.signupNewSection {
    background: #fdfdfd;
    margin-top: 0;
    padding: 90px 0 60px 0;
}

.signupImage {
    height: 400px;
    overflow: hidden;
}

    .signupImage img {
        width: 100%;
        height: 100%;
    }

.signupNewSection .form-control {
    padding-right: 40px;
}

.signupNewSection .chagnePasswordForm {
    background: #fff;
    box-shadow: 0px 0px 6px #e2e2e229;
    max-width: 100%;
    margin: 0;
    border: none;
}

.signupNewSection .chagnePassword {
    max-width: inherit;
    margin-top: 0;
    padding-bottom: 40px;
}

.signupNewSection .container {
    max-width: 1400px;
    width: 1400px;
    text-align: inherit;
    margin-top: 20px;
}

.signupWrap {
    background: #fff;
    box-shadow: 0px 0px 6px #E2E2E229;
    border-radius: 11px;
    padding: 20px;
    min-height: 892px;
}

.signupHeading {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}

.signupWrap .grid-template-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.signupWrap .grid-gap {
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}

.signupInnercontent {
    margin-top: 3rem;
}

    .signupInnercontent h3 {
        margin-bottom: 4px;
        font-size: 17px;
        line-height: 29px;
        font-weight: 600;
    }

    .signupInnercontent p {
        color: #6E6E6E;
        font-size: 14px;
        line-height: 20px;
    }

    .signupInnercontent img {
        width: 60px;
        height: 60px;
    }

.signupbottom {
    color: #5B5E63;
    font-size: 14px;
    border-top: 1px #E1E4E8 solid;
    padding-top: 15px;
}

.d-grid {
    display: grid;
}

.flex-1 {
    flex: 1 1 0%;
}

.gap-2 {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.signupTitle {
    color: #6E6E6E;
    font-size: 14px;
    line-height: 22px;
}

.small-text {
    font-size: 13px;
    line-height: 16px;
}

.msmall {
    font-size: 13.5px;
}

    .msmall a {
        color: #0A66C2;
    }

.customTable .table .thead-light th {
    min-width: 170px;
}

.customTable .table tbody td:nth-child(1) {
    width: inherit;
}

.customTable .table {
    overflow-y: hidden;
    overflow-x: scroll;
    width: 100%;
    display: block;
}

[tooltip] {
    position: relative; /* opinion 1 */
}

    /* Applies to all tooltips */
    [tooltip]::before,
    [tooltip]::after {
        text-transform: none; /* opinion 2 */
        font-size: .9em; /* opinion 3 */
        line-height: 1;
        user-select: none;
        pointer-events: none;
        position: absolute;
        display: none;
        opacity: 0;
    }

    [tooltip]::before {
        content: '';
        border: 5px solid transparent; /* opinion 4 */
        z-index: 1001; /* absurdity 1 */
    }

    [tooltip]::after {
        content: attr(tooltip); /* magic! */
        /* most of the rest of this is opinion */
        font-family: Helvetica, sans-serif;
        text-align: center;
        /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
        min-width: 3em;
        max-width: 21em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: .3ch;
        box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
        background: #333;
        color: #fff;
        z-index: 1000; /* absurdity 2 */
    }

    /* Make the tooltips respond to hover */
    [tooltip]:hover::before,
    [tooltip]:hover::after {
        display: block;
    }

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}

[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}

[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}

[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}










/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
}

    /* Applies to all tooltips */
    [tooltip]::before,
    [tooltip]::after {
        text-transform: none; /* opinion 2 */
        font-size: .9em; /* opinion 3 */
        line-height: 1;
        user-select: none;
        pointer-events: none;
        position: absolute;
        display: none;
        opacity: 0;
    }

    [tooltip]::before {
        content: '';
        border: 5px solid transparent; /* opinion 4 */
        z-index: 1001; /* absurdity 1 */
    }

    [tooltip]::after {
        content: attr(tooltip); /* magic! */
        /* most of the rest of this is opinion */
        font-family: Helvetica, sans-serif;
        text-align: center;
        /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
        min-width: 3em;
        max-width: 21em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: .3ch;
        box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
        background: #333;
        color: #fff;
        z-index: 1000; /* absurdity 2 */
    }

    /* Make the tooltips respond to hover */
    [tooltip]:hover::before,
    [tooltip]:hover::after {
        display: block;
    }

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}

[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}

[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}

[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

.chagnePassword .form-control ~ i {
    position: absolute;
    top: 13px;
    right: 12px;
    color: #676767;
}


.termsText {
    font-size: 14px;
}

.customCheckbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #D4D7DE;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -4px;
}

.customCheckbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6.5px;
    width: 6px;
    height: 11px;
    border: solid #469858;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

input[type='checkbox'] {
    display: block;
}

.termsContent {
    float: left;
    margin-left: 20px;
    margin-top: -17px;
}

.signupNewSection input[type='checkbox'] {
    position: relative;
    top: 5px;
}

.note {
    float: left;
    margin-left: -1px;
    margin-top: -7px;
    margin-bottom: -13px;
    font-size: 13px;
    color: #28a745;
}

.customTable .table .thead-light th:nth-last-child(1), .customTable .table .thead-light th:nth-last-child(2) {
    min-width: 250px;
}

.signupHeading {
    display: inline-flex;
    align-items: center;
}

    .signupHeading img {
        margin-right: 15px;
    }

.signupInnercontent ul.signupList {
    padding-left: 20px;
}

    .signupInnercontent ul.signupList li {
        padding-bottom: 15px;
        line-height: 22px;
    }

        .signupInnercontent ul.signupList li::marker {
            color: #3162aa;
        }

@media only screen and (max-width:786px) {
    .signupHeading {
        font-size: 24px;
    }
}

@media only screen and (max-width:414px) {
    .signupHeading {
        font-size: 17px;
    }

    .textAccordianwrap {
        width: 90% !important;
    }
}

@media only screen and (max-width:360px) {

    .textAccordianwrap {
        width: 89% !important;
    }
}


/*------------------------------------
    Home Page CSS Start Here
------------------------------------*/


.homeHeader {
    width: 100%;
    background: #ffffff;
    min-height: 50px;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: fixed;
    z-index: 9;
    display: flex;
    align-items: center;
    padding: 13px 20px;
}

a.homeLogo {
    color: #3162AA;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: 'Proxima Nova Lt';
    text-decoration: none;
    display: flex;
    align-items: center;
}

.bggrey {
    background: #fdfdfd;
}

a.homeLogo span {
    padding-left: 5px;
}

.homeHeader .navbar-nav a {
    color: #000;
    font-weight: 500;
    padding: 10px 17px;
}

.homeHeader .navbar-nav li.active a {
    color: #3162AA !important;
}

.homeHeader .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: #20ac65;
    padding: 2px 6px;
}

.homeHeader .navbar-toggler-icon {
    position: relative;
}

    .homeHeader .navbar-toggler-icon:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.21em;
        bottom: 0.21em;
        width: 31px;
        background: linear-gradient( to bottom, #20ac65, #20ac65 20%, white 20%, white 40%, #20ac65 40%, #20ac65 60%, white 60%, white 80%, #20ac65 80%, #20ac65 100% );
    }

.homeHeader .navbar-nav a:hover {
    color: #3162AA;
}

.homeHeader .nav-item {
    padding: 0 10px;
}

.homeLoginbtn {
    background: #20ac65;
    color: #fff !important;
    border-radius: 30px;
    padding: 5px 35px !important;
    margin: 5px 10px;
}

    .homeLoginbtn:hover {
        background: #3162aa;
    }

/*.homeMainbody {
    background: url(../images/homeBg.png) no-repeat;
    background-position: center 34px;
    background: linear-gradient(90deg, rgba(246,223,189,1) 0%, rgba(247,231,205,1) 100%), url(../images/homeBg.png) no-repeat;
    background-size: cover;
    height: 100vh;
}*/



.homeFooter {
    background: #ffffff;
    min-height: 50px;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    padding: 15px 20px;
    font-weight: 500;
    letter-spacing: 1px;
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 99;
}

    .homeFooter a {
        color: #20ac65;
    }

.homeBody {
    height: calc(100% - 54px);
}

.InnerMainbody {
    background: #fdfdfd;
    padding: 130px 0;
    /*height: calc(100% - 55px);  background: #f7e7cd;*/
}

.aboutsUsWrap .signupInnercontent ul.signupList li {
    padding-bottom: 15px;
    line-height: 31px;
    font-size: 17px;
    font-weight: 400;
}


.myaccordion {
    margin-top: 35px;
}

    .myaccordion .card,
    .myaccordion .card:last-child .card-header {
        border: none;
    }

    .myaccordion .card {
        background: none;
    }

    .myaccordion .card-header {
        border-bottom-color: transparent;
        background: #fff;
        box-shadow: 0px 0px 6px #e2e2e229;
        margin-bottom: 12px;
        padding: 8px 10px;
    }

    .myaccordion .fa-stack {
        font-size: 14px;
    }

    .myaccordion .btn {
        font-weight: 500;
        color: #3162aa;
        padding: 0;
        white-space: inherit;
    }

    .myaccordion .btn-link:hover,
    .myaccordion .btn-link:focus {
        text-decoration: none;
    }

    .myaccordion li + li {
        margin-top: 10px;
    }

    .myaccordion .card-body {
        padding: 5px 15px 15px 15px;
    }

        .myaccordion .card-body p {
            font-size: 15px;
        }

        .myaccordion .card-body ul {
            padding: 0;
        }

            .myaccordion .card-body ul li {
                list-style: none;
                font-weight: 500;
            }

                .myaccordion .card-body ul li a {
                    color: #000;
                }

.contactWrap {
    background: #fff;
    box-shadow: 0px 0px 6px #e2e2e229;
    max-width: 100%;
    margin: 0;
    border: none;
    width: 100%;
    border-radius: 10px;
    padding: 32px 0px 30px 40px;
}

.info_single {
    margin: 30px 0px;
}

    .info_single i {
        margin-right: 6px;
    }

    .info_single span {
        font-size: 14px;
        letter-spacing: 1px;
    }

.contact_info_sec {
    padding-top: 35px;
}

.info_single p {
    padding-left: 26px;
}

.faqHeading h3 {
    position: relative;
}

    .faqHeading h3:before {
        /*content: '';
    position: absolute;
    bottom: -1px;
    background: #3162aa;
    height: 3px;
    width: 70px;*/
    }

.bggrey {
    background: #fdfdfd;
}

.collasaccordinWrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
}

.textAccordianwrap {
    flex: 0 0 auto;
    width: 96%;
    text-align: left;
    padding-right: 20px;
}

.CommentBox {
    display: block;
    /*margin: 20px 0 0 50px;*/
}

    .CommentBox .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
        border-color: #dfedf7;
    }

    .CommentBox .ck.ck-toolbar {
        background: var(--ck-color-toolbar-background);
        padding: 0 var(--ck-spacing-small);
        border: 1px solid #dfedf7;
    }

    .CommentBox .ck.ck-editor__editable_inline {
        overflow: auto;
        padding: 0 var(--ck-spacing-standard);
        border: 1px solid transparent;
        min-height: 122px;
    }

    .CommentBox p {
        font-size: 13px;
    }

.ck.ck-editor__main > .ck-editor__editable {
    height: 250px !important;
}