/*Old Site Css*/
@import url('robotofont/font.css');

:root {
    --whitefontcolor: #ffffff;
    --whitebgcolor: #ffffff;
    --headingcolor: #0f4f92;
    --blackfontcolor: #000000;
    --lightgreycolor: #9c9c9c;
    --lightblackcolor: #3d3b3b;
    --headingcolor: #0f4f92;
    --blackfontcolor: #000000;
    --lightgreycolor: #9c9c9c;
    --lightblackcolor: #3d3b3b;
    --bluecolor: #0a3b7e;
    --activecolor: #042758;
    --skyblue: #09bef3;
    --skyhoverblue: #07aedf;
    --greencolor: #26AC46;
    --greenhovercolor: #179b37;
}

.glyphicon {
    margin-right: 4px !important; /*override*/
}

.pagination .glyphicon {
    margin-right: 0px !important; /*override*/
}

.pagination a {
    color: #555;
}

.panel ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.news-item {
    padding: 4px 4px;
    margin: 0px;
    border-bottom: 1px dotted #555;
}



/*New Pawan Site Css*/


/*New Css 02/07/2020*/



.changeFont .table td {
    font-size: 13px;
    vertical-align: middle;
}

    .changeFont .table td span {
        font-size: 13px;
    }

        .changeFont .table td span.label {
            font-size: 13px;
            font-weight: normal !important;
        }

        .changeFont .table td span.label {
            font-size: 10px;
        }

    .changeFont .table td a.clickShowHideSubtast {
        display: inline-block;
        margin-left: 5px;
    }

        .changeFont .table td a.clickShowHideSubtast img {
            margin-top: -2px;
        }

.taskWork .table td {
    padding: 10px 3px;
}

.changeFont .form-group label {
    font-weight: 600 !important;
    margin-left: 0px;
}

.changeFont label, .changeFont p, .changeFont span, .changeFont a {
    font-size: 13px;
}

.viewmmbrPlist {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
}

    .viewmmbrPlist span {
        display: block;
        margin-top: 3px;
    }

.changeFont .panel-heading b {
    font-weight: 600;
    text-transform: uppercase;
}

    .changeFont .panel-heading b span {
        font-size: 12px;
    }


