@import "../AppCss/bbctheme.css";
header {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

    header > div:last-child > div:nth-child(5) > a {
        color: #fff;
        background: #184363;
    }

        header > div:last-child > div:nth-child(5) > a:hover {
            box-shadow: 0px 0px 0px 3px #184363;
        }
/*.menuIcon{
background: #fed23b;
}*/
.sidebar {
    /*background: #622c91;*/
    background-image: linear-gradient(to right, #590e7d, #8e1e7c);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.activeli > div {
    background: #eb4e3f;
    color: #000 !important;
    width: auto;
    display: block;
    position: relative;
    transition: all 300ms linear;
    font-weight: 300;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px 3px 0px 0px;
}

.sidebarul > li > div:hover {
    background: #eb4e3f;
    color: #000 !important;
    box-shadow: 0 12px 20px -10px rgba(255,152,0,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(255,152,0,.2);
    width: auto;
    position: relative;
    transition: all 300ms linear;
    font-weight: 300;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px 3px 0px 0px;
}

.submenuul > li:active {
    background: #eb4e3f;
    color: #000 !important;
    box-shadow: 0 12px 20px -10px rgba(255,152,0,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(255,152,0,.2);
    width: auto;
    display: block;
    position: relative;
    transition: all 300ms linear;
    font-weight: 300;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px 3px 0px 0px;
}

.submenuul > li:hover {
    color: #1183d9;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    min-height: 100%;
}

body {
    font-family: 'Segoe UI', calibri, sans-serif !important;
    font-size: 12pt;
    line-height: 1.5;
    position: relative;
    overflow: auto;
    text-align: left;
}

footer {
    display: flex;
    padding: 7px 20px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    bottom: 0px;
    position: fixed;
    color: #000;
    background-color: #ebebeb;
}

    footer a {
        color: #000;
        text-decoration: underline;
    }

    footer img {
        vertical-align: middle;
    }

    footer > div:first-child {
        display: flex;
        align-items: center;
        //z-index: 1000;
    }

        footer > div:first-child > div:first-child {
            border-right: 1px solid #fff;
            padding-right: 3px;
        }

        footer > div:first-child > div:last-child {
            line-height: 22px;
            padding-left: 5px;
        }

        footer > div:first-child p {
            font-size: 9pt;
            line-height: 1;
            margin-bottom: 0px;
        }

    footer > div:last-child {
        display: flex;
        align-items: center;
    }

        footer > div:last-child p {
            font-size: 9pt;
            line-height: 17px;
            text-align: right;
            margin-bottom: 0px;
        }

        footer > div:last-child > div {
            margin-right: 15px;
        }

            footer > div:last-child > div:last-child {
                margin-right: 0px;
            }

    footer > div:last-child {
        margin-right: 3px;
    }

    footer .anchor-p {
        cursor: pointer !important;
        text-decoration: underline !important;
        /*color: #ffffff !important;*/
    }

header {
    display: flex;
    width: 100%;
    padding: 0px 20px;
    justify-content: space-between;
    align-items: center;
    z-index: 998;
    position: fixed;
    height: 60px;
    box-shadow: 0 19px 34px -15px #d2d2f2;
    /*background-image: linear-gradient(to right, #622c91, #eb4e3f);*/
    /*background-image: url(../../TrapezeImages/cBOS/headerBGsmall.png);*/
    background-size: cover;
    /*background-color: #622c91;*/ /*Old Color*/
    background-color: #000000; /*New Black Color*/
}

    header img {
        vertical-align: middle;
    }

    header > div:first-child {
        padding-left: 30px;
    }

    header > div:last-child {
        display: flex;
        align-items: center;
        position: relative;
    }

        header > div:last-child > div:nth-child(1) {
            padding-right: 20px;
            border-right: 1px solid #aba078;
        }

        header > div:last-child > div:nth-child(2) {
            font-weight: bold;
        }

        header > div:last-child > div:nth-child(3) {
            padding-right: 30px;
            padding-left: 20px;
            position: relative;
            cursor: pointer;
        }

        header > div:last-child > div:nth-child(4) {
            padding-right: 10px;
            cursor: pointer;
            position: relative;
        }

        header > div:last-child > div:nth-child(3) > p:first-child {
            font-weight: 500;
            line-height: 1;
            padding-bottom: 3px;
            margin-bottom: 3px;
        }

        header > div:last-child > div:nth-child(3) > p:nth-child(2) {
            font-size: 12px;
            line-height: 1;
            margin-bottom: 3px;
            font-weight: 100;
        }

        header > div:last-child > div:nth-child(5) > a {
            text-decoration: none;
            padding: 5px 12px;
            font-size: 10pt;
            border-radius: 5px;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all .3s;
        }

.fixed {
    bottom: 0px;
    position: fixed;
}

.menuIcon {
    display: flex;
    position: fixed;
    z-index: 999;
    height: 60px;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    width: 3%;
}

    .menuIcon > img {
        cursor: pointer;
    }

.page-content {
    margin: 0 15px 0;
    position: relative;
    /*padding: 20px 22px 0;*/
    transition: all .3s;
}

.sidebar {
    width: 0px;
    transition: all .3s;
    position: fixed;
    z-index: 998;
    margin-top: 59px;
    overflow: hidden;
    padding-bottom: 50px;
}

    .sidebar > div {
        overflow: auto;
    }

.arrow {
    cursor: pointer;
    position: absolute;
    right: 13px;
    bottom: 9px;
}

.popover-body {
    font-size: 9pt;
}

    .popover-body > ul {
        list-style-type: disc;
        margin: 0 17px;
        padding-bottom: 6px;
    }

.logoutscreen {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    width: 200px;
    background: #fff;
    position: absolute;
    right: 13px;
    top: 48px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    font-size: 12pt;
}

    .logoutscreen > p {
        padding: 10px 20px;
        cursor: pointer;
    }

        .logoutscreen > p:last-child {
            border-top: 1px solid #ccc;
        }

.angle {
    position: absolute;
    right: 20px;
}

.submenuul {
    color: #000;
    font-size: 12pt;
    padding: 5px 15px 5px 50px;
    display: none;
    background-color: #beddf5;
}

    .submenuul > li {
        cursor: pointer;
        padding: 5px 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .submenuul > li > span:first-child {
            margin-right: 10px;
        }

ul.breadcrumb {
    padding: 0;
    list-style: none;
    background-color: transparent;
    font-size: 9pt;
    margin-bottom: 5px;
}

    ul.breadcrumb li {
        display: inline;
    }

        ul.breadcrumb li + li:before {
            padding: 5px;
            color: #555;
            content: ">";
        }

        ul.breadcrumb li a {
            color: #1a4362;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #1a4362;
                text-decoration: underline;
            }

.dotted {
    border-bottom: 1px dotted #555;
}

.pageHeader {
    font-weight: 600;
    font-size: 14pt;
}

.profile {
    display: flex;
    padding: 10px 10px 10px;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
}

.lastlogin {
    font-weight: 500;
    font-size: 12pt;
    margin-bottom: 0px;
}

.date-time {
    font-weight: 100;
    font-size: 10pt;
    margin-bottom: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

a.list-group-item.list-group-item-success {
    background: transparent;
    /*color: #ccdfef;*/
    width: 100%;
    border: transparent;
    padding: 6px 0px;
    border-bottom: 1px solid #703f9a;
    transition: all 300ms linear !important;
}

.list-group-item {
    color: #fff;            /* white-color*/
    padding: 18px 15px 18px 20px !important;
    font-size: 13px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: transparent;
    transition: all 300ms linear !important;
}

    .list-group-item span:first-child {
        width: 40px;
        font-size: 18px;
    }

    .list-group-item:hover {
        color: #f9d661 !important;
        border-left: 3px solid #eb4e3f !important;  /*redcolor*/
        width: auto;
        position: relative;
        padding-left: 10px !important;
    }

.list-group-submenu a.list-group-item {
    background: transparent;
    border: transparent;
}

.lbluebg {
    color: #ccdfef !important; /*light blue*/
}

.collapse.show {
    color: #000 !important;
}

.lbluebg.child span:first-child {
    padding-left: 45px;
    padding-right: 25px;
}

a.list-group-item[aria-expanded="true"] {
    color: #eb4e3f !important;
    border-left: 3px solid #eb4e3f !important;
}

a.lbluebg[aria-expanded="true"] {
    color: #1a4362 !important;
    border-left: 3px solid #1a4362 !important;
}

.subparentcls {
    background-color: #1a4362;
    color: #bad8ef !important;
}

a.subparentcls[aria-expanded="true"] {
    color: #eb4e3f !important;
    border-left: 3px solid #eb4e3f !important;
}

.subparenticon {
    padding-left: 15px;
    font-size: 18px !important;
}

.subparentname {
    padding-left: 15px;
}

.lbluebg:hover {
    color: #eb4e3f !important;
    border-left: 3px solid #eb4e3f !important;
}

span.bulleticon {
    font-size: 8px !important;
}
/*BREADCRUMB CSS STARTS HERE*/
/*.breadcrumbsection {
padding-top: 65px;
background: #fff;
padding-left: 15px;
padding-right: 15px;
transition: all .3s;
}*/
.breadcrumbsection {
    padding-top: 65px;
    background: #fff;
    padding-left: 40px;
    padding-right: 40px;
    transition: all .3s;
}
/*p.pagetitlesection {
margin-bottom: 8px;
padding-top: 5px;
font-size: 16px;
padding-left: 35px;
}*/
p.pagetitlesection {
    font-size: 15px;
    font-weight: bold;
}
/*.pagetitlelinks {
float: right;
padding-right: 19px;
font-size: 11px;
padding-top: 7px;
}*/
.pagetitlelinks {
    float: right;
    font-size: 12px;
    padding-top: 4px;
}

.filtericon {
    margin-bottom: -10px;
    margin-top: -7px;
    width: 26px !important
}

.breadcrumblink {
    color: #212529 !important;
}

    .breadcrumblink span {
        padding-left: 5px;
    }

    .breadcrumblink.active {
        color: #007bff !important;
    }
/*BREADCRUMB CSS ENDS HERE*/
/*BUTTON CSS STARTS HERE*/


.btn_primary {
    border: 1px solid #3aa33a;
    color: #fff !important;
    background: #3aa33a;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

    .btn_primary:hover {
        border: 1px solid #3aa33a;
        color: #000 !important;
        background-color: transparent;
        transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }

.btn_Scondary {
    border: 1px solid #948e8e;
    color: #fff !important;
    background-color: #948e8e;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

    .btn_Scondary:hover {
        border: 1px solid #948e8e;
        color: #000 !important;
        background: transparent;
        transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }

/*BUTTON CSS ENDS HERE*/
.centeralign {
    text-align: center;
}
/*.iconboxtop{
border-radius: 3px;
background-color: #fed23b;
color: #1a4362;
margin-top: -50px;
margin-right: 15px;
float: left;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
padding: 5px;
margin-top: -28px;
margin-left: 15px;
}*/
.iconboxtop {
    border-radius: 3px;
    background-color: #622c91;
    color: #1a4362;
    margin-right: 15px;
    float: left;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
    padding: 5px;
    margin-top: -7px;
}
/************update by suresh*********/
.iconboxtop1 {
    border-radius: 3px;
    background-color: #1a4362;
    color: #eb4e3f;
    padding: 15px;
    margin-top: -50px;
    margin-right: 15px;
    float: left;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(70, 88, 101);
    /*padding: 10px;
margin-top: -40px;*/
}

    .iconboxtop1 i {
        font-size: 36px;
        line-height: 56px;
        width: 56px;
        height: 56px;
        text-align: center;
    }

.btn_primary1 {
    border: 1px solid #5a7a92;
    color: #fff !important;
    background: #622c91;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

    .btn_primary1:hover {
        border: 1px solid #1a4362;
        color: #000 !important;
        background-color: transparent;
        transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }

.btn_Scondary1 {
    border: 1px solid #5a7a92;
    color: #1a4362 !important;
}

    .btn_Scondary1:hover {
        border: 1px solid #1a4362;
        color: #fed23b !important;
        background-color: #1a4362;
        transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1)
    }

/************update by suresh*********/

.iconboxtop i {
    font-size: 29px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
}

p.contenttitle {
    font-size: 16px;
    margin-bottom: 25px;
    padding-top: 4px;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.contentsection {
    margin: 0px 200px;
    background: #ffffff;
    padding: 10px 40px 30px 40px;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}

.defaultbutton {
    background: #00a2e8;
    border: 1px solid #00a2e8;
    color: #fff !important;
    font-size: 12px;
    padding: 10px 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 28px 4px;
    cursor: pointer;
    width: 100%;
}

.pagecontent {
    padding-top: 60px !important;
}

/*MEDIA QUERIES STARTS HERE*/
@media screen and (max-width:1365px) {
    .contentsection {
        margin: 0px 130px;
    }
}

@media screen and (max-width:1050px) {
    .contentsection {
        margin: 0px 100px;
    }
}

@media screen and (max-width:870px) {
    .contentsection {
        margin: 0px 5px;
    }

    .btncss {
        width: 45%;
    }
}
/*MEDIA QUERIES ENDS HERE*/
/*IE CONTROLS CSS STARTS HERE*/
.loginlabel {
    display: -ms-flexbox !important;
    color: #1a4362;
}

.drop-down-loc::-ms-expand {
    display: none;
}
/*IE CONTROLS CSS ENDS HERE*/
/*HEADER TOP LINE CSS*/
.topline {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.headertopul {
    list-style: none;
    width: 100%;
    font-size: 0;
    display: block;
}

    .headertopul li {
        display: inline-block;
        width: 50%;
        height: 5px;
    }

        .headertopul li:nth-child(1) {
            background: #fed23b;
        }

        .headertopul li:nth-child(2) {
            background: #1a4362;
        }

.headertopulmenu {
    list-style: none;
    width: 100%;
    font-size: 0;
    display: none;
}

    .headertopulmenu li {
        display: inline-block;
        width: 50%;
        height: 5px;
    }

        .headertopulmenu li:nth-child(1) {
            background: #1a4362;
        }

        .headertopulmenu li:nth-child(2) {
            background: #fed23b;
        }
/*HEADER TOP LINE CSS*/
/*.contentbox{
    padding: 5px;
    margin-top: 25px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #dce3e6;
}*/
.contentbox {
    padding: 5px;
    margin-top: 12px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #dce3e6;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

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

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

.compose_btn_larg {
    width: 120px;
    height: 40px;
    /* border: 1px solid #ccc; */
    /* background: #fed23b; */
    border-radius: 50px;
    position: fixed;
    bottom: 70px;
    right: 15px;
    text-align: center;
    padding-top: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    cursor: pointer;
    color: #fff !important;
    z-index: 10;
    background-image: linear-gradient(to right, #622c91, #eb4e3f);
    font-size: 14px;
    font-weight: 500;
}

.compose_btn {
    width: 40px;
    height: 40px;
    /* border: 1px solid #ccc; */
    /* background: #fed23b; */
    border-radius: 50%;
    position: fixed;
    bottom: 70px;
    right: 15px;
    text-align: center;
    padding-top: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    cursor: pointer;
    color: #fff !important;
    z-index: 10;
    background-image: linear-gradient(to right, #622c91, #eb4e3f);
}

    .compose_btn span {
        display: none;
    }
/* web accessibity start css */
.visually-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    color: #333!important;
}
.blue-box {color: #047abe;}
.sidebar {
    background: #651F93!important;
}
.visually-hidden.dashboard-hidden {
    color: #fff!important;
}
.slaRed {color: #E62019;}
#MainTable_info, #secondTable_info, #results_info, #SearchResultsLookUp_info,
 .dvContainer .dataTables_info, #example2grid .dataTables_info, #resultAttachmentList_info, 
 #tblLinked_info, #resultHistory_info, #ManaulSearchGrid_info{
color: #737373!important;}
.pagetitlelinks .breadcrumblink.active,table#userlist a {color: #047abe!important;}
.reddot,.red {color: #a32d29!important;}
form .bg-red {background: rgb(252, 233, 232);border-color: rgb(250, 215, 214);}
form .bg-red h2{color: #bd241f;}
form .bg-yellow {background: rgb(252, 247, 232);border-color: rgb(249, 229, 170);}
form .bg-yellow h2{color: #866913;}
form .bg-blue {background: #e7f5fe;border-color: #b1e0fc;}
form .bg-green {background: rgb(246, 254, 231);border-color: rgb(206, 245, 127);}
form .bg-gray{background: rgb(242, 242, 242);border-color: rgb(204, 204, 204);}
form .bg-gray h2{color: #666666;}
form .bg-green h2{color: #577619;}
form .bg-blue h2{color: #076fab;}
form .short-summary-text {color: #333!important;}
.btncss.btn_primary {background-color: #558000!important;background:#558000;}
.compose_btn,.compose_btn_larg,.treeview-animated-items .open {background-image: none;background-color: #651F93;}
.a#a_export{color: #0081CC;}
.emailAddressBox a {color:#047abe!important;}
div#dv_sla {background-color: #BA4A12!important;}
div#dv_new_email {background-color: #558000;}
div#dv_sla_breach {background-color: #e62019!important;}
ul .treeview-animated-items .open {background-image: none;}
.blueEmail {color: #047abe;}
.greyEmail,.bootstrap-select .dropdown-toggle .filter-option-inner-inner {color: #737373;}
.Emailtext  {font-size: 11px;}
.emailDetails {
    color: #737373;
    font-size:8px;
    font-family:Arial,sans-serif;
}

.yellowTxt{
    outline: yellow none 5px;
}
.redMonth{
    color: #E62019;
    font-weight:bold
}
.highPriority {
    width:1000px;
    color: #333;
}
/* analytics dashboard */
.bg-blue,.bg-yellow,.bg-green,.bg-red,.bg-gray {box-shadow: none!important;}
.bg-blue {
    background: #e7f5fe!important;
    border: 1px solid #b1e0fc;
} 
.bg-blue  td#dv_pending_val {color: #076fab!important;}
.bg-blue  tbody tr td.bdetails,.bg-yellow tbody tr td.ydetails,
.bg-green tbody tr td.gdetails,.bg-red tbody tr td.rdetails,
.bg-gray tbody tr td.gydetails{color: #333!important;}
.bg-yellow {
    background-color: rgb(252, 247, 232)!important;
    border:1px solid rgb(249, 229, 170);
}
.bg-yellow #dv_inprocess_val {color: #866913!important;}
.bg-green #dv_completed_val {color:#577619!important ;}
.bg-red #dv_trash_val {color: #bd241f!important;}
.bg-gray #dv_UPD {color: #666666!important;}

.bg-green {
    background-color: rgb(246, 254, 231)!important;
    border:1px solid rgb(206, 245, 127);
}
.bg-red{
    background-color: rgb(252, 233, 232)!important;
    border:1px solid rgb(250, 215, 214);
}
.bg-gray {
    background-color: rgb(242, 242, 242)!important;
    border:1px solid rgb(204, 204, 204);
}

/* manual css */
.footertext a
{color: #fff;}
.footertext a:focus,a:focus,
.MailboxFilter input[type=radio]:focus,
.md-radio-filter label:focus-within,
.select-text:focus-within,.menuIcon:focus-within
.footer > div:last-child p:focus-within{outline: 5px auto -webkit-focus-ring-color!important;}


/* manual css */
.text-black,.short-summary-text span,span#spn_total_count,.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
form .row .short-summary-text,select#lst_mailbox{
    color:black!important;
}
.email_div i.fa.fa-flag {
    color: #B84B14!important;
}
.form-group .bootstrap-select .btn-light {
    background-color: #ffffff;
    border-color: #ffffff;
    border: none;
    border-bottom: 1px solid #DDD;
    border-radius: 0;
}
body .xdsoft_datetimepicker .xdsoft_next,body .xdsoft_datetimepicker .xdsoft_prev {
    opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background: #047abe!important;
}


/* web accessibity ends css */
body footer {
    box-shadow: 0 -3px 6px #00000029;
    position: relative;
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 10px;
    background-color: #fff;
    align-items: center;
}
footer {
    padding: 0px 20px;
}
.copyrightBlock{
    font-size: 11px;
}
.linkBlock {
    flex: auto;
}
footer .linkBlock ul {
    display: flex;
    vertical-align: middle;
    padding-left: 0;
    flex-wrap: wrap;
    margin-bottom: 0;
}
body .loginparent {height: calc(100vh - 36px);}
footer .linkBlock ul li:first-child {
    border-left: 1px solid #e6e6e6;
    margin-left: 10px;
    padding: 0px;
    display: inline-block;
}
footer .linkBlock ul li {
    font-size: 11px;
    color: #232424;
    position: relative;
}
footer .linkBlock ul li a {
    color: #232424;
    text-decoration: none;
    padding: 10px;
    cursor: pointer;
}
footer .linkBlock ul li:first-child:after {
    display: block;
}
footer .linkBlock ul li::after {
    content: " ";
    position: absolute;
    right: 0;
    height: 14px;
    border-right: 1px solid #dedede;
    bottom: 0;
}
.footerLogoImg {
    background-color: #4d4d4d;
    width: 110px;
    height: 30px;
    margin: 0px auto;
    -webkit-mask: url(../../TrapezeImages/tcs_logo.svg) no-repeat 50% 50%;
    mask: url(../../TrapezeImages/tcs_logo.svg) no-repeat 50% 50%;
}
footer .linkBlock ul li:last-child::after {
    border-right: none;
}



/*Refresh Theme style start*/

footer, body.bbc footer {
    padding: 0 1rem;
    background: #000 !important;
    color: #fff;
    height: 40px;
}

.fLogoImg {
    width: 100px;
    height: 26px;
    -webkit-mask: url(../../TrapezeImages/tcs_logo.svg) no-repeat 50% 50%;
    mask: url(../../TrapezeImages/tcs_logo.svg) no-repeat 50% 50%;
    background-color: #fff;
}

footer .imgBlock .footerLogoImg {
    width: 37px;
    height: 32px;
    -webkit-mask: url(../../TrapezeImages/tata_group_logo.svg) no-repeat 50% 50%;
    mask: url(../../TrapezeImages/tata_group_logo.svg) no-repeat 50% 50%;
    background-color:#fff;
}
footer .fLogo {
    border-right: 0.1rem solid #1a1a1a;
    padding-right: 1rem;
}
body.bbc footer .linkBlock ul li::after,
footer .linkBlock ul li::after {
    border-right: 1px solid #404040;
}
body.bbc footer .linkBlock ul li:first-child,
.bbc footer .linkBlock ul li:first-child {
    border-left: 1px solid #404040;
}
footer .linkBlock ul li{
    padding:0;
}

header .hWaveImg {
    content: url(../../TrapezeImages/hwave.png);
    position: absolute;
    top: 0;
    left: 42px;
    width: 763px;
    height: 64px;
    z-index: -1;
}
header{
    /*position:relative;*/
    height:64px;
}
body.bbc .menuIcon {
    height: 64px;
    background: #291736;
}
.copyrightBlock {
    font-size: 12px;
    padding-left: 12px !important;
}
 
/*Refresh Theme style End*/


#dv_display_body ul, #dv_display_body ol,
#dv_processingDialog ul, #dv_processingDialog ol,
#dvDsplayEmail ul, #dvDsplayEmail ol,
#divdisplayattach ul, #divdisplayattach ol {
    padding-left: 30px;
}

#dv_display_body ol, #dv_processingDialog ol, #dvDsplayEmail ol, #divdisplayattach ol {
    list-style-type: decimal;
}

#dv_display_body ul, #dv_processingDialog ul, #dvDsplayEmail ul, #divdisplayattach ul {
    list-style-type: disc;
}

#dv_display_body ol[type="1"], #dv_processingDialog ol[type="1"], #dvDsplayEmail ol[type="1"], #divdisplayattach ol[type="1"] {
    list-style-type: decimal;
}

#dv_display_body ol[type="a"], #dv_processingDialog ol[type="a"], #dvDsplayEmail ol[type="a"], #divdisplayattach ol[type="a"] {
    list-style-type: lower-alpha
}