.functionsPart {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .functionsPart li {
        float: left;
    }

        .functionsPart li a {
            display: block;
            margin: 5px;
            font-size: 15px;
        }

.sidedash {
    position: relative;
    overflow: hidden;
}

.dataBox {
    width: 100%;
    /*height: calc(100vh - 113px);*/
    top: 0px;
    left: 0px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0px 0px 5px #d2d2d2;
    margin-top: 15px
}

.taskwhen {
    margin-top: 15px;
}

    .taskwhen p {
        font-weight: bold;
        color: #227be9;
    }

/*.height-all-size {
    height: 100% !important;
    overflow-y: auto;
}*/

.iconBtn {
    display: inline-block;
    margin: 0px 2px;
    font-size: 16px;
}

.formLbl {
    width: 130px;
    float: left;
    text-align: right;
    padding-right: 5px;
    padding-top: 5px;
}

.formTxtbox {
    width: calc(100% - 130px);
    float: left;
}

.formspace {
    margin-bottom: 15px;
    float: left;
}



.formProjects2 {
    padding-top: 15px;
    margin-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.formProjects .form-control {
    border-radius: 0px;
    /*font-family:Arial;*/
}

.projectBoxHeight {
    height: calc(100vh - 238px);
    overflow-y: auto;
}

.taskDayHeight {
    /*height:calc(100vh - 322px);*/
    /*height:calc(100vh - 495px);
    overflow-y:auto;*/
}

    .taskDayHeight::-webkit-scrollbar {
        width: 0px;
    }

.border0 {
    border: none !important;
}

.formProjects2 label.lblML0 {
    margin-left: 0px !important;
}

.paddingTB15 {
    padding: 15px;
}

.calender-bg {
    background: url('../images/icon/calendar.png') no-repeat right 5px center;
}

tr.subtaskBoxAppends {
    padding: 5px 0px;
}

    tr.subtaskBoxAppends td {
        padding: 2px !important;
        border-bottom: solid 1px #d2d2d2 !important;
    }

        tr.subtaskBoxAppends td .form-control {
            padding: 7px;
            font-size: 12px;
            height: 34px;
        }

.addmoretask {
    margin-right: 15px;
    margin-top: 5px;
    display: inline-block;
    color: #227be9;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.notask {
    margin-top: 6%;
}

.btnsam {
    border-radius: 0px;
    float: right;
    margin-right: 1px;
}

.dropTaskmenu {
    float: left;
    width: auto;
}
/*.taskaddbox {
    margin-top:15px;
}
.taskaddbox2 {
    margin-top:15px;
}*/
.taskinputs {
    width: 100%;
    float: left;
    clear: both;
    border: solid 1px #c7c7c7;
    height: calc(100vh - 357px);
    overflow: auto;
}

.tskSetupTblHeight {
    height: calc(100vh - 373px);
    overflow: auto;
}

.taskDays {
    cursor: pointer;
    background-image: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    text-transform: capitalize;
    border-bottom: solid 1px #c7c7c7;
    margin: 0px;
    font-size: 14px;
    padding: 8px;
    font-weight: 600;
}

    .taskDays i {
        display: inline-block;
        margin-right: 5px;
    }

.taskWork {
    overflow-x: inherit;
}

    .taskWork .table > tbody > tr > th {
        font-size: 14px;
        text-transform: capitalize;
        background: #3270a3;
        color: #fff;
    }

    .taskWork table td table {
        margin-bottom: 0px !important;
        margin-left: 10px;
        width: calc(100% - 10px);
    }

        .taskWork table td table th {
            background: #7b9cb7 !important;
            color: #fff !important;
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .taskWork table td table td {
            padding: 5px 10px !important;
        }

.tableSame .table > tbody > tr > th {
    font-size: 14px;
    /*text-transform: uppercase;*/
    background: #3270a3;
    color: #fff;
}

.tableSame .table .table tr th {
    font-size: 14px;
    /*text-transform: uppercase;*/
    background: #c4e4ff !important;
    color: #000 !important;
}


.taskWork .form-control {
    border: 0px;
    box-shadow: none;
    border-bottom: solid 1px #e4e4e4;
}

    .taskWork .form-control:focus {
        box-shadow: none;
        border: 0px;
        border-bottom: solid 1px #808080;
    }

.taskWork .taskStatus {
    border-left: solid 3px #555;
    padding-left: 5px;
}

.taskStatusHigh {
    border-left-color: #d9534f !important;
}

.taskStatusLow {
    border-left-color: #f5f000 !important;
}

.taskStatusNormal {
    border-left-color: #337ab7 !important;
}

.lnkDeleteHide {
    display: none !important;
}

.taskWork span {
    display: inline-block;
    margin-bottom: 1px;
}

.fieldsTbl {
    width: 100%;
}

.taskSize16 {
    font-size: 16px !important;
    margin-bottom: 3px !important;
}

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

.taskNameTblShort {
    white-space: nowrap;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.taskWeight600 {
    font-weight: 600;
}

.taskWeight500 {
    font-weight: 600;
}

.taskTblDropdown li a {
    padding: 8px 10px;
}


/*New Css 02/07/2020 end*/

.addNewSbTask {
    display: inline-block;
    margin: 10px 0px;
    padding: 5px 8px;
    color: #fff;
    background-color: #3270a3;
}

    .addNewSbTask:hover {
        color: #fff;
        background-color: #3270a3;
    }

.markBtn {
    background: none;
    border: solid 1px #dcdada;
}

.taskimgmenu {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .taskimgmenu li {
        float: left;
    }

        .taskimgmenu li a {
            padding: 5px 10px;
        }

            .taskimgmenu li a img {
                width: 15px;
            }

.publicPrvt {
    background: #ececec;
    border-top: solid 1px #d2d2d2;
    margin-top: 15px;
    padding: 10px 15px;
}

    .publicPrvt p {
        margin: 0px;
    }

.headerCreatTaskbox {
    /*padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #e4e4e4;
    min-height: 56px;*/
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: solid 1px #e4e4e4;
    min-height: 45px;
}

.writenbox {
    padding-top: 15px;
    padding-bottom: 15px;
    /*height:calc(100vh - 235px);*/
    height: calc(100vh - 252px);
    overflow-y: auto;
    overflow-x: hidden;
}

.writenbox2 {
    padding-top: 15px;
    padding-bottom: 15px;
    height: calc(100vh - 273px);
    overflow-y: auto;
    overflow-x: hidden;
}

.writenbox .form-control {
    font-size: 13px;
    font-weight: 400;
}

.slctmmbr {
    display: inline-block;
    color: #3270a3;
}

.subtaskNewBox {
    width: 100%;
    float: left;
    padding: 15px;
    background: #f9f9f9;
    margin-bottom: 5px;
    position: relative;
    display: flex;
}

.MainTitlePDl {
    padding-left: 3px !important;
}

.checkboxCmplornot {
    width: 27px;
    float: left;
    margin-right: 5px;
}

    .checkboxCmplornot img {
        width: 27px;
        border: 1px #c7c7c7 dashed;
        border-radius: 100%;
        padding: 5px;
        cursor: pointer;
    }

        .checkboxCmplornot img:hover {
            border: 1px #c7c7c7 solid;
        }

.popSbtskDtl label {
    margin-left: 0px;
}

.img28 {
    max-width: 100px;
    float: right;
    margin-left: 5px;
    position: relative;
}



.downArrow::after {
    font-family: FontAwesome;
    content: '\f0dd';
    position: absolute;
    bottom: -14px;
    left: 7px;
    font-size: 25px;
    color: #c7c7c7;
}

.downArrow img {
    border: solid 1px #c7c7c7 !important;
}

.subtaskNewBox .img28 img {
    width: 27px;
}
/*.subtaskNewBox2 .img28 img {
    width:34px;
}*/
.subtaskNewBox2 .img28 {
    max-width: 100px;
    float: left;
    margin-right: 5px;
}

.popSbtskDtl {
    position: absolute;
    margin-top: 15px;
    width: 50%;
    padding: 10px;
    box-shadow: 0px 0px 5px #bfbfbf;
    right: 0px;
    background: #fff;
    clear: both;
    top: 35px;
    z-index: 999;
}

#dvDynamic .subtaskNewBox .popSbtskDtl {
    top: auto !important;
    bottom: 57px !important;
    margin-top: 0px;
}

#dvDynamic .subtaskNewBox .downArrow::after {
    font-family: FontAwesome;
    content: '\f0d8';
    position: absolute;
    bottom: 12px;
    left: 7px;
}

.ttlSbtitl {
    width: 50%;
    float: left;
}

.tsktitl1 {
    width: 73%;
    float: left;
}

.NewMainTitlacls {
    width: 78%;
    float: left;
}

.tsktitlinp::placeholder {
    font-size: 14px;
}

.tsktitlinp {
    font-size: 14px;
}

.sbtskttls {
    width: 100%;
    border: 0px;
    outline: 0px;
    padding: 3px 12px;
    margin-left: 5px;
    background: none;
}

.img28 img {
    width: 34px;
    border: 1px #c7c7c7 dashed;
    border-radius: 100%;
    padding: 4px;
    cursor: pointer;
}




    .img28 img:hover {
        border: 1px #c7c7c7 solid;
    }

.HaveData img {
    border: 1px #c7c7c7 solid;
    background: #e8e8e8;
}

.showentryList {
    float: left;
    margin: 0px 5px;
}

.shwentyTxt {
    float: left;
    margin: 8px 0px;
}

.sholistData {
    width: 100%;
    float: left;
}

.sholistData2 {
    margin-top: 24px;
}

.filter-lbl label {
    margin-left: 0px
}

.btnNoBG {
    background: none;
    border: dashed 1px #d2d2d2;
    color: #464646;
    border-radius: 100%;
    width: 36px;
    padding: 8px 8px;
    margin-right: 3px;
    outline: 0px !important;
    font-size: 18px;
    /*float:right;*/
}

a.btnNoBG {
    background: none;
    border: dashed 1px #d2d2d2;
    color: #464646;
    border-radius: 100%;
    width: 36px;
    padding: 8px 8px;
    margin-right: 3px;
    outline: 0px !important;
    font-size: 18px;
    float: none;
}

.uploadDoNewTasks {
    float: right;
}

    .uploadDoNewTasks .dropdown-menu-left {
        left: auto !important;
        padding: 0px !important;
        border: 0px !important;
    }

.uploadDoNewTasks {
    width: 160px;
}


.showingNoDta {
    float: right;
}

.multiTextBoxSerch {
    width: 49.50%;
    display: inline-block;
}

.recordShow {
    /*background:#e0e0e0;*/
    background: beige;
    padding: 5px 15px;
}

.hostbox label {
    margin-left: 0px;
}

.actionIcons {
    text-align: center;
}

.dataMmberShowHvr1 {
    outline: none;
    font-size: 22px !important;
}


.popover.top > .arrow {
    display: none;
}

.dataMmberShowHvr1:hover {
    outline: none;
}

.dataMmberShowHvr1:focus {
    outline: none;
}

.dataMmberShowHvr1:visited {
    outline: none;
}

.dataMmberShowHvr {
    position: absolute;
    padding: 10px;
    border: solid 1px #dcdada;
    background: #fff;
    width: 180px;
    display: none;
    z-index: 9999;
}



.dataSubTask:hover {
    outline: none;
}

.dataSubTask:focus {
    outline: none;
}

.dataSubTask:visited {
    outline: none;
}

.dataSubTask {
    position: absolute;
    padding: 10px;
    border: solid 1px #dcdada;
    background: #fff;
    width: 180px;
    display: none;
    z-index: 9999;
}

a.viewMmberBtn:hover + .dataMmberShowHvr {
    display: block;
}

.dataMmberShowHvr:hover {
    display: block;
}

.dataMmberShowHvr p {
    margin: 0px;
    padding: 5px 0px;
    border-top: dashed 1px #e4e4e4;
    text-align: left;
}

    .dataMmberShowHvr p:first-child {
        padding-top: 0px;
        border-top: 0px;
    }

    .dataMmberShowHvr p:last-child {
        padding-bottom: 0px;
    }

.largtxtbox {
    box-shadow: none;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0px;
}

    .largtxtbox:focus {
        box-shadow: none;
        border: solid 1px #e4e4e4;
    }

    .largtxtbox:hover {
        border: solid 1px #e4e4e4;
    }

    .largtxtbox::placeholder {
        font-size: 20px;
    }

.userNkName {
    width: 32px;
    height: 32px;
    color: #fff;
    background: #227be9;
    border-radius: 100%;
    padding: 7px;
    display: inline-block;
    text-align: center;
}

.userAssign {
    /*border:solid 1px #fff;
    padding:5px;*/
}

    .userAssign input {
        /*border:0px;
    box-shadow:0px;*/
    }

    .userAssign:hover {
        /*border:solid 1px #e4e4e4;
    padding:5px;*/
    }

        .userAssign:hover input, .form-control {
            /*border-bottom:solid 1px #d2d2d2;
    outline:0px;*/
        }

    .userAssign .form-control {
        /*border:0px;
    box-shadow:0px;*/
    }

.inputBor0Sbtsk {
    border: 0px !important;
}

.taskLeftTxt {
    margin-top: 0px;
}

.taskLeftTxt2 {
    margin-top: 6px;
}

.taskCal {
    border: solid 1px #227be9;
    padding: 5px;
    border-radius: 100%;
}

.no-background {
    background: none;
}

.whotasked {
    background: #ececec;
    padding: 15px;
}

    .whotasked h4 {
        font-size: 15px;
        float: left;
        margin: 0px;
    }

.timeWhen {
    display: inline-block;
    margin: 10px;
    font-size: 11px;
}

.whotasked p {
    font-size: 12px;
    width: 100%;
}

.smalltime {
    display: inline-block;
    width: 100px;
    float: right;
}

.textboxMsg {
    width: calc(100% - 35px);
    margin-left: 3px;
    float: right;
}

.colbrates {
    width: auto;
    float: left;
}

    .colbrates p {
        margin-top: 7px;
    }

.colbrat {
    width: 150px;
    float: left;
    margin-left: 5px;
}

    .colbrat ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .colbrat ul li {
            float: left;
            margin-right: 2px;
        }

.ccllbrt {
    width: 100%;
    font-size: 12px;
    margin-top: 7px;
}

.acreateProBtn {
    display: inline-block;
    float: right;
    background: #3270a3;
    color: #fff;
    padding: 10px 12px;
    font-size: 12px;
    text-decoration: none;
}

    .acreateProBtn:hover {
        color: #fff;
        text-decoration: none;
    }

    .acreateProBtn:focus {
        color: #fff;
        text-decoration: none;
    }

    .acreateProBtn:visited {
        color: #fff;
        text-decoration: none;
    }

.SubtaskCreateBox {
    margin-top: -20px;
    border-top: solid 1px #d2d2d2;
}
/*.btnBoxSaveTask {
    padding:15px;
    border-top:solid 1px #d2d2d2;
}*/
.addnew1 {
    width: 32px;
    height: 32px;
    color: #fff;
    background: #b1b1b1;
    border-radius: 100%;
    padding: 7px;
    display: inline-block;
    text-align: center;
}

.leavtask {
    width: auto;
    float: right;
}

    .leavtask a {
        margin-top: 7px;
        display: inline-block;
    }

.border-0 tr {
    border: 0px !important;
}

    .border-0 tr td {
        border: 0px !important;
    }

.main-Tab-Menu {
    padding-top: 6px;
    border-bottom: solid 1px #abdaff;
    width: 100%;
    float: left;
}


.hostboxBtn {
    float: left;
    cursor: pointer;
    color: #2973a9;
    margin-right: 6px !important;
    border: 1px solid #abdaff !important;
    border-bottom: 0px !important;
    background: none;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    padding: 6px 35px 6px 15px;
    display: block;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

    .hostboxBtn:hover {
        color: #005ca1;
        background: #b1deff;
    }

.hostboxBtnName {
    display: block;
}

.hostboxBtn span.badge {
    background: #8a8a8a;
    color: #fff;
    position: absolute;
    right: 4px;
    top: -4px;
    font-weight: normal;
    font-size: 12px;
}

.ActiveH3Btn {
    margin-top: 0px;
    color: #fff;
    padding-bottom: 6px;
    background-image: none !important;
    background-color: #1ca1da !important;
    border-color: #84c9ff !important;
}

    .ActiveH3Btn span.badge {
        background: #18598e;
        color: #fff;
    }

    .ActiveH3Btn:hover {
        background: #227be9;
        color: #fff;
    }

.hostbox {
    border: solid 1px #d2d2d2;
}

    .hostbox .heading3 {
        margin: 15px 0px;
        font-size: 18px;
        text-transform: uppercase;
    }

.thSet th {
    background: #f1f1f1;
}

.ms-options-wrap > .ms-options {
    position: unset !important;
}

.minheightPopBody {
    min-height: 350px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding40ModalBody {
    padding-right: 60px;
    padding-top: 40px;
    padding-bottom: 20px;
}

.closeBoxBtn:hover, .closeBoxBtn:focus {
    background: #b5b4b4;
    color: #fff;
}

.SaveBoxBtn:hover, .SaveBoxBtn:focus {
    background: #3cb371;
    color: #fff;
}

.UploadBoxBtn:hover, .UploadBoxBtn:focus {
    background: #5bc9cc;
    color: #fff;
}

.ONBDTaskBtn {
}

.ONBDTask-up {
    padding: 9px 8px 7px 8px !important;
    background: #b3efb6 !important;
}

.ONBDTask-down {
    padding: 7px 8px 9px 8px !important;
    background: #efbeb3 !important;
}

.ONBDTask-up i.fa {
    transform: rotate(-41deg);
}

.ONBDTask-down i.fa {
    transform: rotate(136deg);
}



.EditBoxBtn:hover, .EditBoxBtn:focus {
    background: #3cb371;
    color: #fff;
}

.deletBoxBtn:hover, .deletBoxBtn:focus {
    background: #b61111;
    color: #fff;
}

.BanBoxBtn:hover, .BanBoxBtn:focus {
    background: #5bc9cc;
    color: #fff;
}




.addtaskInnerBoxes {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.taskLeftTxt {
    float: left;
    width: 90px;
}

.userAssign {
    width: calc(100% - 90px);
    float: left;
}

.ProjectAsnBox {
    /*width:84% !important;*/
    float: left;
}

.respoSubbtnCircle {
    display: none
}

.headerCreatTaskbox .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px 16px;
    transition: 0.3s;
    font-size: 14px;
}

.mmberSelctBoxset {
    overflow: unset !important;
    width: 100%;
}

/* TIMESHEET CSS START */

/*.heightfixedTimesheet {
    padding: 15px;
    height: calc(100vh - 202px);
    overflow-y: auto;
    background: #fff;
    margin: 0px 15px;
}*/

.timesheetTab a {
    text-transform: capitalize;
}
/*
.timesheetTab>li>a {
    text-transform:uppercase;
    padding:4px 8px !important;
    color: #333
}
.timesheetTab>li.active>a, .timesheetTab>li.active>a:focus, .timesheetTab>li.active>a:hover {
    border:0px !important;
    border-bottom:solid 1px #3270a3 !important;
    color:#3270a3;
    background:none;
}*/


.sbmtStatus {
    display: inline-block;
    margin-top: 3px;
    padding: 5px;
}

.sbmtStatus1 {
    background: #c7c7c7;
    color: #333;
}

.tasktimes h3 {
    margin: 0px
}

.border-l-r {
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    padding: 0px 15px;
    width: 100%;
}

.timesheetTable tr th {
    vertical-align: middle !important;
    text-align: center;
    background: #f3f3f3;
    text-transform: uppercase;
}

.timesheetTable tr td {
    vertical-align: middle !important;
    text-align: center;
    position: relative;
}

.caldDayName {
    display: block;
    text-transform: uppercase;
    color: #69717d;
    font-size: 10px !important;
}

.TotalTblEndRslt {
    display: block;
    text-transform: uppercase;
    color: #333;
    font-size: 13px !important;
    font-weight: 600;
}

.caldDaydate {
    display: block;
    text-transform: uppercase;
    color: #333;
    font-size: 18px !important;
}

.caldDayDesc {
    text-transform: lowercase;
    font-size: 12px !important;
    color: #333;
}

.tskClient {
    font-weight: 600;
    color: #868999;
    display: inline-block;
    margin-right: 5px;
}

.projects {
    font-weight: 600;
    color: #92a9c3;
    margin-right: 5px;
    margin-left: 5px;
}

.tskDoing {
    font-weight: 600;
    color: #24201c;
    margin-left: 5px;
}

.billDropDownSelect {
    border: 0px;
    outline: 0px;
}

    .billDropDownSelect:focus {
        border: 0px;
        outline: 0px;
    }

.weekOffBox {
    background: #e9f9e3;
    color: #000;
    border-color: #dcecd6 !important;
}

span.WrokShapShow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid green;
    position: absolute;
    bottom: -6px;
    right: -1px;
    transform: rotate(45deg);
}

.tblTotalEndRow {
    background: #e4e4e4;
}

.timesheetSpanStatus {
    display: inline-block;
    margin-right: 5px;
}

    .timesheetSpanStatus span {
        display: inline-block;
        margin-right: 5px;
        width: 12px;
        height: 12px;
    }

.leaveStatu span {
    background: #eac0c0;
}

.WeekOfStatu span {
    background: #cfeac4;
}


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

/* TIMESHEET CSS END */

.label-onTrack {
    background-color: #a1b733;
}

.label-Deffered {
    background-color: #f96442;
}

.label-Cancel {
    background-color: #c9302c;
}

.label-Reject {
    background-color: #843534;
}

.label-Completed {
    background-color: #5cb85c;
}




/*new Css*/
.modal-header .close {
    font-size: 24px !important;
}

    .modal-header .close span {
        font-size: 24px !important;
    }

.modal-header {
    font-size: 17px !important;
}

    .modal-header label {
        margin-bottom: 0px;
    }

.select2-container {
    width: 100% !important;
    text-align: left !important;
}



.PriorityHigh img {
    border: solid 1px #d9534f;
}

.PriorityLow img {
    border: solid 1px #efd208eb !important;
}

.PriorityNormal img {
    border: solid 1px #337ab7 !important;
}

.DuedateShow {
    position: absolute;
    right: -30px;
    width: 25px;
    font-size: 11px !important;
    top: -1px;
}

.tabAssigned {
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-top: 10px;
    display: flex;
    overflow: auto;
    border-bottom: solid 1px #abdaff;
}

    .tabAssigned li {
        float: left;
    }

        .tabAssigned li a {
            color: #2973a9;
            margin-right: 6px !important;
            border: 1px solid #abdaff !important;
            border-bottom: 0px !important;
            background: none;
            font-weight: 600;
            border-radius: 4px 4px 0 0;
            padding: 6px 35px 6px 15px;
            display: block;
            position: relative;
            text-align: center;
            white-space: nowrap;
            border-bottom: 0px;
        }

            .tabAssigned li a:hover {
                color: #005ca1;
                background: #b1deff;
            }

            .tabAssigned li a.ActiveTab {
                margin-top: 0px;
                color: #fff !important;
                background-image: none !important;
                background-color: #1ca1da !important;
                border-color: #84c9ff !important;
            }

            .tabAssigned li a span.badge {
                font-size: 11px;
                background: #bdbdbd;
                color: #fff;
                position: absolute;
                right: 5px;
                top: -3px;
                font-weight: 400 !important;
            }

            .tabAssigned li a.ActiveTab span.badge {
                background: #0c3b61 !important;
                color: #fff;
            }

.dropdown-menu > li > a > i {
    width: 16px;
}

.col-lg-7.pr-7 {
    padding-right: 7px;
}

.col-lg-5.pl-8 {
    padding-left: 8px;
}

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

td .progress {
    margin-bottom: 0px;
    width: 85%;
}


/*By Nafees & pawan*/

.well {
    padding: 5px !important;
}

    .well label {
        margin-top: 4px;
    }

.Task-Priority-Radio div {
    float: left;
    margin-right: 10px;
    display: flex;
    align-items: baseline;
}

.optPriorityAll input[type='radio'] {
    border: 1px solid #a7a1a1;
}

.optPriorityHig input[type='radio'] {
    border: 1px solid #f50202;
}

.optPriorityNor input[type='radio'] {
    border: 1px solid #337ab7;
}

.optPriorityLow input[type='radio'] {
    border: 1px solid #d8d405;
}

.radio-item input[type="radio"] {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    outline: none;
    margin-top: 0px;
}

    .radio-item input[type="radio"]:checked:before {
        background: #69f75e;
    }

    .radio-item input[type="radio"]:checked {
        border-color: #69f75e;
    }

    .radio-item input[type='radio']:before {
        content: '';
        display: block;
        width: 60%;
        height: 60%;
        margin: 20% auto;
        border-radius: 50%;
    }

.Task-Priority-Radio label {
    margin: 4px 0px 0px 5px;
    padding-left: 5px;
}

.Task-Priority-Radio {
    vertical-align: middle;
}

.actionIconsGroup {
    display: flex;
    justify-content: center;
    /*width: 200px;*/
}

    .actionIconsGroup a {
        margin-left: 5px;
        border: solid 1px #828282;
        width: 28px;
        height: 28px;
        padding: 5px;
        color: #828282;
        font-size: 16px !important;
        text-align: center;
        border-radius: 3px;
    }

        .actionIconsGroup a:hover {
            border-color: #949494;
            color: #949494;
            border-radius: 0px
        }

    .actionIconsGroup button {
        margin-left: 5px;
        border: solid 1px #828282;
        width: 28px;
        height: 28px;
        padding: 5px;
        color: #828282;
        font-size: 16px !important;
        text-align: center;
        border-radius: 3px;
        background: none;
    }

        .actionIconsGroup button:hover {
            border-color: #949494;
            color: #949494;
            border-radius: 0px
        }

    .actionIconsGroup .dropdown a {
        border: 0px !important;
        text-align: left !important;
        background: none;
        font-size: 12px !important;
        width: 100%;
        margin-left: 0px;
        height: auto;
        padding: 5px 5px;
        border-bottom: solid 1px #d2d2d2 !important;
    }

        .actionIconsGroup .dropdown a:hover {
            border: 0px !important;
            text-align: left !important;
            background: #cde9ff;
            color: #000;
            border-bottom: solid 1px #d2d2d2 !important;
        }

        .actionIconsGroup .dropdown a:focus {
            border: 0px !important;
            text-align: left !important;
            background: #abdaff;
            color: #3270a3;
            border-bottom: solid 1px #d2d2d2 !important;
        }

    .actionIconsGroup .dropdown {
        padding: 0px;
    }

        .actionIconsGroup .dropdown ul {
            left: auto;
            right: 0px;
            border-radius: 0px !important;
            border: solid 1px #d2d2d2;
            padding: 0px;
            border-left: solid 2px #3270a3 !important;
        }
/*header Css*/


/*.towSections {
    display: flex;
    justify-content: right;
    width: 50%;
}*/
.towSections {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.divSetFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.SessionsMaster {
    text-decoration: none;
    color: white;
    line-height: 34px;
    display: inline-block;
}

    .SessionsMaster:hover {
        color: #fff;
        text-decoration: none;
    }

.filterButton {
    margin-left: 10px;
    padding: 10px;
}

.dropdownSettings {
    position: relative;
}

    .dropdownSettings .dropdown-menu-left {
        right: 0px;
        left: auto;
    }

.sidebar .panel-heading {
    padding-top: 12px;
    padding-bottom: 12px;
}

.plusIconForTbl {
    display: initial;
}

.fw-600 {
    font-weight: 600 !important;
}

.managesTbl th {
    text-align: center !important;
}

.panel-heading {
    border-radius: 0px !important
}

.modal-backdrop {
    z-index: 10000;
}

.modal {
    z-index: 10001;
}

#ctl00_cmdCloseTop {
    margin-top: 5px !important;
    background: none;
    outline: none;
}

.TskDtlAssigned {
    float: left;
    width: 100%;
    background: #f7f7f7;
}

    .TskDtlAssigned .table {
        margin-bottom: 0px;
    }

    .TskDtlAssigned span.PriorityHigh {
        color: #fff;
        background: #d9534f;
        padding: 2px 10px;
        border-radius: 2px;
        font-size: 10px !important;
    }

    .TskDtlAssigned span.PriorityLow {
        color: #fff;
        background-color: #efd208eb !important;
        font-size: 10px !important;
        padding: 2px 10px;
        border-radius: 2px;
    }

    .TskDtlAssigned span.PriorityNormal {
        color: #fff;
        background: #337ab7 !important;
        padding: 2px 10px;
        border-radius: 2px;
        font-size: 10px !important;
    }


.iconBtn {
    margin: 2px 0px;
    padding: 0px;
}

.btn {
    outline: none !important;
}

    .btn:focus {
        outline: none !important;
    }

.employeeSettingPage {
    display: inline-block;
    padding: 3px;
    margin: 1px;
}

    .employeeSettingPage .clstasksetting {
        display: inline-block;
        padding: 5px 8px;
        background: #ececec;
        border: dashed 1px #bfbfbf;
        margin: 4px;
    }

.taskSettingPage .table > tbody > tr > th {
    font-size: 14px;
    text-transform: capitalize;
    background: #3270a3;
    color: #fff;
}

.radioTaskSetting td {
    text-align: left !important;
}

.SelectTeams {
    width: calc(100% - 120px) !important;
    float: left;
    border-radius: 0px !important;
}

.SelectTeamsBtn {
    border-radius: 0px;
    background: #3071aa;
    color: #fff;
    width: 115px;
    float: none;
    text-shadow: none;
    border: 0px;
    padding: 6px 8px 8px 8px;
}

    .SelectTeamsBtn:hover {
        background: #3071aa;
        color: #fff;
    }

    .SelectTeamsBtn:focus {
        background: #3071aa;
        color: #fff;
    }

.NewSelect2Class .select2-container {
    width: calc(100% - 120px) !important;
    border-radius: 0px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ccc !important;
    border-radius: 0px !important;
    padding: 0px 12px;
}

.select2-container--default .select2-selection--multiple {
    border-color: #ccc !important;
    border-radius: 0px !important;
    padding: 0px 12px;
}

.form-control {
    box-shadow: none !important;
}

.panelShaded {
    box-shadow: 0px 0px 10px #8e8e8e;
}

.filterBoxSContainer {
    /*display:grid;
    grid-template-columns:33% 33% 33%;
    padding: 10px;*/
}

.filterBoxSContainer2 {
    /*display:grid;
    grid-template-columns:50% 50%;
    padding: 10px;*/
}

.filterBoxS {
    padding: 0px 0px;
    width: 50%;
    float: left;
}


.tskTextSizeCir {
    font-size: 16px !important;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.text-danger.tskTextSizeCir {
    color: #d9534f !important;
}

.text-success.tskTextSizeCir {
    color: #3dba2f !important;
}

.innerBoxtaskShowBoxNew {
    width: 100%;
    float: left;
    padding: 10px 0px;
    border-bottom: solid 1px #f0f0f0;
    position: relative;
    display: flex;
    align-items: center;
}

.innerBoxtaskShowBoxNew2 {
    display: block;
}

.assignedName {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .assignedName li {
        display: flex;
        padding: 4px;
        float: left;
        border: solid 1px #f2f2f2;
        margin: 2px;
        cursor: pointer;
        color: #8e8e8e;
        align-items: center;
    }

        .assignedName li .well {
            margin-bottom: 0px;
            padding: 4px !important;
        }

        .assignedName li .btn {
            padding: 4px 8px !important;
            font-size: 18px;
        }

        .assignedName li.addmoremmberLibtn {
            padding: 0px;
            border: 0px;
        }

.innerBoxtaskShowBoxNew h4 {
    color: #3e3e3e;
    font-weight: 600;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 5px;
}

.innerBoxtaskShowBoxNew2 h4 {
    margin-bottom: 10px;
}

.RightTaskView {
    padding-left: 14px;
    border-left: solid 1px #ebe9e9;
}

.thisTrView {
    background: #e7ffe8 !important;
    position: relative;
}

/*.thisTrView::after {
    content:"";
    position:absolute;
    background:#e7ffe8;
    border-top: 50px solid transparent;
    border-left: 100px solid #e7ffe8;
    border-bottom: 50px solid transparent;
    right:-50px;
}*/

.taskNameView h3 {
    margin: 0px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
}

    .taskNameView h3 span {
        margin: 0px;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 600;
    }

.taskShowBoxNew {
    position: relative;
}

.statusTaskClosedOpen {
    position: absolute;
    top: -5px;
    right: 0px;
    width: 100%;
}

    .statusTaskClosedOpen p {
        float: right;
        margin: 0px;
        margin-right: 15px;
        color: #fff;
        padding: 5px 12px;
        font-size: 12px;
        border-radius: 5px;
    }

        .statusTaskClosedOpen p.tskOpn {
            background: #49a319;
        }

        .statusTaskClosedOpen p.tskcls {
            background: #a9a9a9;
        }


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

    .userAssign2 a {
        display: inline-block;
        margin-right: 5px;
        padding-right: 5px;
        border-right: solid 1px #c7c7c7;
    }

    .userAssign2 p {
        margin: 0px 5px;
    }

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

    .userAssign2 input {
        margin-top: 0px;
    }

.saveTskBotBtn {
    width: 100%;
    margin: 5px;
    padding: 10px;
    font-size: 16px;
    background: #227be9;
    color: #fff;
}

.buttonsSvCnclBox {
    background: #f8f8f8;
    border-top: solid 1px #e6e6e6;
    padding: 10px 15px;
    text-align: right;
}

.pointerRemark {
    cursor: pointer;
}

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 28px;
}

    .file-upload-wrapper:after {
        content: attr(data-text);
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        padding: 0px 10px;
        display: block;
        width: calc(100% - 85px);
        pointer-events: none;
        z-index: 20;
        height: 28px;
        line-height: 28px;
        color: #999;
        /*border-radius: 5px 10px 10px 5px;*/
        font-weight: 300;
    }

    .file-upload-wrapper:before {
        content: "Upload";
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        height: 28px;
        background: #4daf7c;
        color: #fff;
        font-weight: 500;
        z-index: 25;
        font-size: 14px;
        line-height: 28px;
        padding: 0 15px;
        pointer-events: none;
        /*border-radius: 0 5px 5px 0;*/
    }

    .file-upload-wrapper:hover:before {
        background: #3d8c63;
    }

    .file-upload-wrapper input {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
        height: 28px;
        margin: 0;
        padding: 0;
        display: block;
        cursor: pointer;
        width: 78px;
    }

.after-file-upload-wrapper:before {
    display: none;
}

.after-file-upload-wrapper:after {
    width: 100%;
}

.thumberMention {
    display: flex;
    justify-content: center;
    margin: 3px 0px;
}

    .thumberMention span {
        position: relative;
        padding-left: 0px;
        margin-right: 5px;
        font-size: 12px;
        display: flex;
    }

        .thumberMention span input {
            margin: 2px 0px 0px 0px !important;
        }

#chkHigh + label {
    margin: 0px !important;
    margin-left: 5px !important;
    color: #de1212;
    font-weight: 600 !important;
    margin-right: 5px !important;
    margin-top: -1px !important;
}

#chkNormal + label {
    margin: 0px !important;
    margin-left: 5px !important;
    color: #3270a3;
    font-weight: 600 !important;
    margin-right: 5px !important;
    margin-top: -1px !important;
}

#chkLow + label {
    margin: 0px !important;
    margin-left: 5px !important;
    color: #c4c110;
    font-weight: 600 !important;
    margin-top: -1px !important;
}
/*.thumberMention span:before {
    position:absolute;
    width:10px;
    height:10px;
    content:"";
    left:0px;
    top:3px;
}*/
/*.thumberMention span:nth-child(2):before {
    background:#d9534f;
}
.thumberMention span:nth-child(3):before {
    background:#337ab7;
}
.thumberMention span:nth-child(4):before {
    background:#c8c507;
}*/


.thumberMention span:nth-child(2) input {
    border: solid #d9534f 1px !important;
}

.thumberMention span:nth-child(3) input {
    border: solid #337ab7 1px !important;
}

.thumberMention span:nth-child(4) input {
    border: solid #c8c507 1px !important;
}

@media (min-width:992px) {
    .flex5Box {
        display: flex;
        justify-content: space-between;
    }
}











/*======================= Mobile Site ===================*/

.taskViewMobile {
    width: 100%;
    float: left;
}

.taskDataMobile {
    width: 100%;
    float: left;
    border-bottom: solid 1px #e4e4e4;
    position: relative;
    cursor: pointer;
}

    .taskDataMobile .fieldsTbl {
        padding: 5px;
    }

    .taskDataMobile:nth-child(even) {
        background: #f5f5f5;
    }

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

    .tblDivFlexManage > div {
        padding: 5px;
        text-align: center;
    }

    .tblDivFlexManage > div {
        min-width: 100px;
    }

.assignedDateDue {
    width: 200px;
    text-align: left !important;
}

.tblDivFlexManage .taskDetailBox1 {
    width: 250px;
    text-align: left;
}

.taskTblHeader {
    background: #deebf8 !important;
    color: #3270a3;
    font-weight: 600;
    padding-right: 16px;
}

.NewPriorityHigh {
    color: #d9534f;
    border: solid 1px #d9534f;
}

.NewPriorityLow {
    color: #c8c507;
    border: solid 1px #c8c507;
}

.NewPriorityNormal {
    color: #337ab7;
    border: solid 1px #337ab7;
}

.flegsPriority {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    padding: 11px;
}

span.label {
    font-weight: 600;
}

.flegsPriority i.fa {
    font-size: 20px;
}

.assignedDateDueShow {
    display: none;
}



.taskProgressBox .progress {
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}

    .taskProgressBox .progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 4px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
    }

    .taskProgressBox .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .taskProgressBox .progress .progress-left {
        left: 0;
    }

    .taskProgressBox .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 4px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

    .taskProgressBox .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .taskProgressBox .progress .progress-right {
        right: 0;
    }

        .taskProgressBox .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
            animation: loading-1 1.8s linear forwards;
        }

    .taskProgressBox .progress .progress-value {
        width: 90%;
        height: 90%;
        border-radius: 50%;
        background: #fff;
        font-size: 12px;
        color: #44484b;
        line-height: 41px;
        text-align: center;
        position: absolute;
        top: 5%;
        left: 5%;
    }

    .taskProgressBox .progress.blue .progress-bar {
        border-color: #049dff;
    }

    .taskProgressBox .progress.blue .progress-left .progress-bar {
        animation: loading-2 1.5s linear forwards 1.8s;
    }

    .taskProgressBox .progress.yellow .progress-bar {
        border-color: #fdba04;
    }

    .taskProgressBox .progress.yellow .progress-left .progress-bar {
        animation: loading-3 1s linear forwards 1.8s;
    }

    .taskProgressBox .progress.pink .progress-bar {
        border-color: #ed687c;
    }

    .taskProgressBox .progress.pink .progress-left .progress-bar {
        animation: loading-4 0.4s linear forwards 1.8s;
    }

    .taskProgressBox .progress.green .progress-bar {
        border-color: #1abc9c;
    }

    .taskProgressBox .progress.green .progress-left .progress-bar {
        animation: loading-5 1.2s linear forwards 1.8s;
    }

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}

@media only screen and (max-width: 990px) {
    .progress {
        margin-bottom: 20px;
    }
}



.flexBox {
    display: flex;
    justify-content: center;
}

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

.flexBox a {
    width: 100%;
}

    .flexBox a .progress {
        margin: 0px !important;
    }

.tblHeader {
    padding-top: 2px;
    padding-bottom: 0px;
    background: beige;
    margin-bottom: 0px;
}

#tblMyTask_wrapper .tblHeader, #tblTeamTask_wrapper .tblHeader {
    background: azure;
}


    table.dataTable thead th, table.dataTable tfoot th {
        font-weight: 600 !important;
        border: 0px !important;
        border-left: 0px !important;
        padding: 8px 8px !important;
    }
    /*table.dataTable thead th {
    padding:0px !important;
}*/
    table.dataTable td {
        border-right: 0px !important;
        border-left: 0px !important;
        padding: 8px 8px !important;
    }

#aViewTaskDoc, .attchAfiles .btn {
    padding: 4px 8px !important;
    font-size: 18px !important;
}

.PopoverNewData {
    font-family: 'Open Sans';
    padding: 5px;
    border-bottom: solid 1px #d2d2d2;
}

    .PopoverNewData p {
        margin: 2px 0px;
        font-size: 12px;
    }

    .PopoverNewData span {
        /*display:block;*/
        font-weight: 600;
    }

.attchAfiles {
    float: left !important;
    margin: 0px 2px 2px 0px;
}

.uploadedFilsBtn {
    margin: 4px 4px 0px 0px;
    float: left;
}

.flexPnlBtnBox {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.filterspace5px .pnlHeadingFlex .sigleFormfld {
    margin-right: 2px !important;
}

@media(max-width:640px) {
    .filterspace5px .pnlHeadingFlex .sigleFormfld {
        width: 100px !important;
    }

    .filterspace5px .panelBtnsRight * {
        margin: 0px !important
    }

    .flexBlockDv {
        display: block !important;
    }

        .flexBlockDv h4 {
            display: block;
            float: unset !important;
        }
}

/* New Styles April 2021 */
.flexEqualCenter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.VTop {
    align-items: baseline;
}

.NewNotificationBox {
    margin: 0px 20px 0px 5px;
    position: relative;
}

a.notificationLink, .nav > li > a.notificationLink:hover, .nav > li > a.notificationLink:focus {
    color: #161a2d !important;
    text-decoration: none !important;
    position: relative !important;
    /*background: #9ebc82;*/
    /*background: none;*/
    background: transparent;
    padding: 1px 0px !important;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: transparent;
}

a i.feather {
    font-size: 24px !important;
}
.nav-pills > li > a, .nav-pills > li > div a {
    color: #00324e;
}
a.notificationLink span.NotiCounts {
    background: #005ca1 !important;
    color: #ffffff !important;
    border: 1px solid #005ca1 !important;
    position: absolute !important;
    right: 18px !important;
    top: 3px !important;
    padding: 3px !important;
    border-radius: 100% !important;
    line-height: 10px !important;
    font-size: 11px !important;
}

a.notificationLink span.NotiCounts1 {
    background: #1aa520 !important;
    color: #ffffff !important;
    border: 1px solid #1eab24 !important;
}

li#liLMS img {
    width: 23px;
}

.InnerNotificationBox {
    position: absolute;
    width: 360px;
    background: #fff;
    right: -22px;
    box-shadow: 0px 0px 10px #6d6d6d;
    z-index: 999;
    display: none;
}

.SmallPanels {
    width: 100%;
}

.SmallPanelsHead {
    background: #f0f3f4;
    padding: 10px 15px;
    width: 100%;
    border-bottom: solid 1px #d9dce0;
}

    .SmallPanelsHead p {
        margin: 0px;
        font-weight: 600;
        font-size: 18px;
    }

    .SmallPanelsHead a {
        margin: 0px;
        color: #000;
        font-size: 16px;
    }

.SmallPanelsBody {
    width: 100%;
    height: 350px;
    overflow: auto;
}

.NotificationIcons {
    width: 40px;
    text-align: center;
}

    .NotificationIcons span i {
        background: #aab924;
        color: #000;
        border-radius: 100%;
        width: 18px;
        display: inline-block;
        padding: 2px 5px;
        text-align: center;
    }

.NotificationRow {
    padding: 5px 0;
    border-bottom: solid 1px #d9dce0;
}
    /*.NotificationRow:nth-child(odd) {
    background:#f7f7f7 !important;
}*/
    .NotificationRow p.fw-600.themeColor {
        font-size: 14px;
        font-weight: 600;
        font-family: 'Roboto',sans-serif;
        color: #333;
    }

.NotificationDetails {
    text-align: left;
    width: 100%;
}

    .NotificationDetails .flexEqualCenter {
        margin: 5px 0;
    }

    .NotificationDetails span.italic.themeColor {
        font-size: 11px;
        color: #0a3b7e;
        font-family: 'Roboto',sans-serif;
        font-weight: 500;
        padding-right: 5px;
        font-style: normal;
    }

    .NotificationDetails p {
        margin: 0px 0px 5px 0px;
    }

        .NotificationDetails p a, .NotificationDetails p a:hover, .NotificationDetails p a:focus {
            text-decoration: none;
        }

.NotificationDropMenu {
    width: 30px;
    text-align: right;
}

.NotiFicationAction {
    display: inline-flex;
    align-items: center;
}

    .NotiFicationAction a {
        /*padding:8px 15px;*/
        color: #227be9;
        font-weight: 600;
        display: inline-block;
        margin-right: 15px;
    }
/*.NotiFicationAction a.applyNoti {
    background:#227be9;
    color:#fff;
    padding:6px 15px;
    border-radius:3px;
}*/

.italic {
    font-style: italic;
}

.postBtn {
    background: #fff3e7 !important;
    color: #a08501 !important;
    border: solid 1px #a08501 !important;
    font-weight: 600 !important;
    text-decoration: none;
    line-height: 13px;
}

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

.mb-15 {
    margin-bottom: 15px !important;
}

.taskListPanel {
    display: none;
}

.taskAssignList {
    height: 485px;
    overflow: auto;
}

.mb-3 {
    margin-bottom: 3px;
}

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

.headervacancyText h3 {
    margin: 5px 0px;
}

.headervacancyText p {
    margin-bottom: 0px;
}

.jobCode {
    color: #828282;
}

p.mb-10 {
    margin-bottom: 10px !important;
}

.vacancyText h5 {
    margin: 0px 0px 15px 0px;
}

.lblEql .col-lg-4 label, .lblEql .cmpnyData {
    margin-top: 8px;
    display: inline-block;
}

.tasKWorkingTime {
    cursor: pointer;
    color: #333;
    text-decoration: underline;
}

.clsheaderElem {
    background: #f5f5f5;
    font-weight: 600;
}

.tblHeader, .tblTeamHeader {
    display: flex;
    align-items: center;
    margin: 0px;
}

.dataTables_length label, .dataTables_info, .dataTables_filter label {
    margin: 0px !important;
    padding: 0px !important;
    outline: none !important;
}

.dataTables_length select, .dataTables_filter input {
    outline: none !important;
}

.dataTables_wrapper .dataTables_filter input {
    width: 75% !important;
}

.modal-body table.dataTable thead th, table.dataTable tfoot th.sorting_asc {
    padding: 8px !important;
}

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

.filterRangeFull .col-sm-12 {
    padding: 5px 15px 0px 15px !important;
}



/*PMS New Empliments*/
.themeColors {
    color: #015ca8 !important;
}

.table.topTextTbl th, .table.topTextTbl td {
    vertical-align: top !important;
}

    .table.topTextTbl th.thMiddel {
        vertical-align: middle !important;
    }

.blockElement {
    display: block;
}

.topTextTbl .form-control {
    border-radius: 0px !important
}

.topTextTbl .label {
    display: inline-block;
    font-size: 12px !important
}

.mtb8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

#file-upload {
    position: absolute;
    left: -9999px;
}

.fileuploads label[for="file-upload"] {
    padding: 9px 0.5em;
    display: inline-block;
    background: #e0e0e0;
    cursor: pointer;
    margin: 0px !important;
    width: 55px;
}

    .fileuploads label[for="file-upload"]:hover {
        background: #d2d2d2
    }

.filename {
    padding: 9px 0.5em;
    float: left;
    width: calc(100% - 55px);
    white-space: nowrap;
    overflow: hidden;
    background: #f3eded;
}

.fileuploads {
    display: flex;
}

td.rowspanTD {
    background-color: #f5f5f5;
}

textarea::placeholder {
    font-size: 12px !important;
}

.f12 {
    font-size: 12px !important;
}

.mtSpc {
    margin-top: 5px;
}

.redColor {
    color: #d9534f;
}

.LRspc {
    margin: 0px 10px;
}

.Indicator {
    font-size: 16px;
    padding: 3px 5px;
    border: solid 1px;
    border-radius: 100%;
    width: 24px;
    height: 24px;
}

.grnColor {
    color: #12de02;
}

.WeightageBox {
    border-top: solid 1px #c7c7c7;
    margin-top: 15px;
    padding-top: 10px;
}

.filesAttached li a {
    display: block;
    color: #909090;
    text-decoration: underline;
    border: solid 1px #e6e6e6;
    padding: 5px;
}

.filesAttached li {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

    .filesAttached li .btn {
        border-radius: 0px !important;
    }

.CompetencyTD {
    background: #f9f9f9 !important;
}

.table-hover > tbody > tr:hover td.CompetencyTD {
    background-color: #f5f5f5 !important;
}

.goalSR {
    background: #efefef;
    text-align: center;
    width: 35px;
    padding-top: 15px;
}

.goalsBox {
    padding: 10px 0px;
}

.goalsBoxOuter .goalsBox:nth-child(even) {
    background: #fff;
}

.goalsBoxOuter .goalsBox:nth-child(odd) {
    background: #f9f9f9;
}

tr.subtables {
    display: none;
}


.subtblBtn, .subtblBtn:hover, .subtblBtn:focus {
    display: block;
    width: 24px;
    height: 24px;
    border: solid 1px #828282;
    color: #828282;
    padding: 5px 6px;
    margin-right: 10px;
}

td .form-control {
    font-size: 12px !important;
}

.table.subtbls > tbody > tr > th {
    background: #eaeaea !important;
}

.btn.imgBtnDesign {
    padding: 5px 8px !important;
}

.relativePos {
    position: relative;
    text-shadow: none !important;
    box-shadow: none !important;
}

.commentHeight {
    min-height: 120px;
}

.modal-body .flexRow label {
    font-weight: 600 !important;
}

.lbl-Pending {
    padding: 5px 8px !important;
    color: #fff;
    background: #d9534f;
}
/*label-danger*/
.lbl-Draft {
    padding: 5px 8px !important;
    color: #fff;
    background: #777;
}
/*label-default*/
.lbl-Submitted {
    padding: 5px 8px !important;
    color: #fff;
    background: #5cb85c;
}
/*label-success*/
.lbl-In-Process {
    padding: 5px 8px !important;
    color: #fff;
    background: #f0ad4e;
}
/*label-warning*/
.lbl-Published {
    padding: 5px 8px !important;
    color: #fff;
    background: #337ab7;
}
/*label-primary*/
.lbl-Reviewed {
    padding: 5px 8px !important;
    color: #fff;
    background: #5cb85c;
}
/*label-success*/
.lbl-Evaluated {
    padding: 5px 8px !important;
    color: #fff;
    background: #5bc0de;
}
/*label-info*/
.lbl-Completed {
    padding: 5px 8px !important;
    color: #fff;
    background: #5cb85c;
}
/*label-success*/
.lbl-Approved {
    padding: 5px 8px !important;
    color: #fff;
    background: #5cb85c;
}
/*label-success*/


.AllModules {
    position: relative
}
/*.clickAllModules, .clickAllModules:hover, .clickAllModules:focus {
    background:#005ca1 !important;
    color:#fff !important;
}
.allModuleBox {
    display: none;
    background: #ebf7ff;
    padding: 5px;
    width: 325px;
    position: absolute;
    right: 0px;
    z-index: 9999;
    box-shadow: 0px 3px 10px #7b7b7b;
}

.allModuleBox a {
    float:left;
    width:calc(100% / 3 - 10px);
    margin:5px;
    display: block;
    color: #3270a3;
    background: #fff;
    padding: 15px 5px;
    font-size: 12px;
    box-shadow: 0px 0px 5px #d0d0d0;
    border-radius: 5px;
}
.allModuleBox a i {
    font-size:20px;
}
.allModuleBox a i, .allModuleBox a span {
    display:block;
}*/


.clickAllModules {
    padding: 8px 11px !important;
    border: 1px solid #D3D3D3;
    /*background: #e8e8e8;*/
}

.AllApps, .userViewBox, .SelectCompany {
    position: relative;
    /*z-index: 9999 !important;*/
}

.BgCircleMenu {
    border-radius: 5px;
    display: flex !important;
    justify-content: center;
    text-align: center;
    align-items: center;
    font-weight: 600;
    padding: 7px 12px;
    border: solid 1px rgba(214,214,214,.84);
    cursor: pointer;
}

    .BgCircleMenu a {
        width: 34px;
        height: 34px;
        border-radius: 100%;
        display: flex !important;
        justify-content: center;
        text-align: center;
        align-items: center;
        margin-left: 20px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 600;
        background: #e6e6e6;
    }

        .BgCircleMenu a img {
            width: 14px;
        }

.allModuleBox {
    position: absolute;
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 0px 10px 35px #777;
    z-index: 99999;
    right: 0px;
    top: -15px;
    display: none;
    margin-right: 0px;
    height: calc(100vh - 26px);
    right: -15px;
    overflow: auto !important;
    width: 400px;
}


    .allModuleBox::-webkit-scrollbar {
        width: 0px !important;
    }


    .allModuleBox .Module.ActiveApps {
        color: #0e4f93;
    }


.Module.ActiveApps {
    cursor: not-allowed;
    color: #0e4f93;
}

.allModuleBox .Module {
    color: #000;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    text-align: center;
    width: 25%;
    text-decoration: none;
    margin: 0 0 20px;
}

    .allModuleBox .Module .moduleImgIcon {
        width: 40px;
        height: 40px;
        display: inline-block;
        text-align: center;
    }

        .allModuleBox .Module .moduleImgIcon img {
            width: 100%;
            height: auto;
        }

    .allModuleBox .Module span {
        font-size: 12px !important;
        font-weight: 500;
        font-family: Roboto,sans-serif;
        text-transform: capitalize !important;
        display: block;
        margin-top: 5px;
    }

    .allModuleBox .Module.UnLicensed {
        -webkit-filter: grayscale(100%);
        -webkit-filter: grayscale(1);
        filter: gray;
        opacity: .4;
        filter: grayscale(100%);
        cursor: default;
    }

.userDetails1 {
    padding: 8px 15px 7px 15px;
    background: #f5f5f5;
    box-shadow: 0px 0px 5px #696969;
}

    .userDetails1 .CircleName {
        width: 60px;
        height: 60px;
        font-size: 25px;
    }

        .userDetails1 .CircleName img {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 58px;
            height: 58px;
            border-radius: 100%;
        }

        .userDetails1 .CircleName span {
            font-size: 25px;
        }

    .userDetails1 .userInfoSignout {
        text-align: left !important;
        padding: 0px 15px;
        width: calc(100% - 60px);
    }

        .userDetails1 .userInfoSignout span {
            font-size: 14px;
            display: block;
            margin: 0px 0px 0px 0px;
        }

            .userDetails1 .userInfoSignout span.userPosition {
                font-size: 12px !important;
                line-height: 14px;
            }

        .userDetails1 .userInfoSignout a {
            font-size: 12px !important;
            color: #0e4f93;
            margin-right: 10px;
            padding-right: 10px;
            line-height: 14px;
            position: relative;
            white-space: pre;
        }

.profile_editbox a {
    white-space: unset !important;
}

.userDetails1 .userInfoSignout a::after {
    position: absolute;
    width: 1px;
    height: 10px;
    right: 0px;
    top: 4px;
    background: #005ca1;
    content: "";
}

.userDetails1 .userInfoSignout a.signOutBtn::after {
    display: none;
}

.fw-600 {
    font-weight: 600;
}

.CircleName {
    width: 75px;
    height: 75px;
    background: #3b94d6;
    border: solid 1px #2a70a2;
    border-radius: 100%;
    display: flex !important;
    justify-content: center;
    text-align: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
}

    .CircleName span {
        font-size: 35px;
    }

    .CircleName span {
        text-transform: uppercase;
    }

.userInfos {
    padding: 15px !important;
}

    .userInfos .flex {
        width: 100%;
        border-bottom: solid 1px #f3f3f3;
        padding: 3px 0px;
    }

    .userInfos span {
        font-size: 12px;
    }

    .userInfos .flex .UserInfoH {
        width: 150px;
        padding-right: 5px;
    }

    .userInfos .flex .UserInfoD {
        width: calc(100% - 150px);
        text-align: right;
    }

.selectCompanyPanel {
    display: none;
    position: absolute;
    top: 44px;
    min-width: 400px;
    box-shadow: 0px 10px 35px #777;
    right: 0px;
}

.CompanyPanel {
    width: calc(100% - 10px);
    float: left;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #ececec;
    margin: 10px 5px 0px 5px !important;
}

.switchmodule {
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: calc(100% - 30px) !important;
}


.CompanyPanelheading {
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #263238;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(9, 54, 121, 0.1);
    padding: 8px 20px;
    background: #f5f5f5;
    text-align: left;
}

    .CompanyPanelheading a {
        color: #263238 !important;
        font-family: 'Roboto',sans-serif;
        font-weight: 500;
        font-size: 14px !important;
        text-decoration: none !important;
        border-bottom: 1px solid #263238 !important;
    }

.appsBox {
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 5px 0;
}



.CompanyPanelbody {
    padding: 0px;
    width: 100%;
    float: left;
    border-radius: 0px 0px 5px 5px;
    overflow: auto;
}

overflow: auto;
}

.companyListItem {
    width: 100%;
    float: left;
    text-align: left;
    padding: 5px 0px;
    border-bottom: solid 1px #ececec;
    font-weight: 600;
}

.companyList {
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    padding: 10px 15px;
    border-bottom: #efefef solid 1px;
    font-weight: 400;
    text-decoration: none;
    color: #404d6b;
    background: #ffffff;
}

    .companyList:hover {
        background: #f8f8f8;
        color: #606C88;
    }

    .companyList.selectedCompany {
        color: #fff;
        background: #404d6b;
    }


.clickAllModules:hover {
    background: #f9f9f9;
}


/*.ActiveSlide {
    background: #eaeaea !important;
    color: #0e4f93 !important;
    border: solid 1px #d0d0d0;
}*/


.flex {
    display: flex;
}

.flexEqual {
    justify-content: space-between;
}

.flexCenter {
    justify-content: center;
}

.flexMiddel {
    align-items: center;
}

.text-center {
    text-align: center !important;
}

.overflowHeight {
    height: calc(100vh - 325px);
    overflow: auto;
}

.companyNameHead {
    color: rgba(0,92,161,1);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}


.closeSidePanel, .closeSidePanel.ActiveSlide {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 15px;
    color: #454545 !important;
    border: 0px;
    height: auto;
    width: auto;
    border: 0px;
    background: none !important;
    font-size: 16px;
}




/*end header new design*/


table.Innerrbl tr td {
    border-top: 0px !important
}

    table.Innerrbl tr td input[type="radio"], table.Innerrbl tr td label {
        margin: 0px 5px !important;
    }

table.Innerrbl tr td {
    padding-right: 5px !important;
    padding-bottom: 5px !important;
}


.form-group.clsMB15 label {
    position: relative;
}

    .form-group.clsMB15 label span.errorStar {
        position: absolute;
        right: -10px;
        top: 3px;
    }

.disBlock {
    display: block !important;
}

td.tdTHtype {
    background: #deebf8 !important;
    color: #015ca0;
    font-weight: 600;
    text-align: center;
}


/*poll start*/
.question {
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 0px;
    font-size: 14px;
}

/*.questionNo {
    width: 80px;
}*/

.questionTxt {
    /*width: calc(100% - 80px);*/
    width: 100%;
    font-size: 16px;
}

.pollTest input[type="radio"], .likeDislike input[type="checkbox"] {
    display: none;
}

.pollActions {
    padding: 5px 0px;
}

    .pollActions label {
        padding: 5px;
        border-radius: 5px;
        font-weight: 600;
        cursor: pointer;
        color: #bdbdbd;
        margin-left: 0px !important;
    }

.likeDislike input[type="checkbox"]:checked + label {
    color: #005ca1;
}

.pollTest label {
    display: block;
    background-color: #f2f2f2;
    padding: 12px 15px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    margin-left: 0px !important;
}

    .pollTest label .selectedAns {
        position: absolute;
        width: 0px;
        left: -100%;
        top: 0px;
        height: 100%;
        content: "";
        transition: all .2s;
        background: #e6e6e6;
        color: #fff;
    }

    .pollTest label .percentagePoll {
        position: absolute;
        right: 15px;
        color: #000 !important;
        top: 12px;
        z-index: 999;
    }

.pollTest input[type="radio"]:checked + label {
    color: #fff;
}

    .pollTest input[type="radio"]:checked + label .selectedAns {
        background-color: #49bb38;
        transition: all .2s;
    }

.pollTest input[type="radio"]:checked + label {
    background-color: #49bb38;
    transition: all .2s;
}

.pollAns {
    z-index: 999;
    position: relative;
}

.pollNo {
    border-radius: 100%;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #dcdcdc;
    text-align: center;
    margin-right: 5px;
}

.pollTest input[type="radio"]:checked + label .pollNo {
    background: #348a27;
    color: #fff;
}

.AddCommentBox, .commentPollList, .cmtTextHide {
    display: none;
}

.AddCommentBox {
    margin: 10px 0px;
}

.commentPollList {
    margin-top: 10px;
}

    .commentPollList .cmtRepeater {
        border-bottom: solid 1px #e6e6e6;
        padding: 10px;
    }

        .commentPollList .cmtRepeater:nth-child(even) {
            background: #f5f5f5;
        }

.cmtCircleNm {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    background: #005ca1;
}

.cmtTextBox {
    margin-left: 10px;
    width: calc(100% - 60px);
}

    .cmtTextBox h4 {
        font-weight: 600;
        margin: 0px;
        color: #005ca1;
        font-size: 14px;
    }

    .cmtTextBox p {
        font-style: italic;
        margin-top: 5px;
        font-size: 12px;
    }

    .cmtTextBox span.cmtDate {
        color: #0e4f93;
        font-size: 12px;
    }

.LikeLove {
    border: 0px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

    .LikeLove option {
        padding: 8px !important;
    }

.ChangeLikeLove.fa-thumbs-o-up {
    color: #005ca1;
}

.ChangeLikeLove.fa-heart {
    color: #d9534f;
}

/*poll end*/

.modalHeaderFlex::after, .modalHeaderFlex::before {
    display: none !important
}

.btnSpace > * {
    margin-left: 10px;
}

.BtnNextPrev {
    width: 27px;
    height: 27px;
    background: none;
    border: solid 1px #fff !important;
    padding: 5px !important;
}

.btnPollClick, .btnSurveyClick {
    position: fixed;
    right: -25px;
    top: 50%;
    transform: rotate(90deg);
    border-radius: 0px 0px 15px 15px;
    z-index: 999;
}

.ThankyouPoll {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 350px;
}

    .ThankyouPoll h1 {
        color: #7ac043;
        font-size: 50px;
        margin: 15px 0px;
    }

    .ThankyouPoll p {
        font-size: 30px;
        margin: 0px 0px 15px 0px;
    }

/* left menu css*/
.bredcrum-menu {
    background: #0F4F92;
    padding: 0px 20px;
    border-radius: 0px 0px 0px 26px;
    min-width: 500px;
    justify-content: end;
}

.row-flex {
    display: flex;
}

.left-menu ul {
    margin: 0;
    padding: 5px 0 0;
}


.left-menu {
    background: #0A3B7E;
    text-align: center;
    position: relative;
    transition: all 1s;
    width: 58px;
    font-family: 'Roboto', sans-serif;
    margin-top: 4px;
    padding-left: 0px;
    padding-right: 0px;
    height: 100vh;
    z-index: 3;
    /*overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #09BEF3 #f1f1f1;*/
}


    .left-menu::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .left-menu::-webkit-scrollbar-thumb {
        background: #09BEF3;
        width: 4px;
        border-radius: 10px;
    }

    .left-menu::-webkit-scrollbar-track {
        background: #e7e7e7;
    }


    .left-menu a {
        padding: 7px 8px;
        display: block;
        font-size: 10px;
        color: #fff;
        font-family: robotomedium;
    }

        .left-menu a img {
            display: block;
            width: 100%;
            margin: 0px auto;
            height: 24px;
        }

        .left-menu a p {
            margin: 2px 0 0 !important;
            font-size: 10px;
            line-height: 10px;
            width: 100%;
            display: block;
            font-family: 'robotoregular';
        }

        .left-menu a figure {
            height: 25px;
            overflow: hidden;
        }

.left-sub-menu {
    display: none;
    text-align: left;
}

.left-menu li {
    margin-bottom: 10px;
}

    .left-menu li.active a figure img {
        transform: translateY(-50%);
    }

    .left-menu li.active a {
        color: #0a3b7e;
    }

.left-sub-menu.show-left-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 73px;
    width: 240px;
    background: #F0F6FF;
    z-index: 12;
    height: 100vh;
}

.border-bottom {
    border-bottom: 1px solid #DFDFDF;
}

.left-menu-h {
    font-size: 14px;
    color: #0A3B7E;
    font-weight: 600;
    text-align: left;
    padding: 10px 0px;
    margin-left: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.helpdeskbottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.logout a figure {
    height: 30px;
    overflow: hidden;
}


.left-sub-menu li a {
    color: #333333;
    font-size: 14px;
    padding: 10px;
    display: flex;
    word-break: break-word;
    white-space: normal;
}

.left-sub-menu li i {
    padding-right: 5px;
}


.show-left-menu > .left-menu {
    padding-left: 250px;
}

.left-menu-margin {
    margin-right: 250px;
    transition: all 1s;
}




/***** Slide Right *****/
.show-left-menu {
    animation: 0.5s slide-right;
}

@keyframes slide-right {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
}

.left-sub-menu .dropdown-toggle {
    width: 100%;
    text-align: left;
    background: transparent;
    color: #0A3B7E;
    font-weight: 600;
    font-size: 14px;
}

.left-sub-menu .dropdown-menu {
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
}

    .left-sub-menu .dropdown-menu > li > a:focus, .left-sub-menu .dropdown-menu > li > a:hover {
        background-color: transparent !important;
        background-image: none;
        box-shadow: none;
    }

.left-sub-menu .btn.active, .left-sub-menu .btn:active {
    box-shadow: none;
}

.left-sub-menu .dropdown-toggle .caret {
    text-align: revert;
    float: right;
    margin-top: 10px;
}

.left-sub-menu .dropdown.open .dropdown-toggle .caret {
    -ms-transform: rotate(20deg); /* IE 9 */
    transform: rotate(90deg);
}

.topMenuHorizontal .navbar-nav > li {
    float: none;
    margin-left: 0 !important;
}

    .topMenuHorizontal .navbar-nav > li a {
        display: flex;
        align-items: baseline;
    }

        .topMenuHorizontal .navbar-nav > li a i {
            margin-right: 8px;
        }

.tmsMenus, .PMSmenus {
    background: #fff;
    /*box-shadow: 5px 0px 4px 0px rgb(0 0 0 / 10%);*/
    position: relative;
    height: 100vh;
    margin-top: 4px;
}

.topMenuHorizontal .navbar-nav {
    width: 100%;
}

.topMenuHorizontal .navbar-collapse {
    padding: 0px;
}

.list-group {
    box-shadow: none;
}

.sidebar .panel-default > .panel-heading {
    background: transparent !important;
}


.sidebar-title {
    color: #0A3B7E;
    padding: 14px 0 15px 15px;
    border-bottom: 1px solid #DFDFDF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 54px;
    white-space: nowrap;
    font: 600 14px/20px 'Roboto',sans-serif !important;
    text-transform: uppercase;
}


.topMenuHorizontal .navbar-nav > li > a {
    padding: 10px 15px 10px 15px !important;
}

.PMSmenus ul li a:hover, .tmsMenus ul li a:hover {
    color: #0A3B7E !important;
    background-color: #ffffff !important;
}

.left-menu .active {
    background: #eaf0f7;
}

/*.left-menu li.active a:before {
    background: #0a3b7e;
    content: "";
    width: 2px;
    top: 2px;
    bottom: 2px;
    left: 2px;
    position: absolute;
}*/

.logout-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}


.AllApps span {
    font-size: 14px !important;
    padding: 0px 5px;
}

.AllApps i {
    font-size: 19px !important;
}


@media only screen and (max-width: 666px) {
    .toprowbreadcrumbSection {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    .logoSize img {
        max-width: 170px !important;
    }

    .left-menu {
        height: 85vh;
    }
}


@media only screen and (max-width: 1199px) {
    .left-menu, .PMSmenus, .tmsMenus {
        display: none !important;
    }
}

.clsRestrictPortalAccess {
    pointer-events: none;
    cursor: default;
    opacity: 0.5 !important;
}

body .topMenuHorizontal {
    background: transparent !important;
}

.PMSmenus ul li a {
    font: 13px/18px 'Roboto',sans-serif !important;
}


.btnSideBox i {
    font-size: 20px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}

    .btnSideBox i:hover { /* background: var(--skyblue); */
        color: var(--skyblue);
        transition: all 500ms ease;
    }

.btnSideBox span {
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    transform: rotate(90deg);
    display: none;
}

body .wrapperInner {
    border: none;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    z-index: 12;
}

body .tmsMenus, body .PMSmenus, body .left-menu {
    margin-top: 0 !important;
}

.topTextTbl .label {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    border-radius: 4px;
}

    .topTextTbl .label.evaluated {
        background: #E1C4FF;
        color: #7910E2;
    }

    .topTextTbl .label.published {
        background: #CDF3C6;
        color: #006D23;
    }

    .topTextTbl .label.pending_label {
        background: #FFF2DA;
        color: #FFA902;
    }

    .topTextTbl .label.submitted_label {
        background: #CDF3C6;
        color: #006D23;
    }

    .topTextTbl .label.draft_label {
        background: #CCE7FD;
        color: #2196F3;
    }

    .topTextTbl .label.expired_label {
        background: #FFE0E0;
        color: #BD002A;
    }

    .topTextTbl .label.not_label {
        background: #FFCEDE;
        color: #ED145B;
    }

.viewicon {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
}

    .viewicon img {
        width: 20px;
        height: 20px;
    }

.reviewerData span {
    margin: 5px 0;
}

@media (max-width: 1380px) {
    .allModuleBox .Module .moduleImgIcon {
        width: 30px;
        height: 30px;
    }

    .allModuleBox .Module {
        margin-bottom: 10px;
    }

    .CompanyPanelheading {
        padding: 5px 15px;
        font-size: 14px;
    }
}
.height-all-size {
    overflow-y: auto;
}
.filtersPanels .panel-heading, .panel-heading {
    position: relative;
}
.filtersPanels button, .collapsPanleHeader button {
    position: absolute;
    right: 10px;
    width: 100%;
    text-align: right;
    top: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}