html,body{
    height:100%
}
.layout-boxed html,.layout-boxed body{
    height:100%;
    outline: none;
}
body{
    font-family: 'Lato';
    font-weight:400;
    overflow-x:hidden;
    overflow-y:auto;
    outline: none;
    font-size: 15px;
    background: #ecf0f5;
    -webkit-overflow-scrolling: touch;
}
.height-auto{
    height: 120vh;
}
.content label{
    font-weight: normal !important;
    font-family: 'Lato', sans-serif;
}
.margint0{
    margin-top: 0 !important;
}
.padding0{
    padding: 0 !important;
}
.paddingt0{
    padding-top: 0 !important;
}
.m-top20{
    margin-top: 20px !important;
}
/*T20509-------23-12-2019*/
.p-lt0,
.no-left-padding{
    padding-left: 0 !important; 
}
.p-bt30{
    /*T17551 ------- 13/08/2019 . - */
    /*T19139*/
    text-align: left;
    text-justify: inter-character;
    line-height: 24px;
    /*T19139*/
}
.border-right{
    border-right: 1px solid #f1f0ef;
}
.pad{
    padding:10px
}
.margin{
    margin:10px
}
.margin-bottom{
    margin-bottom:20px
}
.margin-bottom-none{
    margin-bottom:0
}
.margin-r-5{
    margin-right:5px
}
.inline{
    display:inline
}
[class^="bg-"].disabled{
    opacity:.65;
    filter:alpha(opacity=65)
}
.hide{
    display:none !important
}
.no-border{
    border:0 !important
}
.no-padding{
    padding:0 !important
}
.no-margin{
    margin:0 !important
}
.no-shadow{
    box-shadow:none !important
}
a,a:hover{
    text-decoration: none;
    outline: none;
}
.w50{
    float: left;
    width: 50%;
    padding-right: 20px;
}
.w100{
    width: 100% !important;
    padding-right: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f0ef;
}
.content-width30,
.h-content-width30{
    width: 33.333%;
    float: left;
    text-align: center !important;
}
.content-width25{
    width: 25%;
    float: left;
    text-align: center !important;
}
.content-width100{
    width: 100%;
    margin-top: 5px;
    text-align: center !important;
}
.align{
    color: red;
}
.text-red{
    color: #ff5722 !important;
}
/*T 21401*/
.wrapper{
    min-height:calc(100vh - 50px) !important;
    position:relative !important;
}
/*T 21401*/
.wrapper:before,.wrapper:after{
    content:" ";
    display:table
}
.wrapper:after{
    clear:both
}
.layout-boxed .wrapper{
    max-width:1250px;
    margin:0 auto;
    min-height:100%;
    box-shadow:0 0 8px rgba(0,0,0,0.5);
    position:relative
}
.content-wrapper,.main-footer{
    -webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition:transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left:230px;
    z-index:820
}
.layout-top-nav .content-wrapper,.layout-top-nav .main-footer{
    margin-left:0
}
.content-wrapper{
    min-height:100%;
    background-color:#ecf0f5;
    z-index:800;
    /* T21401*/
    min-height: calc(100vh - 50px) !important;
    /*    T21401*/
}
.main-footer {
    background:#fff;
    padding:14px;
    color:#d2d3d4;
    border-top:1px solid #d2d6de
}
.main-footer a{
    color:#d2d3d4;
}
.fixed .main-header,.fixed .main-sidebar,.fixed .left-side{
    position:fixed;
}
.fixed .main-header{
    top:0;
    right:0;
    left:0
}
.fixed .content-wrapper,.fixed .right-side{
    padding-top:50px
}
.fixed.layout-boxed .wrapper{
    max-width:100%
}
.fixed .wrapper{
/*    overflow:hidden; ---- T29777 -------- 10-12-2020*/ 
/*    T24207----04-09-2020*/
    margin-top: 35px;
}
.hold-transition .content-wrapper,
.hold-transition .right-side,
.hold-transition .main-footer,
.hold-transition .main-sidebar,
.hold-transition .left-side,
.hold-transition .main-header .navbar,
.hold-transition .main-header .logo,
.hold-transition .menu-open .fa-angle-left{
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    -webkit-overflow-scrolling: touch;
}
.content{
    min-height:250px;
    padding-bottom: 20px;
    margin-right:auto;
    margin-left:auto;
    padding-left:25px;
    padding-right:25px;
}
.content-header{
/*    T24207----04-09-2020*/
    margin-top: 0px !important;
}
.link-image-bg .content{
    margin-bottom: 0px;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'Lato', sans-serif;
}
a{
    color:#3c8dbc
}
a:hover,a:active,a:focus{
    outline:none;
    text-decoration:none;
    color:#72afd2
}
/**Remove arrow from Input type NUMBER*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
.page-header{
    margin:10px 0 20px 0;
    font-size:22px
}
.page-header>small{
    color:#666;
    display:block;
    margin-top:5px
}
.main-header{
    /*T15340 --- header fixing*/
    position: fixed;
    width: 100%;
    max-height:150px;
    z-index: 100;
    background-color: #fff;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.23);
}
.main-header .navbar{
    -webkit-transition:margin-left .3s ease-in-out;
    -o-transition:margin-left .3s ease-in-out;
    transition:margin-left .3s ease-in-out;
    margin-bottom:0;
    border:none;
    min-height:70px;
    border-radius:0;
}
.layout-top-nav .main-header .navbar{
    margin-left:0
}
.main-header #navbar-search-input.form-control{
    background:rgba(255,255,255,0.2);
    border-color:transparent
}
.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active{
    border-color:rgba(0,0,0,0.1);
    background:rgba(255,255,255,0.9)
}
.main-header #navbar-search-input.form-control::-moz-placeholder{
    color:#ccc;
    opacity:1
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder{
    color:#ccc
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder{
    color:#ccc
}
.main-header .navbar-custom-menu,.main-header .navbar-right{
    float:right
}
.main-header .sidebar-toggle{
    float: left;
    background-color: #4aa851;
    background-image: none;
    padding: 6px 12px;
    font-family: fontAwesome;
    color: #fff;
    margin-top: 15px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-decoration: none;
}
.main-header .sidebar-toggle:before{
    content:"\f0c9";
    font-size: 20px;
}
.main-header .sidebar-toggle:hover{
    color:#fff
}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active{
}
.main-header .sidebar-toggle .icon-bar{
    display:none
}
.main-header .navbar .nav>li.user>a>.fa,
.main-header .navbar .nav>li.user>a>.glyphicon,
.main-header .navbar .nav>li.user>a>.ion{
    margin-right:5px
}
.main-header .navbar .nav>li>a>.label{
    position: absolute;
    top: 20px;
    right: 10px;
    text-align: center;
    font-size: 9px;
    padding: 3px 2px;
    line-height: .9;
    border-radius: 100%;
    width: 15px;
    height: 15px;
}
.main-header .logo{
    -webkit-transition:width .3s ease-in-out;
    -o-transition:width .3s ease-in-out;
    transition:width .3s ease-in-out;
    display:block;
    float:left;
    height: 70px; /*T14059 <24/05/2019> */
    font-size:20px;
    text-align:center;
    padding:0 15px;
    font-weight:300;
    overflow:hidden;
    display: flex;
    /* T37969 ------ 02-02-2022*/
    min-width: 190px;
    align-items: center;
}
.main-header .logo img{
    max-width: 150px;
    max-height: 55px;
    width: auto;
    height: auto;
}
.main-header .logo .logo-lg{
    display:block;
    z-index: 1111;
}
.main-header .logo .logo-mini{
    display:none
}
.main-header .navbar-brand{
    color:#fff
}
.content-header{
    position:relative;
    padding:15px 25px 0 25px
}
.content-header>h1{
    margin:0;
    font-size:24px
}
.content-header>h1>small{
    font-size:15px;
    display:inline-block;
    padding-left:4px;
    font-weight:300
}
.content-header>.breadcrumb{
    float:right;
    background:transparent;
    margin-top:0;
    margin-bottom:0;
    font-size:15px;
    padding:7px 5px;
    position:absolute;
    top:15px;
    right:10px;
    border-radius:2px;
    text-align: right;
}
.breadcrumb>.active, .content-header>.breadcrumb>li>a:hover {
    color: #0768c2;
}
.content-header>.breadcrumb>li>a{
    color:#444;
    text-decoration:none;
    display:inline-block
}
.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion{
    margin-right:5px
}
.content-header>.breadcrumb>li+li:before{
    content:'>\00a0'
}
.navbar-toggle{
    color:#fff;
    border:0;
    margin:0;
    padding:15px 15px
}
.main-sidebar{
    position:absolute;
    top:0;
    left:0;
    padding-top:70px;
    min-height:100%;
    width:230px;
    z-index: 98;
    -webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;
    transition:transform .3s ease-in-out,width .3s ease-in-out;
    background-color: #0768c2;
}
.sidebar{
    padding-bottom:10px
}
.sidebar-form input:focus{
    border-color:transparent
}
.user-panel{
    position:relative;
    width:100%;
    padding:10px;
    overflow:hidden
}
.user-panel:before,.user-panel:after{
    content:" ";
    display:table
}
.user-panel:after{
    clear:both
}
.user-panel>.image>img{
    width:100%;
    max-width:45px;
    height:auto
}
.user-panel>.info{
    padding:5px 5px 5px 15px;
    line-height:1;
    position:absolute;
    left:55px
}
.user-panel>.info>p{
    font-weight:600;
    margin-bottom:9px
}
.user-panel>.info>a{
    text-decoration:none;
    padding-right:5px;
    margin-top:3px;
    font-size:11px
}
.user-panel>.info>a>.fa,.user-panel>.info>a>.ion,.user-panel>.info>a>.glyphicon{
    margin-right:3px
}
.sidebar-menu{
    list-style:none;
    margin:0;
    padding:0
}
.sidebar-menu>li{
    position:relative;
    margin:0;
    padding:0;
    word-spacing: 1px;
}
.sidebar-menu>li>a{
    padding: 11px 15px 11px 15px;
    display:block
}
.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{
    width:20px
}
.sidebar-menu>li .label,.sidebar-menu>li .badge{
    margin-right:5px
}
.sidebar-menu>li .badge{
    margin-top:3px
}
.sidebar-menu li.header{
    padding:5px 25px 5px 15px;
    font-size: 15px;
    line-height: 40px;
}
.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-right{
    width:auto;
    height:auto;
    padding:0;
    -webkit-transition:transform .5s ease;
    -o-transition:transform .5s ease;
    transition:transform .5s ease
}
.sidebar-menu li>a>.fa-angle-left{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-8px
}
.sidebar-menu .menu-open>a>.fa-angle-left,
.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-right{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper{
    margin-left:50px
}
.sidebar-expanded-on-hover .main-sidebar{
    box-shadow:3px 0 8px rgba(0,0,0,0.125)
}
.sidebar-menu,.main-sidebar .user-panel,
.sidebar-menu>li.header{
    white-space:normal;
    overflow:hidden
}
.sidebar-menu:hover{
    overflow:visible
}
.sidebar-form,
.sidebar-menu>li.header{
    overflow:hidden;
    text-overflow:clip;
    color: #fff;
    background: #1277d6;
}
.sidebar-menu li>a{
    position:relative;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Lato';
}
.sidebar-menu li>a span{
    /*T22320*/
    padding-left: 10px;
    flex: 1;
    align-self: flex-start;
}
.sidebar-menu li>a>.pull-right-container{
    position:absolute;
    /*T22320*/
    right: 12px;
    top: 14px;
}
.dropdown-menu{
    box-shadow:none;
    border-color:#eee
}
.dropdown-menu>li>a{
    color:#777
}
.dropdown-menu>li>a>.glyphicon,
.dropdown-menu>li>a>.fa,
.dropdown-menu>li>a>.ion{
    margin-right:10px
}
.dropdown-menu>li>a:hover,
.user.user-menu .dropdown-menu li.user-body a:hover{
    background-color:#cc558b !important; /*T25504 -----27-05-2020*/
    color:#FFF !important;
}
.dropdown-menu>.divider{
    background-color:#eee
}
.navbar-nav>.notifications-menu>.dropdown-menu,
.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{
    width:280px;
    padding:0 0 0 0;
    margin:0;
    top:100%
}
.navbar-nav>.notifications-menu>.dropdown-menu>li,
.navbar-nav>.messages-menu>.dropdown-menu>li,
.navbar-nav>.tasks-menu>.dropdown-menu>li{
    position:relative
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.navbar-nav>.messages-menu>.dropdown-menu>li.header,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    background-color:#ffffff;
    padding:7px 10px;
    border-bottom:1px solid #f4f4f4;
    color:#444444;
    font-size:14px
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    font-size:12px;
    background-color:#fff;
    padding:7px 10px;
    border-bottom:1px solid #eeeeee;
    color:#444 !important;
    text-align:center
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{
    text-decoration:none;
    font-weight:normal
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{
    max-height:200px;
    margin:0;
    padding:0;
    list-style:none;
    overflow-x:hidden
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{
    display:block;
    white-space:nowrap;
    border-bottom:1px solid #f4f4f4
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{
    background:#f4f4f4;
    text-decoration:none
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{
    color:#444444;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:10px
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion{
    width:20px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{
    margin:0;
    padding:10px 10px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{
    margin:auto 10px auto auto;
    width:40px;
    height:40px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{
    padding:0;
    margin:0 0 0 45px;
    color:#444444;
    font-size:15px;
    position:relative
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small{
    color:#999999;
    font-size:10px;
    position:absolute;
    top:0;
    right:0
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{
    margin:0 0 0 45px;
    font-size:12px;
    color: #d7d8dc;
    line-height: 18px;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p>.small{
    display: inherit;
    font-size: 12px;
    color: #d7d8dc;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{
    content:" ";
    display:table
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{
    clear:both
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{
    padding:10px
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3{
    font-size:14px;
    padding:0;
    margin:0 0 10px 0;
    color:#666666
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress{
    padding:0;
    margin:0
}
.navbar-nav>.user-menu>.dropdown-menu,
.navbar-nav>.top-stars>.dropdown-menu{
    border-top-right-radius:0;
    border-top-left-radius:0;
    padding:1px 0 0 0;
    border-top-width:0;
    width:280px
}
.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header,
.navbar-nav>.top-stars>.dropdown-menu>li.user-header{
    padding: 10px;
    text-align: left;
    display: inline-block;
    /*    <-- T14059 -->*/
    width: 100%; 
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img,
.navbar-nav>.top-stars>.dropdown-menu>li.user-header>img{
    z-index:5;
    border:3px solid;
    border-color:transparent;
    border-color:rgba(255,255,255,0.2);
    float: left;
    border-radius: 100%;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p,
.navbar-nav>.top-stars>.dropdown-menu>li.user-header>p{
    z-index: 5;
    color: #455a64;
    font-size: 15px;
    margin-top: 5px;
    margin-left: 0px;
    font-weight: 600;
    width: 65%;
    float: left;
}
.navbar-nav>.top-stars>.dropdown-menu>li.user-header>p{
    width: 75%;
}
.navbar-nav>.top-stars>.dropdown-menu>li.user-header>p span{
    background: #cc558b;
    padding: 0px 9px;
    float: right;
    border-radius: 10px;
    color: #fff;
}
.badge.starcount{
    margin-top: 0;
    margin-left: 0;
    padding: 3px 8px;
    background: #cc4885;
    position: absolute;
    top: 10px;
    left: 30px;
}
.navbar-nav>li.top-stars.open>a,
.navbar-nav>li.top-stars>a:hover,
.navbar-nav>li.top-stars>a:focus{
    background: #e3e5e6;
}
a.ua-atchievement .badge.starcount:hover{
    color: #cc4885;
    background: #fff;
}
.navbar-nav>.top-stars>.dropdown-menu>.user-body a{
    line-height: 45px;
    font-size: 15px;
    padding: 5px 15px 5px 15px;
}
/*    T23320*/
.navbar-nav>.user-menu>.dropdown-menu>.user-body a i{
    font-size: 20px;
    padding-right: 10px;
    margin: 0;
}
/*    T23320*/
.navbar-nav>.top-stars>.dropdown-menu>.user-body a img{
    margin-right: 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small{
    display:block;
    font-size:12px;
    color: #caccd1;
    font-weight: 300;
    word-break: break-all;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body,
.navbar-nav>.top-stars>.dropdown-menu>.user-body{
    border-bottom:1px solid #f4f4f4;
    border-top:1px solid #dddddd
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:before,
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{
    content:" ";
    display:table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{
    clear:both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a{
    color:#9ca8bd;
    line-height: 30px;
    font-size: 15px;
    /*    T23320*/
    display: flex;
    align-items: center;
    padding: 3px 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.myprofile, 
.navbar-nav>.user-menu>.dropdown-menu>.user-body a[title='My Account']
{
    background: url(../../images/NewDesign/My-Profile.png) no-repeat 12px 10px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.myprofile:hover,
.navbar-nav>.user-menu>.dropdown-menu>.user-body a[title='My Account']:hover
{
    background:#f07438 url(../../images/NewDesign/My-Profile-a.png) no-repeat 12px 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.managecati, 
.navbar-nav>.user-menu>.dropdown-menu>.user-body a[title='My Account']
{
    background: url(../../images/NewDesign/manage-cati.png) no-repeat 12px 10px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.managecati:hover,
.navbar-nav>.user-menu>.dropdown-menu>.user-body a[title='My Account']:hover
{
    background:#f07438 url(../../images/NewDesign/manage-cati-a.png) no-repeat 12px 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.myclients,
.navbar-nav>.user-menu>.dropdown-menu>.user-body a[title='Contact Us']
{
    background: url(../../images/NewDesign/My-Clients.png) no-repeat 12px 10px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.myclients:hover,
.navbar-nav>.user-menu>.dropdown-menu>.user-body a[title='Contact Us']:hover
{
    background:#f07438 url(../../images/NewDesign/My-Clients-a.png) no-repeat 12px 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.mails{
    background: url(../../images/NewDesign/mails.png) no-repeat 12px 10px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.mails:hover{
    background:#f07438 url(../../images/NewDesign/mails-a.png) no-repeat 12px 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.EmpPortalCurrentPageLink{
    background: url(../../images/plus_icon.png) no-repeat 10px 10px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.EmpPortalCurrentPageLink:hover{
    background:#f07438 url(../../images/side_plus.png) no-repeat 10px 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.EmpPortalLinks{
    background: url(../../images/NewDesign/employee_portal_link.png) no-repeat 12px 11px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.EmpPortalLinks:hover{
    background:#f07438 url(../../images/NewDesign/employee_portal_link-a.png) no-repeat 12px 11px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.accountsettings{
    background: url(../../images/NewDesign/Settings.png) no-repeat 12px 10px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.accountsettings:hover{
    background:#f07438 url(../../images/NewDesign/Settings-a.png) no-repeat 12px 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.changelocation{
    background: url(../../images/NewDesign/changelocation.png) no-repeat 12px 10px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.changelocation:hover{
    background:#f07438 url(../../images/NewDesign/changelocation-a.png) no-repeat 12px 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.logout{
    background: url(../../images/NewDesign/Logout.png) no-repeat 12px 10px;
    padding: 0 45px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.logout:hover{
    background:#f07438 url(../../images/NewDesign/Logout-a.png) no-repeat 12px 10px;
}
/*T19465*/
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.BrochuresMenu{
    padding: 0 45px 0px 13px;
    line-height: 45px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.BrochuresMenu .Micon-Brochures
{
    font-size: 24px;
    margin-right: 4px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.BrochuresMenu span
{
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
    margin-top: 4px;
}
/*T19466*/
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.CatiClientManager,
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.CatiModuleManager
{
    padding: 0 45px 0px 13px;
    line-height: 45px;
}
/*T19574*/
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.CatiClientManager .Micon-Client-Manager,
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.CatiModuleManager .Cicon-File-text
{
    font-size: 24px;
    margin-right: 4px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.CatiClientManager span
{
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
    margin-top: 4px;
}
/*T19467*/
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.CatiCategoryManager{
    padding: 0 45px 0px 13px;
    line-height: 45px;
}
/*T19574*/
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.CatiCategoryManager .Micon-Category-Manager
{
    font-size: 24px;
    margin-right: 4px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a.CatiCategoryManager span
{
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
    margin-top: 4px;
}
/*T15677*/
.navbar-nav>.user-logout .btn-logout /*T15773 */
{
    height: 40px;
    margin: 15px 15px;
    border: none;
    width: 100px;
    background: #cc558b url(../../images/NewDesign/Logout.png) no-repeat 6px 6px;
    text-align: left;
    box-shadow: none;
    color: #fff;
    padding: 7px 0 7px 36px;
}
.navbar-nav>.user-logout a.logout{
    line-height: 23px;
    color: #fff;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer{
    background-color:#f9f9f9;
    padding:10px
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{
    content:" ";
    display:table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{
    clear:both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{
    color:#666666
}
.navbar-nav>.user-menu .user-image, .proflile-img{
    float:left;
    width:45px;
    height:45px;
    border-radius:50%;
    margin-right:10px;
    margin-top:-2px;
}
.navbar-nav>.user-menu p
{
    float: left;
    color: #cd4b8b;
    font-size: 15px;
    font-weight: 500;
    margin-top: 7px; /*T15677*/
}
.navbar-nav>.user-menu.open >a p,
.navbar-nav>.user-menu >a:focus p{
    color: #fff;
}

small.small{
    display: block;
    color: #b2b3b4;
}
.open:not(.dropup)>.animated-dropdown-menu{
    backface-visibility:visible !important;
    -webkit-animation:flipInX .7s both;
    -o-animation:flipInX .7s both;
    animation:flipInX .7s both;
}
@keyframes flipInX{
    0%{
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function:ease-in;
        opacity:0
    }
    40%{
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function:ease-in
    }
    60%{
        transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100%{
        transform:perspective(400px)
    }
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100%{
        -webkit-transform:perspective(400px)
    }
}
.navbar-custom-menu>.navbar-nav>li{
    position:relative
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
    position: absolute;
    right: 0;
    left: auto;
    border: 1px solid #d6dcea;
    border-radius: 5px;
    margin-top: 5px;
}
.form-control{
    border-radius:0;
    box-shadow:none;
    border-color:#d2d6de;
    display:initial;
}
.form-control:focus{
    border-color:#3c8dbc;
    box-shadow:none
}
.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder{
    color:#bbb;
    opacity:1
}
.form-control:not(select){
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.form-group.has-success label{
    color:#00a65a
}
.form-group.has-success .form-control,
.form-group.has-success .input-group-addon{
    border-color:#00a65a;
    box-shadow:none
}
.form-group.has-success .help-block{
    color:#00a65a
}
.form-group.has-warning label{
    color:#f39c12
}
.form-group.has-warning .form-control,
.form-group.has-warning .input-group-addon{
    border-color:#f39c12;
    box-shadow:none
}
.form-group.has-warning .help-block{
    color:#f39c12
}
.form-group.has-error label{
    color:#dd4b39
}
.form-group.has-error .form-control,
.form-group.has-error .input-group-addon{
    border-color:#dd4b39;
    box-shadow:none
}
.form-group.has-error .help-block{
    color:#dd4b39
}
.input-group .input-group-addon{
    border-color:#d2d6de;
    background-color:#fff;
}
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type{
    border-radius:0
}
.icheck>label{
    padding-left:0
}
.form-control-feedback.fa{
    line-height:34px
}
.input-lg+.form-control-feedback.fa,
.input-group-lg+.form-control-feedback.fa,
.form-group-lg .form-control+.form-control-feedback.fa{
    line-height:46px
}
.input-sm+.form-control-feedback.fa,
.input-group-sm+.form-control-feedback.fa,
.form-group-sm .form-control+.form-control-feedback.fa{
    line-height:30px
}
.btn{
    border-radius:3px;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid transparent
}
.btn.uppercase{
    text-transform:uppercase
}
.btn.btn-flat{
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border-width:1px
}
.btn:active{
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
    -moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn:focus{
    outline:none
}
.btn.btn-file{
    position:relative;
    overflow:hidden
}
.btn.btn-file>input[type='file']{
    position:absolute;
    top:0;
    right:0;
    min-width:100%;
    min-height:100%;
    font-size:100px;
    text-align:right;
    opacity:0;
    filter:alpha(opacity=0);
    outline:none;
    background:white;
    cursor:inherit;
    display:block
}
.btn-default{
    background-color:#f4f4f4;
    color:#444;
    border-color:#ddd
}
.btn-default:hover,.btn-default:active,.btn-default.hover{
    background-color:#e7e7e7
}
.btn-primary{
    background-color:#5089f1;
    border-color:#5089f1
}
.btn-primary:hover,.btn-primary:active,.btn-primary.hover{
    background-color:#0768c2
}
.btn-success{
    background-color:#00a65a;
    border-color:#008d4c
}
.btn-success:hover,.btn-success:active,.btn-success.hover{
    background-color:#008d4c
}
.btn-info{
    background-color:#00c0ef;
    border-color:#00acd6
}
.btn-info:hover,.btn-info:active,.btn-info.hover{
    background-color:#00acd6
}
.btn-danger{
    background-color:#dd4b39;
    border-color:#d73925
}
.btn-danger:hover,.btn-danger:active,.btn-danger.hover{
    background-color:#d73925
}
.btn-warning{
    background-color:#f39c12;
    border-color:#e08e0b
}
.btn-warning:hover,.btn-warning:active,.btn-warning.hover{
    background-color:#e08e0b
}
.btn-outline{
    border:1px solid #fff;
    background:transparent;
    color:#fff
}
.btn-outline:hover,.btn-outline:focus,.btn-outline:active{
    color:rgba(255,255,255,0.7);
    border-color:rgba(255,255,255,0.7)
}
.btn-link{
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn[class*='bg-']:hover{
    -webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.2);
    box-shadow:inset 0 0 100px rgba(0,0,0,0.2)
}
.btn-app{
    border-radius:3px;
    position:relative;
    padding:15px 5px;
    margin:0 0 10px 10px;
    min-width:80px;
    height:60px;
    text-align:center;
    color:#666;
    border:1px solid #ddd;
    background-color:#f4f4f4;
    font-size:12px
}
.btn-app>.fa,.btn-app>.glyphicon,.btn-app>.ion{
    font-size:20px;
    display:block
}
.btn-app:hover{
    background:#f4f4f4;
    color:#444;
    border-color:#aaa
}
.btn-app:active,.btn-app:focus{
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
    -moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-app>.badge{
    position:absolute;
    top:-3px;
    right:-10px;
    font-size:10px;
    font-weight:400
}
.nav-pills>li>a{
    border-radius:0;
    border-top:3px solid transparent;
    color:#444
}
.nav-pills>li>a>.fa,.nav-pills>li>a>.glyphicon,.nav-pills>li>a>.ion{
    margin-right:5px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{
    border-top-color:#3c8dbc
}
.nav-pills>li.active>a{
    font-weight:600
}
.nav-stacked>li>a{
    border-radius:0;
    border-top:0;
    border-left:3px solid transparent;
    color:#444
}
.nav-stacked>li.active>a,.nav-stacked>li.active>a:hover{
    background:transparent;
    color:#444;
    border-top:0;
    border-left-color:#3c8dbc
}
.nav-stacked>li.header{
    border-bottom:1px solid #ddd;
    color:#777;
    margin-bottom:10px;
    padding:5px 10px;
    text-transform:uppercase
}
.nav-tabs-custom{
    margin-bottom:20px;
    background:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,0.1);
    border-radius:3px
}
.nav-tabs-custom>.nav-tabs{
    margin:0;
    border-bottom-color:#f4f4f4;
    border-top-right-radius:3px;
    border-top-left-radius:3px
}
.nav-tabs-custom>.nav-tabs>li{
    border-top:3px solid transparent;
    margin-bottom:-2px;
    margin-right:5px
}
.nav-tabs-custom>.nav-tabs>li.disabled>a{
    color:#777
}
.nav-tabs-custom>.nav-tabs>li>a{
    color:#444;
    border-radius:0
}
.nav-tabs-custom>.nav-tabs>li>a.text-muted{
    color:#999
}
.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover{
    background:transparent;
    margin:0
}
.nav-tabs-custom>.nav-tabs>li>a:hover{
    color:#999
}
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active{
    border-color:transparent
}
.nav-tabs-custom>.nav-tabs>li.active{
    border-top-color:#3c8dbc
}
.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li.active:hover>a{
    background-color:#fff;
    color:#444
}
.nav-tabs-custom>.nav-tabs>li.active>a{
    border-top-color:transparent;
    border-left-color:#f4f4f4;
    border-right-color:#f4f4f4
}
.nav-tabs-custom>.nav-tabs>li:first-of-type{
    margin-left:0
}
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a{
    border-left-color:transparent
}
.nav-tabs-custom>.nav-tabs.pull-right{
    float:none !important
}
.nav-tabs-custom>.nav-tabs.pull-right>li{
    float:right
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type{
    margin-right:0
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a{
    border-left-width:1px
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a{
    border-left-color:#f4f4f4;
    border-right-color:transparent
}
.nav-tabs-custom>.nav-tabs>li.header{
    line-height:35px;
    padding:0 10px;
    font-size:20px;
    color:#444
}
.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion{
    margin-right:5px
}
.nav-tabs-custom>.tab-content{
    background:#fff;
    padding:10px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.nav-tabs-custom .dropdown.open>a:active,.nav-tabs-custom .dropdown.open>a:focus{
    background:transparent;
    color:#999
}
.nav-tabs-custom.tab-primary>.nav-tabs>li.active{
    border-top-color:#3c8dbc
}
.nav-tabs-custom.tab-info>.nav-tabs>li.active{
    border-top-color:#00c0ef
}
.nav-tabs-custom.tab-danger>.nav-tabs>li.active{
    border-top-color:#dd4b39
}
.nav-tabs-custom.tab-warning>.nav-tabs>li.active{
    border-top-color:#f39c12
}
.nav-tabs-custom.tab-success>.nav-tabs>li.active{
    border-top-color:#00a65a
}
.nav-tabs-custom.tab-default>.nav-tabs>li.active{
    border-top-color:#d2d6de
}

.modal{
    background:rgba(0,0,0,0.3)
}
.modal-content{
    border-radius:0;
    -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);
    box-shadow:0 2px 3px rgba(0,0,0,0.125);
    border:0
}
.modal-header{
    border-bottom-color:#f4f4f4
}
.modal-footer{
    border-top-color:#f4f4f4
}
.modal-primary .modal-header,.modal-primary .modal-footer{
    border-color:#307095
}
.modal-warning .modal-header,.modal-warning .modal-footer{
    border-color:#c87f0a
}
.modal-info .modal-header,.modal-info .modal-footer{
    border-color:#0097bc
}
.modal-success .modal-header,.modal-success .modal-footer{
    border-color:#00733e
}
.modal-danger .modal-header,.modal-danger .modal-footer{
    border-color:#c23321
}
.treeview-menu{
    display:none;
    list-style:none;
    padding:0;
    margin:0;
}
.treeview-menu .treeview-menu{
    padding-left:20px
}
.treeview-menu>li{
    margin:0
}
.treeview-menu>li>a{
    /*T22320*/
    padding: 10px 5px 10px 30px;
    display: block;
    font-size: 13px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
/*T21259 -------------- 30-12-2019*/
.sidebar-menu .treeview.menu-open .treeview-menu{
    background-color: #47a654 !important;
}
.sidebar-menu .treeview.menu-open .treeview-menu .treeview .treeview-menu>li>a{
    padding: 8px 5px 8px 30px; 
}
.sidebar-menu .treeview.menu-open .treeview-menu .treeview.menu-open .treeview-menu>li>a{
    padding: 8px 5px 8px 30px;
}
/*T21259 -------------- 30-12-2019*/
/*T20558*/
.treeview-menu>li>a i{
    font-size:15px;
    /*T22320*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.treeview-menu>li>a i::before{
    margin:0px !important;
}
/*T20558*/
.treeview-menu>li>a>.fa,.treeview-menu>li>a>.glyphicon,.treeview-menu>li>a>.ion{
    width:18px
}
.treeview-menu>li>a>.pull-right-container>.fa-angle-left,.treeview-menu>li>a>.pull-right-container>.fa-angle-down,.treeview-menu>li>a>.fa-angle-left,.treeview-menu>li>a>.fa-angle-down{
    width:auto
}
.treeview-menu>li>a:hover {
    background: #01111f;
}
.pad{
    padding:10px
}
.margin{
    margin:10px
}
.margin-bottom{
    margin-bottom:20px
}
.margin-bottom-none{
    margin-bottom:0
}
.margin-r-5{
    margin-right:5px
}
.inline{
    display:inline
}
[class^="bg-"].disabled{
    opacity:.65;
    filter:alpha(opacity=65)
}
.hide{
    display:none !important
}
.no-border{
    border:0 !important
}
.no-padding{
    padding:0 !important
}
.no-margin{
    margin:0 !important
}
.no-shadow{
    box-shadow:none !important
}
/*New Styles*/
/*SideBar*/
.skin-blue .sidebar-menu>li.header {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
.sidebar-menu>li.active>a, .treeview.menu-open, .treeview>li.menu-open>a {
    background-color: #1277d6;
}
.sidebar-menu>li:hover>a {
    color: #fff;
    background: #1277d6;
}
.sidebar-menu>li>a>i>img,
.sidebar-menu>li>a>i{
    margin-top: -5px;
}
/*Nav*/
.navbar-nav>li>a {
    color: #b2b3b4;
    height: 70px;
}
/*T53536 <27/02/2024>*/
/*.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.nav>li>a:focus, .nav>li>a:hover,
.nav li.user-menu>a:hover,
.nav li.user-menu.open>a{
    background-color: #cc558b;
}*/
.nav>li>a:hover p{
    color: #fff;
}
.skyline_btn{
    background-color: #1d89e4;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    margin-left: 20px;
    font-weight: 500;
    border: none;
}
.top-icons{
    padding: 13px 0px;
    font-size: 22px;
    color: #2b292a;
}
.flag-icon img{
    margin-top: 10px;
}
li.flag-menu ul.dropdown-menu li{
    border-bottom: 1px solid #d2d3d4;
    padding: 0px;
    margin: 0;
}
li.flag-menu ul.dropdown-menu li:last-child{
    border-bottom: none;
}
li.flag-menu ul.dropdown-menu li a{
    padding: 10px;
    margin: 0;
}
li.flag-menu ul.dropdown-menu li a img{
    padding-right: 10px;
}
li.flag-menu ul.dropdown-menu li a:hover{
    background-color: transparent;
    color: #0768c2 !important;
}
/*----------------Top Icon Message----------------*/
.msg-link{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    background: #fc4a6b;
    color: #fff;
}
.flag_img{
    width:25px;
    margin-top: 14px;
}
.flags p{
    padding: 13px 0 0 37px;
    font-size: 14px;
}
.search-bg{
    /*T153406 ---- <02-05-2019> -------*/
    background: #cc558b;
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 5px;
    text-align: center;
    margin-top: 15px;
    margin-left: 20px;
    line-height: 40px;
    padding: 0;
    font-size: 20px;
    color: #fff;
}
.search-bg:hover,
.search-bg:focus{
    color: #FFF;
}
/*--------------------- Interanet Page Styles ------------- */
.link-image-bg{
    width: 100%;
    margin-top: 0;
    background-size: cover;
}
.link-image-bg .content{
    min-height: auto;
    padding-bottom: 0;
}
.link-image-row{
    margin-top: -6%;
}
.link-image-shadow, .box-panel-shadow, .box-panel-msgshadow{
    background: #fff;
    box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    width:100%;
}
.box-panel-body{
    padding: 20px 20px;
}
.datatable-box .box-panel-body{
    padding: 14px 20px;
}
p.PageGenerationMessage{
    display: none;
}
.time-date-row{
    margin: 5% 15%;
}
.select-country h3{
    font-size: 40px;
    color: #fff;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}
.country{
    padding: 0;
    margin: 0;
}
.country-img{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    float: left;
}
/*Selected Country List Styles*/
.selectdiv {
    position: relative;
    float: left;
    min-width: 100px;
    margin: 0 0 0 15px;
}
.selectdiv:after {
    content: "\f0d7";
    font: normal normal normal 13px/1 FontAwesome;
    color: #FFF;
    right: 11px;
    top: 10px;
    height: 33px;
    padding: 0;
    position: absolute;
    pointer-events: none;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}
.selectdiv select, select-country {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    max-width: 320px;
    height: 50px;
    float: right;
    background-color: #163959;
    border: 0;
    color: #fff;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    height: 31px;
    padding: 0 15px;
    border: 1px solid #5d798f;
    font-size: 13px;
    word-break: normal;
}
.country-link a.select-btn{
    margin: 0;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    height: 31px;
    padding: 7px 10px;
    border: 1px solid #5d798f;
    margin-left: -5px;
    background-color: #43617b;
    color: #fff;
    font-size: 13px;
    float: left;
}
/*----------------Time Blog---------*/
.time-bg{
    background: #163959;
    border: 1px solid #5d798f;
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    font-size: 40px;
    color: #fff;
    line-height:90px;
    height: 90px;
    margin-right: 15px;
    float: left;
    padding: 0 5px;
    font-weight: 500;
}
.time-bg .date{
    margin-left: 100px;
}
.top-time {
    float: left;
    margin-top: 21px;
    margin-right: 10px;
    font-family: 'Lato' !important;
    font-size: 15px;
    font-weight: 500;
}

.top-time span{
    margin-left: 10px;
} 
/*-------------------Search Block for Content-----------*/
.box-panel-shadow{
    margin-top: 20px;
}
a.search-bg-icon{
    background: #0668c1 url(../../images/NewDesign/Intuitive-Search-icon.png) no-repeat 40px 20px;
    width: 35px;
    height: 35px;
    padding: 29px 60px;
    text-align: center;
    display: inline;
    border-radius: 10px;
    position: absolute;
    height: 80px;
    left: 14px;
}
.search-bg-icon-input{
    border: 0;
    font-size: 20px;
    color: #555;
    padding: 20px 20px 20px 140px;
    width: 100%;
    outline: none;
    height: 80px;
    font-weight: 400;
    border-radius: 10px;
}
/*---------------Quick Links Styles--------------*/
.quick-links-bg{
    background: url(../../images/NewDesign/Quick-Links-BG.png) no-repeat;
    width: 100%;
    height: 348px;
    padding: 30px;
    background-size: cover;
    margin-top:30px;
    margin-bottom: 20px;
}
.quick-links-bg h4{
    font-size: 23px;
    color: #fff;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: 500;
}
.quick-links-bg-body{
}
.quick-links-bg-body a{
    color: #fff;
    border: 1px solid #bac6d2;
    font-size: 15px;
    padding: 5px 25px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
    display: inline-block;
}
.quick-links-bg-body a:hover{
    background: #3967d6;
    border: 1px solid #3967d6;
}
.document-repository h4{
    padding: 30px;
    margin: 0;
    background: #3967d6;
    font-size: 23px;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: 500;
}
.document-repository h4 span,
.latest-news-body h4 span, 
.box-panel-shadow .box-header h4 span{
    font-size: 15px;
    text-align: right;
    float: right;
    font-weight: 300;
    color:#fff;
}
.box-header h4 span.new-JB{
    margin-right: 60px;
}
.document-repository h4 span i,
.latest-news-body h4 span i,
.box-panel-shadow .box-header h4 span i{
    border-radius: 100%;
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 3px;
}
ul.dr-reports{
    padding: 0;
    margin: 0;
}
ul.dr-reports li{
    background: url(../../images/NewDesign/Document-Repository-arrow-icon.png) no-repeat 0 0;
    padding: 0 40px 0 60px;
    font-size: 15px;
    list-style: none;
    margin-bottom: 29px;
}
ul.dr-reports li span{
    color: #d2d3d4;
    display: block;
    margin-top: 5px;
}
/*-----------------Latest News Styles------------------*/
.latest-news-body{
    /*T18914----------------  30-10-2019*/
    padding:0 15px; 
}
.latest-news-body h4{
    font-size: 18px;
    padding: 0;
    margin: 20px 0 25px 0;
    font-weight: 600;
}
.latest-news-body>p{
    font-size: 15px;
}
.latest-news-body h4 span,
.specific-bottom-line span{
    color: #3967d6;
    font-size: 15px;
    font-weight: 500;
}
.latest-news-body h4 span i,
.specific-bottom-line span>i{
    border: 1px solid #555;
    width: 10px;
    height: 10px;
}
.specific-bottom-line span>i{
    float: left;
    border-radius: 100%;
    margin: 5px 10px;
}
.specific-bottom-line span{
    margin: 15px;
    float: left;
}
.latest-news-body .pic-lg{
    object-fit: contain;
    width: 100%;
    height:230px;
}
.pic{
    position: relative;
    /*height: 120px;*/
    overflow: hidden;
    text-align: center;
}
.pic-content{
    padding: 30px;
    margin: 0;
    position: absolute;
    bottom: 0px;
}
.pic-content a{
    background: #46bcc6;
    font-size: 13px;
    color:#fff;
    padding: 5px 25px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.pic-content h4{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 10px 0;
}
.pic-content p{
    font-size: 15px;
    color:#fff;
    font-weight: 500;
    padding-right: 30px;
}
.list-news, .list-news ul{
    padding: 0px 0 20px;
    margin: 0;
}
.list-news ul li{
    padding: 0;
    margin: 0 0px 25px 0;
    list-style: none;
    display: inline-block;
}
.list-news ul li .list-img{
    width: 125px;
    height: 108px;
    margin-right: 5px;
    float: left;
}
.list-news ul li .list-img img{
    width: 100% !important;
}
.list-news ul li a{
    color: #555;
}
.list-news ul li a:hover{
    color: #4aa851;
}
.list-news ul li .list-data h4{
    padding: 0;
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 600;
}
.list-news ul li .list-data p{
    font-size: 13px;
}
.list-news ul li .list-data span,
.list-news ul li .list-data span a{
    color: #d2d3d4;
    font-size: 13px;
}
/*-----------------Blog Styles--------------------*/
.blog-body{
    border-right:1px solid #f0f0f0; 
}
.blog-body h4{
    font-size: 22px;
    font-weight: 600;
    padding: 20px;
    margin: 0 0 10px;
    padding:30px 30px 30px 15px;
}
.blog-body-data{
    padding: 5px 5px 25px 0;
}
ul.specific-feeds li p{
    padding: 0;
    margin: 10px 0 0 0;
}
ul.specific-feeds li p.user_name 
{
    white-space: nowrap;
}
ul.specific-feeds{
    padding: 0;
    margin: 0;
    font-size: 13px;
}
ul.specific-feeds li{
    background: #fff;
    box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    width:100%;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 15px 0;
    display: inline-block;
    margin-bottom: 20px;
}
ul.specific-feeds li:nth-child(even){
    border-left: 10px solid #e8813f;
}
ul.specific-feeds li:nth-child(odd){
    border-left: 10px solid #1a9adb;
}
ul.specific-feeds li:last-child{
    margin-bottom: 0;
}
ul.specific-feeds li .specific-feeds-data h4{
    font-size: 15px;
    color: #0668c1;
    margin: 0;
    padding: 0 0 5px;
}
ul.specific-feeds li .specific-feeds-data p{
    font-size: 13px;
    padding: 0;
    margin: 0;
}
.specific-btn, .specific-btn-active{
    background: #d2d3d4;
    padding: 3px 10px;
    margin: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
    text-align: center;
    margin-top:20px;
}
.specific-btn-active{
    background: #d71224;
}
ul.specific-feeds li a{
    color: #555;

}
ul.social-widgets{
    padding: 0 20px;
    margin: 0;
}
ul.social-widgets li{
    padding:0 0 25px 35px;
    margin: 0 0 0 0;
    border-left: 1px solid #3967d6;
    list-style: none;
}
ul.social-widgets li i{
    background-color: #3967d6;
    color: #fff;
    font-size: 14px;
    margin-left: -50px;
    padding: 7px 10px;
    border-radius: 6px;
    font-style: normal;
}
ul.social-widgets li h5{
    font-size: 18px;
    font-weight: 500;
    margin: -20px 0 5px 0;
    padding: 0;
}
ul.social-widgets li p{
    color: #3967d6;
    padding: 0;
    margin: 0;
}
ul.social-widgets li span{
    color: #d2d3d4;
}
ul.dr-list{
    padding: 0;
    margin: 0;
}
ul.dr-list li{
    list-style: none;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d2d3d4;
}
ul.dr-list li .list-img{
    width: 146px;
    height: 83px;
    margin-right: 20px;
    float: left;
    border-radius: 10px;
}
ul.dr-list li a{
    color: #555;
}
ul.dr-list li .list-img img{
    margin-right: 25px;
    border-radius: 5px;
}
ul.dr-list li .list-data{
    margin-left: 160px; 
}
ul.dr-list li .list-data h4{
    padding: 0;
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: 600;
    color:#367fa9;
}
ul.dr-list li .list-data p{
    font-size: 14px;
    color: #d1d2d3;
}

ul.dr-list li .list-data span{
    color: #555;
    font-size: 13px;
    font-weight: 400;
}
.pre-login-video-blog{
    margin-top: 20px;
}
.video-blog h4{
    font-size: 23px;
    padding: 20px;
    margin: 0;
}
.video-blog h4 span{
    color: #3967d6;
    font-size: 15px;
    font-weight: 500;
    float: right;    
}
.video-blog h4 span i{
    border: 1px solid #555;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 5px 10px;
    float: left;
}
.video-body{
    padding: 20px;
}
.video-icon {
    display: table-cell;
    vertical-align: top;
}
.vid-container {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 249px;
}
.vid-container iframe,
.vid-container object,
.vid-container embed {

    max-height: 100%;
    height: 100%;
    width: 100%;
    border: none;
}
.vid-list {
    width: 1344px;
    position: relative;
    top:0;
    left: 0;
}
.vid-item {
    display: inline-grid;
    width: 233px !important;
    height: 190px;
    float: left;
    margin: 20px 0;
    padding: 10px;
}
.thumb {
    overflow:hidden;
}
.thumb img {
    width: 100%;
    position: relative;
    top: -13px;
}
.vid-item .desc {
    color: #21A1D2;
    font-size: 15px;
    margin-top:5px;
}
.bx-viewport {
    height: 210px !important;
}
.bx-controls{
    text-align: center;
}
.bx-prev, .bx-next{
    background: #0768c2;
    padding: 5px 15px;
    color: #fff;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 13px;
}
.bx-prev:hover, .bx-next:hover{
    background-color: #d2d3d4;
    color: #555;
}
/*Chat Blog*/
.chat-blog-header {
    padding: 0;
    margin: 0;
}
.chat-blog-header{
    padding: 15px;
    border-bottom: 1px solid #D2D3D4;
}
.chat-blog-header h4 {
    font-size: 25px;
    padding: 0;
    margin: 0;
}
.chat-blog-header a {
    font-size: 13px;
    color: #0768c2;
    margin-right: 10px;
}
.chat-blog-header span{
    color: #d2d3d4;
    border-left: 1px solid #d2d3d4;
    padding-left: 10px;
}
.chat-blog-header .profile {
    padding: 0;
    min-width: 200px;
    position: relative;
}
.profile .title{
    font-size: 18px;
    font-weight: 500;
    color: #555;
}
.profile .title p{
    font-weight: 300;
    color: #555;
    font-size: 13px;
    margin-right: 8px;
    padding: 0;
}
.chat-blog-header .badge, .chat-list ul li .badge,.chat-list ul li .badge-msg{
    top: -5px;
    left: 0px;
    position: absolute;
    height: 15px;
    width: 15px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    padding: 0;
}
.chat-list ul li .badge-msg{
    bottom: -5px;
    top: inherit;
    left: 32px;
    background-color: #f0943d;
    color: #fff;
    width: 20px;
    height: 20px;
    border: none;
    text-align: center;
}
.badge.online{
    background-color: #3dfa68
}
.badge.away{
    background-color: #fbeb3d
}
.badge.busy{
    background-color: #f11111
}
.badge.offline{
    background-color: #d5dbdb
}
.chat-body{
    padding: 0;
    margin: 0;
}
.chat-list{
    padding: 0 15px;
    background-color: #0768c2;
    border-bottom-left-radius: 8px;
}
.chat-list ul{
    padding: 0;
    margin: 0;
}
.chat-list ul li{
    list-style: none;
    margin: 15px 10px;
    display: flex;
    position: relative;
}
.chat-list ul li b{
    color:#fff;
    font-size: 18px;
}
.chat-content{
    padding: 20px;
}
.chat-data{
    padding-right: 20px;
}
.chat-bg.left{
    background: #e8ebf0;
    padding: 5px 10px ;
    border-radius: 40px;
    border-bottom-left-radius: 0;
    margin-right: 80px;
    display: inline-block;
    text-align: left;
    float: left;
}
.chat-bg.right{
    background: #d5ebff;
    padding: 5px 10px ;
    border-radius: 40px;
    border-bottom-right-radius: 0;
    margin-left: 80px;
    display: inline-block;
    text-align: right;
    float: right;
}
.chat-content .time{
    color: #0768c2;
    margin: 5px 10px;
    clear: both;
    font-size: 13px;
    padding-top: 5px;

}
.chat-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border:1px solid #0768c2;
}
.chat-bg.right .chat-text{    
    margin-right: 60px;
}
.chat-text{    
    margin-left: 60px;
}
.chat-text .title{
    font-size: 15px;
    font-weight: 600;
}
.chat-text .text{
    font-size: 13px;
}
.caht-footer{
    border-top: 1px solid #d2d3d4;
    padding: 15px 0;
}
.chat-input{
    border: none;
    text-align: left;
    outline: none;
    color: #555;
    font-size: 18px;
    font-weight: 500;
}
.caht-footer a{
    color: #d2d3d4;
    margin-left: 10px;
    text-align: right;  
}
.caht-footer a.btn{
    color: #fff;
}
/*Job Updates Section */
.jobupdate-top-section {
    padding: 20px .5% 20px;
    margin: 0;
}
.toplinks{
    padding: 0;
    margin: 10px 0 20px 0;
    text-align: left;  
}
.toplinks a, .toplinks-red a,
.dropdown-menu.subactivities.toplinks a{
    background: #2e9afd;
    border-radius: 5px;
    padding: 10px 15px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}
.toplinks a:hover,
.toplinks a.active{
    color: #fff;
}
.toplinks-red.collapse-drilldown a:hover {
    background-color: darkred;
}
.toplinks-red.collapse-drilldown a {
    background-color: red;
}
.jobupdate-top-section a{
    width: 100%;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 25px 0 15px;
    min-height: 140px;
    position: relative;
}
.jobupdate-top-section .panel-section{
    width: 19%;
    float: left;
    margin: 0 0.7%;
}
.jobupdate-top-section .panel-section:first-child{
    margin-left: -.7%;
}
.jobupdate-top-section .panel-section:last-child{
    margin-right: -.7%;
}
/*T26436 -----------15-07-2020*/
.jobupdate-top-section a img,
.jobupdate-top-section a i{
    max-width: 100%;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 60px;
    line-height: 50px;
}
.jobupdate-top-section a:hover img,
.jobupdate-top-section a:hover i{
    /*T23514*/
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    font-size: 70px;
}
.jobupdate-top-section a p{
    padding: 0;
    /*T23514*/
    position: absolute;
    text-align: center;
    bottom: 20px;
    width: 100%;
}
.col-yellow{
    background-color: #ffb400;  
}
.col-green{
    background: #3eb15b;   
}
.col-red{
    background: #ea423f
}
.col-orange{
    background: #ed6d49
}
.col-pink{
    background: #c38fbb
}
.col-lightblue{
    background: #55acee
}
.customer-details .box-header,
.address-details .box-header,
.repoted-fault .box-header,
.service-report .box-header,
.datatable-box .box-header,
.box-panel-shadow .box-header {
    padding: 0px 10px;
    height:40px;
    line-height:40px;
    background: #3967d6;
    font-size: 18px;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    width: 100%;
}
.customer-details .box-header h4,
.address-details .box-header h4,
.repoted-fault .box-header h4,
.service-report .box-header h4,
.datatable-box .box-header h4,
.box-panel-shadow .box-header h4,
.cat_bar h4 a{
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.customer-details .box-header h4 a,
.address-details .box-header h4 a,
.repoted-fault .box-header h4 a,
.service-report .box-header h4 a,
.datatable-box .box-header h4 a,
.box-panel-shadow .box-header h4 a
{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}
.box-panel-shadow .box-header h4 a.gaer-icon
{
    font-size: 14px;
    color: #EBEAE9;
    font-weight: 400;
    float: right;
    /*T28232*/
    margin-right: 10px;
}
.customer-details .box-header h4 a img,
.address-details .box-header h4 a img,
.repoted-fault .box-header h4 a img,
.service-report .box-header h4 a img,
.datatable-box .box-header h4 a img,
.box-panel-shadow .box-header h4 a img{
    margin-right: 3px;
}
.box-panel-shadow .box-header h4 span a.btn{
    margin: -10px 10px 0;
}
.customer-details .box-border, .address-details .box-border{


    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #545555;
    min-height: 270px
}

.boxhastable {
    overflow-y: auto;
    height: 100%;
    /*
    -ms-overflow-style: none;
    scrollbar-width: none;*/
}

/*.boxhastable::-webkit-scrollbar {
    height: 8px;
    display: none;
}*/

.box-border .dl-horizontal{   
    padding: 0px 10px;
    /*    T21146 -------- 23-12-2019*/
/*    margin-right: 20px;*/
}
.box-border .dl-horizontal dt{
    width: 160px;
    /*    T13445 <07-02-2019>*/
}
.box-border .dl-horizontal dt:not(.boldLabel) {
    font-weight: 400;
    /*T12941 <21/01/2019>*/
}
dt.boldLabel {
    font-weight: bold;
}
.box-border .dl-horizontal dd, 
.box-border .dl-horizontal dd a:not(.info-field-url),
.box-footer a{
    color: #47bcc7;
}
.box-border .dl-horizontal .form-group{
    margin-bottom: 2px;
}
.box-border .customer-img{
    position: absolute;
    top: 15px;
    left: 30px;
}
.box-border .customer-img .profile-img{
    width: 83px;
    height: 83px;
    border: 5px solid #47bcc7;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.box-border .customer-img p{
    margin: 20px 0 0 0
}
.box-border .address-img{
    position: absolute;
    top: 15px;
    left: 30px;
}
.dl-horizontal dd {
    /*    T13445 <07-02-2019>*/
    margin-left: 0px;
    /*T12941 <21/01/2019>*/
    margin-bottom: 5px;
    /*T14059 <30/05/2019>*/
    margin-right: 0px;
}
.dl-horizontal dt {
    text-align: left;
    margin-right: 10px;
}
.box-border .address-data ul{
    padding: 10px 0 10px 10px;
}
.box-border .address-data ul li{
    padding-bottom: 18px;
    list-style: none;
}
.box-border .address-data ul li p{
    color: #47bcc7;
    margin-right: 20px;
}
.box-border .address-img img{ 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width:90px;    
}
.box-border .box-footer{
    border-top: 1px solid #f1f0ef;
    padding: 15px;
    position: absolute;
    bottom: -60px;
    width: 100%;
}
.box-footer ul{
    padding: 0 0px;
}
.box-footer ul li{
    list-style: none;
    float: left;
    margin-right: 10px;
    padding-right: 30px;
}
.table-data{
    position: relative;
}
.radio-data, .table-date{
    z-index: 1;
}
.table-date{
    text-align: right;
    float: right;
}
.table-date .form-control{
    border: 1px solid #d6dadd; 
    background: #fff;
    color: #333;
    border-radius: 0;
    padding: 5px 10px;
    height: 25px;
    width: 155px;
}
.radio+.radio{
    margin-top: 0px;
}
.table-data [type="radio"]:checked,
.table-data [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.table-data [type="radio"]:checked + label,
.table-data [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-right: 18px;
    cursor: pointer;
    line-height: 12px;
    display: inline-block;
    color: #666;
}
.table-data [type="radio"]:checked + label:before,
.table-data [type="radio"]:not(:checked) + label:before,
.table-data .radio label::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 15px;
    height: 15px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.table-data [type="radio"]:checked + label:after,
.table-data [type="radio"]:not(:checked) + label:after,
.table-data .radio label::after{
    content: '';
    width: 7px;
    height: 7px;
    background: #5089f1;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.table-data [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);

}
.table-data [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); 
}
.radio {
    float: left;
    margin: 0;
}
.radio .badge{
    background: #1277d6;
    margin-left: 10px;
    border-radius: 5px;
    min-width: 25px;
}
.box-footer .checkbox label,
.check-box .checkbox label{
    min-height: 15px;
    padding-right: 0;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    padding-left: 0;
}
.box-footer .checkbox,
.check-box .checkbox{
    padding-left: 0px;
    margin: 0;
}
.box-footer .checkbox label::before,
.check-box .checkbox label::before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right:  0;
    margin-right: -22px;
    border: 1px solid #2e9afd;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
}
.box-footer .checkbox label::after{
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0 !important;
    top: 0;
    margin-right: -21px;
    padding-left: 1px;
    padding-top: 2px;
    font-size: 12px;
}
.check-box .checkbox label::before,
.check-box .checkbox label::after{
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0 !important;
    top: 0;
    margin-right: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}
.checkbox input[type="checkbox"] {
    opacity: 0; }

.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }

.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }

.checkbox.checkbox-circle label::before {
    border-radius: 50%; }

.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before  {
    background-color: #2e9afd;
    border-color:#2e9afd; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }


.permission-name-btn{
    background: #0aa20d;
    border-radius: 5px;
    border: 1px solid #38d63c;
    color: #fff !important;
    padding: 0px 0px 0 10px;
    display: inline-block;
    font-weight: 400;
}
.permission-name-btn span{
    margin: 0 0px 0 10px;
    padding: 5px 10px;
    border-left: 1px solid #38d63c;
    display: inline-block;

}

.table-input>.form-control{
    border: 1px solid #85c4ff;
    border-radius: 0;
    background: #fff;
    font-weight: 500;
    height: 34px;
    padding: 5px 0 5px 5px;
    float: left;
    width: 50%;
}
.table-select{
    position: relative;
}
.table-select .dropdown-menu>li>a:hover,
.table-select .dropdown-menu>li>a:focus
{
    background-color: #fff;
    color: #0768c2 !important;
}
.table-select a.styled-select{
    max-width: 40px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 5px;
    padding: 9px 10px;
    margin: 0 15px 0 0;
    font-weight: 500;
    color: #333;
    border: 1px solid #84c3ff;
    float: left;
    z-index: 1111;
    font-size: 0;
}
.table-select a.styled-select .caret-down {
    padding: 0;
    color: #84c3ff;
    font-size: 16px;
    margin-top: 3px;
    position: absolute;
    right: 8px;
    display: contents;
}
.table-select ul.dropdown-menu{
    margin: 35px 0 0;
}
.pn-modal-contetn{
    padding: 0;
    margin: 0;
    border-radius: 10px;
}
.pn-modal-contetn .modal-header{
    background: #0768c2;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.pn-modal-contetn .modal-header h4.modal-title{
    font-size: 18px;
    font-weight: 600;

}
.pn-selected{
    padding: 0;
    margin: 10px 0 0 0;
}
.pn-selected ul{
    padding: 0;
    margin: 0;
}
.pn-selected ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.pn-selected ul li .check-box{
    width: 40px;
    float: left;
    padding: 10px 10px;
    margin: 0;
}
.pn-selected ul li .text{
    color: #333;
    padding: 8px 18px;
    margin-left: 40px;
    border-left: 1px solid #f1f0ef;
}
.pn-selected ul li:nth-child(odd){
    background-color:#f1f8fe
}

.pn-selected ul li:nth-child(even){
    background-color:#FFF
}
.pn-selected ul li.odd{
    list-style: none;
    background-color:#f1f8fe
}
.pn-no-color{
    padding: 30px 60px;
    background: #ddefff url(../../images/NewDesign/no-colors-icon.png) no-repeat 20px 27px; 
    color: #000;
    text-transform: uppercase;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
}
.pn-modal-footer .btn{
    padding: 5px 20px
}
.pn-modal-footer .btn.cancel{
    background: #e51d13;
    border:1px solid #e51d13;
}
.report-details{
    background-color: #2f9fa9;
    padding: 15px 15px 15px 0;
    min-height: 330px;
}
.report-details .lt-line{
    position: relative;
    display: inline;
}
.report-details .lt-line::after, .report-details .lt-line::before{
    width: 8px;
    height: 8px;
    border-radius: 100%;
    content: "";
    background-color: #fff;
    float: left;
    position: absolute;
    left: 32px;
}
.report-details ul{
    border-left: 1px dashed #fff;
    padding: 0;
    margin: 0 15px 0 35px;
}
.report-details ul li{
    list-style: none;
    color: #fff;
    padding: 17px 30px 0;
    line-height: 30px;
    font-size: 15px;
}
.report-details ul li span{
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 0 10px; 
}
.report-details ul li span small{
    font-weight: 400;
} 
.report-details ul li::before{
    background: url(../../images/NewDesign/reports-list-icon.png);
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    left: 23px;
}
/*----------Job Details--------------*/
.job-details{
    padding: 0;
}
.job-details .box-panel-body{
    padding: 0;
}
.box-panel-body .dl-horizontal{
    margin-left: 15px;
    padding: 18px 0 0;
}
.box-panel-body .dl-horizontal dt{
    font-weight: 400;
    font-size: 15px;
    width: 170px;
}
.box-panel-body .dl-horizontal dd{
    font-size: 15px;
    font-weight: 600;
    margin-left: 180px;
}
.box-panel-body .text-right{
    margin-right: 15px;
}
/*----------Time Line ----------*/
.box-panel-body .align{
    text-align: right;
}
/*TimeLine Animation*/
@-webkit-keyframes fadeIn{
    0%{
        opacity:0;
        top:70px
    }
    100%{
        opacity:1;
        top:0
    }
}
@keyframes fadeIn{
    0%{
        opacity:0;
        top:70px
    }
    100%{
        opacity:1;
        top:0
    }
}
@-webkit-keyframes liftUp{
    0%{
        top:0
    }
    100%{
        top:-15px
    }
}
@keyframes liftUp{
    0%{
        top:0
    }
    100%{
        top:-15px
    }
}
/*Reported Fault*/

.repoted-fault ul{
    padding: 0;
    margin: 15px 0 0;
}

.repoted-fault ul li{
    padding: 0; 
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #f1f0ef;
    width: 100%;
    float: left;
}
.repoted-fault ul li:last-child{
    border-bottom: none;
}
.repoted-fault ul li .data{
    padding: 20px;
    vertical-align: top;
    float: left;
    width: 60%;
    border-left: 1px solid #f1f0ef;
    min-height: 100px;
}
.repoted-fault ul li .time{
    width: 35%;
    height: 100px;
    font-size: 15px;
    text-align: center;
    float: left;
}
.repoted-fault ul li:nth-child(odd) .time{
    background: url(../../images/NewDesign/Reported-Fault-time-icon1.png) no-repeat right; 
}
.repoted-fault ul li:nth-child(even) .time{
    background: #1e4264 url(../../images/NewDesign/Reported-Fault-time-icon2.png) no-repeat right; 
    color: #fff;
}
.repoted-fault ul li .time p{
    font-size: 23px;
    font-weight: 500;
    padding: 20PX 0 0 0;
    margin: 0;
}
.service-report .box-header h4, .service-report .box-header h4 a {
    color: #fff;
}
.service-report .box-header h4 a.btn{
    float: right;
    background: #3eb15b;
    padding: 2px 20px;
    margin: 0 10px;
    text-align: right;
    border-radius: 5px;
}
.service-report ul{
    padding: 0;
    margin: 0;
}
.service-report ul li{
    list-style: none;
    color: #fff;
    width: 100%;
    float: left;
}
.service-report ul li .data{
    padding: 20px;
    vertical-align: top;
    float: left;
    width: 60%;
    border-left: 1px solid #0160b8;
    min-height: 100px;

}
.service-report ul li .time{
    width: 35%;
    height: 100px;
    font-size: 15px;
    text-align: center;
    float: left;
}
.service-report ul li .time p{
    font-size: 23px;
    font-weight: 500;
    padding: 20PX 0 0 0;
    margin: 0;
}
.service-report ul li:nth-child(odd){
    background: #0270d8;
}
/*responsive Data Table*/
.datatable-box{
    padding: 0;
    margin: 0;
}
.ju-table th:first-child{
    width: 25px !important;
    font-size: 20px;
}
a.standby span {
    background: #78aaec;
}
a.confirmed-standby span {
    background: #c69ad8;
}
a.completed span {
    background: #a9feb9;
}
a.cancelled span {
    background: #fd898a;
}
.data-tabel-footer{
    padding: 0;
    margin: 0;
}
.data-tabel-footer a, .data-tabel-footer a.dt-edit, .data-tabel-footer a.dt-cancel, .data-tabel-footer a.dt-complete,
.service-cost-box-footer a, .service-cost-box-footer a.addpayment, .service-cost-box-footer a.refund,
button.gplus-blue, button.gplus-blue-disabled{
    padding: 6px 15px;
    color: #fff;
    background: #2e9afd;
    border-radius: 3px;
    margin: 5px 10px 0 0;
    display: inline-block;
    border:none;
}
button.gplus-blue-disabled{
    background: #333;
    margin-right: 10px;
}
button.gplus-blue{
    border:none;
    font-size: 15px;
    margin-left: 0 !important;
}
.service-cost-box-footer a{
    display: inline-block !important;
    width: 174px;
}
.data-tabel-footer a.dt-edit{
    background: #373737;
}
.data-tabel-footer a.dt-cancel, .service-cost-box-footer a.refund{
    background: #e51d13;
}
.data-tabel-footer a.dt-complete, .service-cost-box-footer a.addpayment{
    background: #0aa20d;
}
.dataTables_length{
    float: right !important;
    margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_info {
    clear: both;
    float: right !important;
    padding-top: 0 !important;
    padding-left: 10px;
}
/*Service Costs*/

.service-cost{
    padding: 10px 20px 0 !important;
}

.service-cost h5, .chargeble h5{
    font-size: 18px;
    color: #0f0f0f;
    padding: 0;
    margin: 0 0 15px 0;
}

.service-cost ul{
    padding: 0;
    margin: 0;
}

.service-cost ul li{
    list-style: none;
    clear: both;
    position: relative;
}

.service-cost ul li:first-child, .chargeble ul li:first-child{
    border-bottom: 1px solid #f1f0ef;
    color: #2e9afd;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 10px;

}

.service-cost ul li.border-btm, .chargeble ul li.border-btm{
    border-bottom: 1px solid #f1f0ef;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.service-cost ul li .lt, .chargeble ul li .lt, .booking-details ul li .lt{
    text-align: left;
    float: left;
    margin-bottom: 8px;
}

.service-cost ul li .rt, .chargeble ul li .rt, .booking-details ul li .rt{
    text-align: right;
    float: right;
    font-weight: 600;
}
.service-cost ul li.box-footer, .chargeble ul li.box-footer{
    border-top: 0;
    bottom: 0;
    right: 15px;
}
.service-cost ul li.box-footer{
    padding-bottom: 10px;
}
.service-cost ul li.box-footer .checkbox label::before{
    margin-right: -25px;
}
.chargeble h5,
.chargeble ul li:first-child,
.chargeble ul li.border-btm,
.chargeble ul li .lt,
.chargeble ul li .rt,
.chargeble ul li.box-footer
{
    color: #d9d9d9
}
.chargeble ul li .rt{
    color:#b1b1b1
}
.service-cost-box-footer{
    border-top: 1px solid #f1f0ef;
    margin: 20px 20px 0;
    padding: 10px 0;
    clear: both;
}
/*Booking Details*/
.booking-details{
    padding: 20px;
    display: inline-block;
    width: 100%;
}
.booking-details h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;

}
.booking-details ul {
    padding: 0;
}
.booking-details ul li{
    list-style: none;
    display: inline-block;
    width: 100%;
}
.booking-details ul li .lt{
    text-align: left;
    margin-right: 50px;
    min-width: 100px;
}
.booking-details ul li .rt{
    font-weight: 600;
    text-align: left;
    float: left;
}
.booking-details ul li:last-child{
    border-bottom: 1px solid #f1f0ef;
    border-top: 1px solid #f1f0ef;
    padding: 10px 0 5px;
}
.booking-details a{
    padding: 5px 15px;
    color: #fff;
    background: #0aa20d;
    border-radius: 3px;
    margin: 20px 10px 0 0;
    display: inline-block;
}
/*invoice*/
.invoice{
    padding: 5px 15px;
    margin: 0;
    background: #2f9fa9;
    border-radius: 5px;
    width: 100%;
    /* min-height: 90px; */
}
.invoice h5{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.invoice>input[type="text"]{
    width: 100%;
    border: 1px solid #fff;
    padding: 8px;
    background: transparent;
    color: #fff;
    margin-bottom: 25px
}
.booking-details p{
    padding: 15px 0 0;
}
.status{
    text-align: center;
    font-size: 20px;
    color: #fff
}
.status .current{
    font-weight: 600;
    color: #aaf189;
    display:block;
}
.complatejob {
    padding: 10px 25px;
    background-color: #0768c2;
    color: #fff;
    text-align: center;
}
.complatejob h4{
    padding: 0;
    margin: 0 0 15px 0;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}
.complatejob a.btn{
    padding: 15px 25px 15px 80px;
    color: #494949;
    background: #f7f7f7 url(../../images/NewDesign/tick-icon.png) no-repeat 25px 5px; 
    border-radius: 5px;
    margin: 15px 0;
    display: inline-block;
    font-size: 18px;
}
.complatejob a.btn:hover{
    color: #494949 !important;
}
/*JobUpdate Chat Blog Style*/
.job-caht-bg{
    padding: 0;
    margin: 70px 0 0 0;
    font-size: 14px;
}
.job-caht-bg .search{
    padding: 15px;
}
.job-caht-bg .search input[type='text']{
    padding: 5px;
    margin: 0;
    border: 0;
    background: #022749;
    color: #5291cb;
    font-size: 13px;
    width: 85%;
}
.job-caht-bg .search a{
    color: #5291cb;
    font-size: 20px;
    margin-left: 12px;
}
.job-caht-bg .title{
    background: #02417b;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
}
.job-caht-bg .title a{
    padding: 0;
    margin: 0 0 0 20px;
    font-size: 13px;
    text-transform:capitalize;
}
.job-caht-bg ul.staff{
    padding: 15px;
    margin: 0 0 10px 0;
}
.job-caht-bg ul.staff li{
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
    font-size: 14px;
    color: #fff;
}
.job-caht-bg ul.caht-list{
    padding: 0;
    margin: 0;
}
.job-caht-bg ul.caht-list li {
    padding: 0;
    margin: 0 0 0px 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}
.job-caht-bg ul.caht-list li .chat-img img{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
}
.job-caht-bg ul.caht-list li .chat-name{
    color: #fff;
    font-size: 13px;
    float: left;
}
.job-caht-bg ul.caht-list li .chat-name p{
    color: #55acee;
    padding: 0;
    margin: 0;
    font-size: 12px;
    width: 100px;
}
.job-caht-bg ul.caht-list li .message,
.job-caht-bg ul.caht-list li .message-blue, 
.job-caht-bg ul.caht-list li .message-yellow, 
.job-caht-bg ul.caht-list li .message-gray{
    background: #eb45d2;
    padding: 3px 8px;
    border-radius: 30px;
    margin: 0 15px;
    color: #fff;
    float: right;
    width: 50px;
    text-align: center;
}
.job-caht-bg ul.caht-list li .message-blue{
    background: #24c8fb;
}
.job-caht-bg ul.caht-list li .message-yellow{
    background: #e5b908;
}
.job-caht-bg ul.caht-list li .message-gray{
    background: #595c5e;
}
.job-caht-bg ul.caht-list li .online, .job-caht-bg ul.caht-list li .offline, .job-caht-bg ul.caht-list li .busy{
    border: 2px solid #839cb4;
    background: #3efa6d;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    float: right;
    margin-top: 8px;
}
.job-caht-bg ul.caht-list li .offline{
    background: transparent;
}
.job-caht-bg ul.caht-list li .busy{
    background: #f0115a;
}
.job-caht-bg ul.caht-list li a{
    float: left;
    width: 100%;
    padding: 15px;
    color: #fff;
}
.job-caht-bg ul.caht-list li a:hover, .job-caht-bg ul.caht-list li a.active{
    background-color: #fff;
    float: left;
    width: 100%;
    padding: 15px;
    color: #555;
}
.job-caht-bg ul.caht-list li a>.chat-name{
    color: #fff;
}
.job-caht-bg ul.caht-list li a .chat-name:hover, .job-caht-bg ul.caht-list li a.active .chat-name{
    color: #555;
}
.job-caht-bg ul.staff li:before, .job-caht-bg ul.staff li.clients:before{
    border: 2px solid #53a9ea;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    content: '';
    float: left;
    margin-right: 10px;
    margin-top: 4px;  
}
.job-caht-bg ul.staff li.clients:before{
    border: 2px solid #ed6d49
}
ul.email-msg {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
ul.email-msg li{
    list-style: none;
}
ul.email-msg li>a{
    padding: 0;
    margin: 0 ;
    list-style: none;
}
ul.email-msg li> a:hover{
    background: #f3f4f8;
}
ul.email-msg li .email-img{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    float: left;
    position: relative
}
ul.email-msg li .email-img .badge-msg {
    top: -5px;
    left: 0px;
    position: absolute;
    height: 15px;
    width: 15px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    padding: 0;
}
ul.email-msg li .email-cont{
    padding: 0;
    margin: 0 0 0 60px;
}
ul.email-msg li .email-cont h5{
    font-size: 15px;
    color: #425961;
    font-weight: 600;
    padding: 0;
    margin: 0;
}
ul.email-msg li .email-cont span{
    color: #cbccce;
    font-size: 14px;
    font-weight: 400;
    display:block;
}
.badge-msg.online {
    background-color: #3dfa68;
}
.badge-msg.busy {
    background-color: #eb184b;
}
/*job booking*/
.job-search-box{
    position: relative;
}
.job-booking-box .box-header h4 span:before{
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-top: 4px;
    background:#fff;
    border-radius: 100%;
    content: '';
    float: left;
}
.job-booking-box-body{
    padding: 0px;
    margin: 10px;
    border: 1px solid #f1f0ef;
    display: inline-table;
    border-radius: 5px;
    width: 96%;
}
.job-booking-box-body a, .hotspot-box-body a{
    display: table-cell;
    /*    min-width: 167px;*/
}
/*T27616 <28/08/2020>*/
.job-booking-box-body a .icon{
    position: relative;
    border-right: 1px solid #f1f0ef;
    border-bottom: 1px solid #f1f0ef;
     /*27933*/
    padding: 10px 0px;
}
.job-booking-box-body a .icon-rt{
    border-right: 0 !important;
}
.job-booking-box-body a .icon-bt{
    border-bottom: 0;
}
/*T17941 <17/09/2019>*/
.job-booking-box-body a .icon i {
    display: block;
    margin: 0 auto 10px;
    font-size: 70px;
    text-align: center;
    color: #545555;
    /*27933*/
    /*line-height: inherit;*/
}
.job-booking-box-body a .icon .overlay i {
    color: #ffffff;
}
.job-booking-box-body a .icon .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .3s ease;
    background-color: #cc558b;
     /*27933*/
    padding: 10px 0px;
}
.job-booking-box-body a .icon p{
    font-size: 14px;
    text-align: center;
    color: #545555;
}
.job-booking-box-body a .icon:hover .overlay{
    opacity: 1;
}
.job-booking-box-body a .icon:hover .overlay p{
    color: #fff;
    padding: 0;
    margin: 0;
}
.job-booking-box .carousel-control.left, .job-booking-box .carousel-control.right,
.hotspot-box .carousel-control.left, .hotspot-box .carousel-control.right{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: -40px;
}
.job-booking-box .carousel-control.left, .hotspot-box .carousel-control.left {
    right: 30px;
}
.job-booking-box .carousel-control, .hotspot-box .carousel-control {
    position: absolute;
    top: -20px;
    bottom: 0;
    left: inherit;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=50);
    opacity: 20;
}
a.arrow-left{
    background: url(../../images/NewDesign/arrow-left-off.png) no-repeat !important; 
}
a.arrow-left:hover{
    background: url(../../images/NewDesign/arrow-left-on.png) no-repeat !important; 
}
a.arrow-right{
    background: url(../../images/NewDesign/arrow-right-off.png) no-repeat !important; 
}
a.arrow-right:hover{
    background: url(../../images/NewDesign/arrow-right-on.png) no-repeat !important; 
}
.job-search-box .btn{
    background: #8bc9fe;
    padding: 5px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 25px;
    margin: 8px 15px;
}
.job-search-box-body{
    padding: 0px;
    margin: 10px;
    border: 1px solid #f1f0ef;
    border-radius: 5px;
}
.job-search-form{
    padding:20px 15px;
    margin: 0;
    border-bottom: 1px solid #f1f0ef;
}
.job-search-form label{
    text-align: left;
    color: #545555;
    font-size: 15px;
    font-weight: 400;
    width: 25%;
    float: left;
}
.job-search-form input[type='text']{
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    padding: 5px 15px;
    width: 75%;
    float: left;
}
.job-search-form .btn{
    margin: 0;
    background: #e3e5e6;
}
.job-search-form .btn:hover{
    background: #037ae0;
}
.job-search-form .error {
    text-align: center;
    margin-top: 10px;
}
.system-status{
    padding: 0;
    margin:20px 0 0 0;
}
.system-status .box-panel-body{
    padding: 20px;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.system-status h5{
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    margin: 0 0 25px 0;
}
.system-status ul{
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
}
.system-status ul li{
    list-style: none;
    border-top: 1px solid #f1f0ef;
    padding: 0;
    margin: 0px 0;
    display: table-row;
    width: 100%;
}
.system-status ul li:last-child{
    color: #1883e6;
    font-weight: 600;
    font-size: 15px;
}
.system-status ul li .status-color-pic{
    width: 10%;
    height: 35px;

    margin-right: 10px;
    display: table-cell;
    border-top: 1px solid #f1f0ef;
}
.system-status ul li .status-value{
    width: 10%;
    margin-left: 15px;
    display: table-cell;
    border-top: 1px solid #f1f0ef;
    vertical-align: middle;
}
.system-status ul li .status-value span{
    padding-left: 10px;
}
.job-color-red{
    background: #ee2c2c !important;
}
.job-color-orange{
    background: #ff7f00 !important;
}
.job-color-green{
    background: #38da38 !important;
}
.job-color-pink{
    background: #fa8ec3 !important;
}
.job-color-red-lt{
    background: #f46464 !important;
}
.job-color-blue{
    background: #56aaff !important;
}
.job-color-skyblue{
    background: #aad4ff !important;
}
.job-color-darkblue{
    background: #4545fe !important;
}
.job-color-gray{
    background: #333333 !important;
}
.job-color-green-lt{
    background: #96eac0 !important;
}
.job-color-pink-lt{
    background: #f464ac !important;
}
.job-color-blue-lt{
    background: #87f3f3 !important;
}
.job-color-darkpink{
    background: #e12c86 !important;
}
.job-color-yellow{
    background: #e7e732 !important;
}
.job-color-darkred{
    background: #ce3939 !important;
}
/*------Statistics-box ------------*/
.statistics-box{
    padding: 0;
    margin:10px 0 0;
}
.statistics-box h4, .open-alert h4{
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
ul.statistics-icons{
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 6px;
}
ul.statistics-icons li{
    text-align: right;
    display: inline;
    margin: 0 10px 0 0;
    list-style: none;
    margin-right: 10px;
}
ul.statistics-icons li.active{
    background: #e5eaf4;
    padding: 0;
    border-radius: 5px;
    display: inline-block;
}
ul.statistics-icons li a{
    color: #fff;
    font-size: 25px;
    padding: 5px 15px;
}
ul.statistics-icons li a:hover, ul.statistics-icons li.active a{
    color: #1883e6
}
.statistics-box .tab-content{
    text-align: center;
}
.statistics-box .tab-pane img{
    margin: 20px 0 0 0;
}
/*open-alert*/
.open-alert{
    padding: 0;
    margin: 10px 0 0 0;
    width: 100%;
    border: 1px solid #f1f0ef
}
.open-alert .box-panel-body, .statistics-box .box-panel-body{
    padding: 20px 10px 20px !important;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.open-alert h4{
    margin-bottom: 15px;
}
.open-alert-box1, .open-alert-box2, .open-alert-box3, .open-alert-box4{
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #f1f0ef;
    border-right: 1px solid #f1f0ef;
    float: left;
    color: #fff;
}
.open-alert-box2 .lt{
    background: #55d5ff !important;
}
.open-alert-box2 .lt:after{
    border-left: 20px solid #55d5ff !important;
}
.open-alert-box3 .lt{
    background: #fcb731 !important;
}
.open-alert-box3 .lt:after{
    border-left: 20px solid #fcb731 !important;
}
.open-alert-box4 .lt{
    background: #d63636 !important;
}
.open-alert-box4 .lt:after{
    border-left: 20px solid #d63636 !important;
}
.open-alert-box1 .lt, .open-alert-box2 .lt, .open-alert-box3 .lt, .open-alert-box4 .lt{
    background: #1dbd6d;
    font-size: 19px;
    font-weight: 600;
    float: left;
    width: 50%;
    height: 110px;
    padding: 25px 0;
    position: relative;
}
.open-alert-box1 .lt:after, .open-alert-box2 .lt:after, .open-alert-box3 .lt:after, .open-alert-box4 .lt:after{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 60px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 20px solid #1dbd6d;
    position: absolute;
    right: -20px;
    top: 0px;
}
.open-alert-box1 .lt p, .open-alert-box2 .lt p, .open-alert-box3 .lt p, .open-alert-box4 .lt p{
    padding: 0;
    margin: 0;
}
.open-alert-box1 .rt, .open-alert-box2 .rt, .open-alert-box3 .rt, .open-alert-box4 .rt{
    float: left;
    width: 50%;
    height: 110px;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 21px;
}
/*Hotspots */
.hotspot-box{
    margin-top: 20px;
}
.hotspot-box h4 span{
    float: right;
}
.hotspot-box-body a .icon{
    position: relative;
    padding: 0;
    width: 98%;
    background: #fff;
    border-radius: 8px;
    margin: 2px;
    border: 1px solid #ccc;
    height: 100px;
}
.hotspot-box-body a .icon span{
    color: #fc3838;
    padding: 15px 0 0 10px;
    margin-top: 0;
    vertical-align: middle;
    width: 50%;
    font-size: 20px;
    font-weight: 400;
    float: left;
    text-align: left;
}
.hotspot-box-body a .icon .pic {
    width: 48%;
    float: left;
    height: auto;
    margin-top: 3px;
    text-align: right;
    margin-right: 2%;
}
.hotspot-box-body a .icon .pic img,
.hotspot-box-body a .icon .pic svg{
    padding: 2px 5px 0px 5px;
    width: 70px;
    height: auto;
}
.hotspot-box-body a .icon .pic svg .cls-1,
.hotspot-box-body a .icon .pic svg .cls-2{
    fill: #fc3838;
    stroke-width: 0;
}
/*T17941 <17/09/2019>*/
.hotspot-box-body a .icon .pic i {
    font-size: 40px;
    color: #ffffff;
}
.hotspot-box-body a .icon .overlay .pic i {
    color: #000000;
}
.hotspot-box-body a .icon .title{
    font-size: 12px;
    text-align: left;
    color: #fc3838;
    padding: 0 10px 10px;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    display: inline-block;
    font-weight: 600;
}
.hotspot-box-body a .icon .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .3s ease;
    background-color:#fc3838;
    padding: 0;
    display: inherit;
    border-radius: 8px;
    color: #fff;
}
.hotspot-box-body a .icon:hover .overlay{
    opacity: 1;
}
.hotspot-box-body a .icon:hover .overlay .title,
.hotspot-box-body a .icon:hover .overlay span{
    color: #fff;
}
.hotspot-box-body a .icon img,
.hotspot-box-body a .icon svg{
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color:#fff;
    fill: #fc3838;
}
.hotspot-box-body a .icon:hover .overlay img,
.hotspot-box-body a .icon:hover .overlay svg{
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    color: #fff;
    fill: #fff;
}
.hotspot-box-body a .icon:hover .overlay svg .cls-1,
.hotspot-box-body a .icon:hover .overlay svg .cls-2{
    fill: #fff;
    stroke-width: 0;
}
.hotspot-box .carousel-control{
    margin-right: 40px;
    top: -30px !important;   
}
.advance-search{
    position: absolute;
    top:0;
    right: 20px;
}
.rt-icon{
    position: absolute;
    top:0;
    right: 10px;
}
/*--- Interanet wIZARD Page Styles -- */

.wizard-top-bg1{
    background:#16395a;
    width: 100%;
    margin-top: 50px;
}
.wizard-top-bg{
    margin-top: -200px;
}
.with-circleTabs{
    display: flex;
    margin: 0 auto;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.wizard-top-bg ul.wiz-nav-tabs.with-circle>li{
    float: left;
}
.wizard-top-bg ul.wiz-nav-tabs.with-circle>li a{
    margin: 0;
    border: none;
}
.wizard-top-bg ul.wiz-nav-tabs {
    border-bottom: 0;
    margin: -90px auto 20px;
}
/*Alignment issue fixing for Bubbles <03-09-2019>*/
.wizard-top-bg ul.wiz-nav-tabs.with-circle{
    margin: -93px auto 20px; 
}
.wizard-top-bg ul.wiz-nav-tabs>li {
    float: left;
    list-style: none;
    text-align: center;
    margin: 0;
    background:transparent; 
}
.wizard-top-bg ul.wiz-nav-tabs>li a.without-circle{
    border: none;
    margin: 0;
}
.wizard-top-bg ul.wiz-nav-tabs>li a.without-circle{
    background: #0768c2;
    color: #fff;
    border-radius: 3px;
    margin: 15px 5px 0;
    padding: 20px 20px;
}
.wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle,
.wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle:hover,
.wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle:focus,
.wizard-top-bg ul.wiz-nav-tabs>li:hover a.without-circle{
    background: #000;
    margin: 15px 5px 0;
    padding: 20px 20px;
    color: #fff;
}
.wizard-top-bg ul.wiz-nav-tabs li.application-active.active,
.wizard-top-bg ul.wiz-nav-tabs li.application-active.active a.without-circle,
ul.persnol-tabs.nav li.application-active.active-toggle-bar{
    display: none;
}
.wizard-top-bg ul.wiz-nav-tabs>li a .text:after, .wizard-top-bg ul.wiz-nav-tabs>li a .text:before,
.wizard-top-bg ul.wiz-nav-tabs>li a:hover .text:after, .wizard-top-bg ul.wiz-nav-tabs>li a:hover .text:before,
.wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text:after, .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text:before,
.wizard-top-bg ul.wiz-nav-tabs>li a .tabicon:after, .wizard-top-bg ul.wiz-nav-tabs>li a .tabicon:before,
.wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon:after, .wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon:before,
.wizard-top-bg ul.wiz-nav-tabs>li.complate>a .tabicon:after, .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .tabicon:before{
    content: '';
    position: absolute;
    top: 40px;
    height: 5px;
    width: 26%;
    background-color: #98999a;
    right: 0;
    z-index: 9;
}
.wizard-top-bg ul.wiz-nav-tabs>li a:hover .text:after, .wizard-top-bg ul.wiz-nav-tabs>li a:hover .text:before,
.wizard-top-bg ul.wiz-nav-tabs>li.active>a .text:after, .wizard-top-bg ul.wiz-nav-tabs>li.active>a .text:before,
.wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon:after, .wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon:before,
.wizard-top-bg ul.wiz-nav-tabs>li.active>a .tabicon:after, .wizard-top-bg ul.wiz-nav-tabs>li.active>a .tabicon:before{
    background-color: #fa9c22;
    cursor: none
}
.wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text:after, .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text:before
{
    background: #34ed94;
}
.wizard-top-bg ul.wiz-nav-tabs>li a .text:before,
.wizard-top-bg ul.wiz-nav-tabs>li a .tabicon:before{
    left: 0;
}
.wizard-top-bg ul.wiz-nav-tabs>li:first-child a .text:before,
.wizard-top-bg ul.wiz-nav-tabs>li:last-child a .text:after,
.wizard-top-bg ul.wiz-nav-tabs>li:first-child .complate>a .text:before,
.wizard-top-bg ul.wiz-nav-tabs>li:first-child a .tabicon:before,
.wizard-top-bg ul.wiz-nav-tabs>li:last-child a .tabicon:after{
    background-color: transparent;
}
.wizard-top-bg ul.wiz-nav-tabs>li a .text{
    padding: 5px 0px;
    border-radius: 100%;
    background: #fff;
    color: #98999a;
    border: 5px solid #98999a;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    width: 64px;
    display: inline-block;
}
.wizard-top-bg ul.wiz-nav-tabs>li a .tabicon{
    padding: 0px;
    border-radius: 100%;
    background: #fff;
    color: #98999a;
    border: 5px solid #98999a;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    width: 70px;
    height: 70px;
    display: inline-block;
}
.wizard-top-bg ul.wiz-nav-tabs>li a .tabicon>img.on,
.wizard-top-bg ul.wiz-nav-tabs>li a .tabicon>img.off,
.wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon>img.off,
.wizard-top-bg ul.wiz-nav-tabs>li.active a .tabicon>img.off,
.wizard-top-bg ul.wiz-nav-tabs>li.active a .tabicon>img.on{
    position: absolute;
    width: 60px;
    height: 60px;
    left: 35px;

}
.wizard-top-bg ul.wiz-nav-tabs>li a .tabicon>img.off,
.wizard-top-bg ul.wiz-nav-tabs>li.active a .tabicon>img.on{
    opacity: 0;
}
.wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon>img.off,
.wizard-top-bg ul.wiz-nav-tabs>li.active a .tabicon>img.off
{
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);

}
.wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon>img.on{
    opacity: 0;
}
.wizard-top-bg ul.wiz-nav-tabs>li a p{
    padding: 0;
    margin: 10px 0 0;
    display: block;
    width: 100px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    word-wrap: break-word;
}
.wizard-top-bg .tab-content{
    background: #fff;
    margin: 0 0;
    border-radius: 5px;
    position: relative;
}
.myaccount-tab-content.wizard-top-bg.tab-content{
    padding: 0;
    background: none;
}
.wizard-top-bg ul.wiz-nav-tabs>li.active>a, .wizard-top-bg ul.wiz-nav-tabs>li.active>a:focus, .wizard-top-bg ul.wiz-nav-tabs>li.active>a:hover{
    background: none;
    border: none;
    text-align: center;
    margin: 0;
}
.wizard-top-bg ul.wiz-nav-tabs>li a:hover{
    color: #fa9c22;
    background: transparent;
    border: none;
}
.wizard-top-bg ul.wiz-nav-tabs>li.active>a .text, .wizard-top-bg ul.wiz-nav-tabs>li a:hover .text,
.wizard-top-bg ul.wiz-nav-tabs>li.active>a .tabicon, .wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon{
    color: #fa9c22;
    background: #fff;
    border: 5px solid #fa9c22;
}
.wizard-top-bg ul.wiz-nav-tabs>li.active>a p{
    color: #fa9c22;
    word-wrap: break-word;
}
.wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text{
    color: #fff;
    background: #34ed94;
    border: 5px solid #34ed94;
    font-size: 25px;
    padding: 10px 15px;
}
/*Personal details*/
.tabs_wrapper {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: transparent;
    padding: 30px 0;
}
ul.personaldetails-tabs{
    width: 18%;
    float: left;
    padding: 0 0 0 20px;
}
ul.personaldetails-tabs li {
    margin: 0 0;
    cursor: pointer;
    padding: 15px 0;
    list-style: none;
    text-align: left;
    color: #555;
    border-bottom: 1px solid #f1f0ef;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    fill:#fff;
}
ul.personaldetails-tabs li.AMtabs{
    padding: 0;
    margin: 0;
    height: 50px;
}
ul.personaldetails-tabs li .svg-icon,
ul.personaldetails-tabs li.active .svg-icon,
ul.personaldetails-tabs li:hover .svg-icon,
.personaldetails-tab-m i{
    margin-top: 3px;
    margin-left: 10px;
    float: left;
    stroke: green;
    width: 30px;
    margin-right: 14px;
}
ul.personaldetails-tabs li img.on,
ul.myaccount-taps li img.on
ul.personaldetails-tabs li svg.on
{
    display: inline;
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
}

ul.personaldetails-tabs li img.off,
ul.myaccount-taps li img.off,
ul.personaldetails-tabs li svg.off{
    opacity: 0.1;
    filter: alpha(opacity=50);
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    fill: #fff;
}

ul.personaldetails-tabs li:hover img.on,
ul.personaldetails-tabs li.active img.on,
ul.myaccount-taps li:hover img.on,
ul.myaccount-taps li img.on,
ul.myaccount-taps li.active img.on,
ul.personaldetails-tabs li:hover svg.on,
ul.personaldetails-tabs li:active svg.on{
    display: inline;
    position: absolute;
    width: 30px;
    height: 30px;
    opacity:0;
    margin-top: 10px;
    margin-left: 10px;

}

ul.personaldetails-tabs li:hover img.off,
ul.myaccount-taps li:hover img.off,
ul.personaldetails-tabs li:hover svg.off,
ul.myaccount-taps li img.off{
    position: absolute;
    width: 30px;
    height: 30px;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    margin-top: 10px;
    margin-left: 10px;
    fill: #19cdc7;
}
ul.personaldetails-tabs li.active img.off,
ul.myaccount-taps li.active img.off,
ul.personaldetails-tabs li.active svg.off
{
    position: absolute;
    width: 30px;
    height: 30px;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=1);
    margin-top: 10px;
    margin-left: 10px;
    fill: #19cdc7;
}
ul.personaldetails-tabs li p,
ul.myaccount-taps li p{
    margin: 0px;
    padding: 15px 0px 14px 55px;
    text-transform: none;
}
ul.personaldetails-tabs li:hover {
    border-right: 5px solid #19cdc7;
    color: #15d3e5;
    background: #0768c2;
}
ul.personaldetails-tabs li.active {
    border-right: 5px solid #19cdc7;
    color: #fff;
    background: #0768c2;
    padding-left: 15px;
}
.persnol-tabs-rt{
    border-left: 1px solid #eaeaf1;
    text-align: left;
    float: left;
}
.tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 20;
    min-width: 10px;
    text-align: left;
    background: white;
    min-height: 660px !important;  
    border-radius: 5px !important;
}
.tab_content {
    padding: 20px;
    height: 100%;
    display: none;
    min-height: 860px;
}
.page-wrap-Hight{
    position: relative;
}
.page-wrap-Hight .tab_content,
.page-wrap-Hight .tab_container,
.page-wrapNew .tab_content,
.page-wrapNew .tab_container{

    min-height: inherit !important;
}
.page-wrap-Hight ul.persnol-tabs{
    z-index: 11;
    width: 95%;
    background: #fff;
    margin-top: 0px
}
.tab_drawer_heading {
    display: none;
}
.details-content{
    padding: 0 20px;
    margin: 0;
}
.details-content>h2, .tab_content h2{
    font-size: 18px;
    font-weight: 600;
    color: #545555;
    padding: 0 0 20px;
    margin: 25px 0 0 30px;
}
.form-fields{
    border-radius: 5px;
    color: #4d4d4d;
    font-weight: 500;
    border: 1px solid #f1f4f8;
    padding: 25px;
}
.details-content p{
    padding: 10px 0;
    font-size: 14px;
    color: #9db1cf;
    margin: 0;
}
/**T17728*/
.accordion-tab-box p
{
    color: inherit;
}
.form-fields .form-group{
    position: relative;
}
.form-fields .form-group i{
    position:absolute;
    right: 10px;
    top: 35px;
    color: #0668c1;
}
#viewform .dataTables_filter{
    display: none;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
    font-size: 15px;
}
/**T17728*/
table.dataTable td.wrapText
{
    white-space: normal !important;
    font-size: inherit;
    max-width: 200px;
}
/*-------------------------Form Fealds-----------------------*/
.error{
    color: #fb2068;
}
.form-control{
    box-sizing: border-box;
    border-radius: 3px !important; 
    height: 38px;
    padding: 5px 0 5px 5px !important;
    border: 1px solid #eaeaf1 !important
}
.border-rt-lt{
    border-left: 1px solid #f1f4f8;
    border-right: 1px solid #f1f4f8;
    padding: 0 20px;

}
.form-btn{
    background: #5a99cf;
    padding: 5px 10px;
    height: 32px;
    color: #fff;
    border-radius: 3px !important;
    margin-right: 10px;
}
.form-submit-btn, .form-cancel-btn{
    border-radius: 3px !important;
    padding:5px 20px;
    color: #fff;
    background: #6c6c6d;
    font-weight: 500;
    font-size: 14px;
    margin: 10px 10px 10px 0;
}
.form-submit-btn:hover,.form-cancel-btn:hover{
    background: #84d51a;
    color: #fff;
}
.form-btn:hover{
    background: #0768c2;
    color: #fff;
}
.form-cancel-btn {
    background: #ff0000;
}
.styled-select {
    box-sizing: border-box;
    border-radius: 3px;  
    overflow: hidden;
    position: relative;
}
.styled-select, .styled-select select { width: 100%;}
select:focus { outline: none; }
.styled-select select {
    height: 38px;
    padding: 5px 0 5px 5px;
    border:1px solid #eaeaf1;
    -webkit-appearance: none; 
}
.styled-select .fa-sort-desc {
    position: absolute;
    top: 6px;
    right: 12px;
    font-size: 18px;
    color: #b1c2da;
    cursor: pointer;
    z-index: 11;
}
select::-ms-expand { display: none; } /* hide default down arrow in IE10*/
/* hack to fall back in opera */
_:-o-prefocus, .selector {
    .styled-select { background: none; }
}
/*DatePicker CSS  */
.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.datepicker-container::before,
.datepicker-container::after {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1;
}
.datepicker-inline {
    position: static;
}
.datepicker-top-left,
.datepicker-top-right {
    border-top-color: #39f;
}
.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
    border-top: 0;
    left: 10px;
    top: -5px;
}
.datepicker-top-left::before,
.datepicker-top-right::before {
    border-bottom-color: #39f;
}
.datepicker-top-left::after,
.datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px;
}
.datepicker-bottom-left,
.datepicker-bottom-right {
    border-bottom-color: #39f;
}
.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
    border-bottom: 0;
    bottom: -5px;
    left: 10px;
}
.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
    border-top-color: #39f;
}
.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px;
}
.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
    left: auto;
    right: 10px;
}
.datepicker-panel > ul {
    margin: 0;
    padding: 0;
    width: 102%;
}
.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
    content: " ";
    display: table;
}
.datepicker-panel > ul::after {
    clear: both;
}
.datepicker-panel > ul > li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
}
.datepicker-panel > ul > li:hover {
    background-color: rgb(229, 242, 255);
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
    color: #999;
}
.datepicker-panel > ul > li.highlighted {
    background-color: rgb(229, 242, 255);
}
.datepicker-panel > ul > li.highlighted:hover {
    background-color: rgb(204, 229, 255);
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
    color: #39f;
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
    background-color: rgb(229, 242, 255);
}
.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
    font-size: 18px;
}
.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
    width: 150px;
}
.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px;
}
.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
    background-color: #fff;
    cursor: default;
}
.datepicker-hide {
    display: none;
}
ul.persnol-tabs.nav li{
    float: left;
    background: #f1f1f1;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin: 10px 3px 0 0;
    color: #545555;
}
ul.persnol-tabs.nav li a{
    color: #545555;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
ul.persnol-tabs.nav li.active a, ul.persnol-tabs.nav li a:hover{
    background: #19cdc7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}
.persnol-tabs-content.tab-content{
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #545555;
    border: 1px solid #f1f4f8;
    margin: -1px 0 0 0;
    padding: 20px;
}
.persnol-tabs-content.tab-content .tab-pane p{
    color: #545555;
    text-align: justify;
}
/*---------NewBusinessForm Styles------------------*/
.newbusinessform .box-header a{
    margin: 10px 0;
    display: block;
}
.newbusinessform-body {
    padding: 20px;
    color: #a3aaaf
}
.newbusinessform-body p{
    padding: 0;
    margin: 0;
}
.newbusinessform-body .analytics-panal{
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    margin: 20px 0;
    padding: 10px;
}
.pieChartDiv{
    padding: 0px;
    margin: 0;
    border-left: 1px solid #f1f1f1;
    position: relative;
    width: 100%;
    height: 100%;
}
.pieChartDiv img{
    width: 100%;
    margin: 15% 0 0 0;
}
.pieChartDiv h5{
    font-size: 14px;
    color: #3366cc;
    margin: 0 0 10px 0;
    padding: 0;
}
ul.pieList{
    padding: 0 10px;
    margin: 0;
    border-left: 1px solid #f1f0ef;
    position: relative;
    min-height: 220px;
}
ul.pieList .arrow{
    position: absolute;
    left: -10px;
    top: 40%;
}
ul.pieList .arrow:before{
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f1f0ef;
    left: 0px;
}
ul.pieList .arrow:after{
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    left: 1px;
}
ul.pieList li{
    list-style: none;
    color: #545555;
    font-size: 12px;
    line-height: 20px;
}
ul.pieList li i{
    width: 8px;
    height: 8px;
    margin: 6px 5px 0;
    border-radius: 100%;
    background: #000;
    float: left;

}
.project-manager-select{
    text-align: right;
}
.select-panel{
    display: inline-block;
    margin: 0 10px;
}
.select-box{
    float: left;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}
.select-btn {
    float: left;
}
.select-panel .btn-blue, .select-panel .gray-blue{
    background: #6591e7;
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    float: left;
    margin-left: 5px;
    font-size: 13px;
}
.select-panel .gray-blue{
    background: #969ca8;
}
.project-manager-select .styled-select {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.project-manager-select .styled-select, .project-manager-select .styled-select select { width: 100%; }
select:focus { outline: none; }
.project-manager-select .styled-select select {
    height: 30px;
    padding: 5px 0 5px 15px;
    background: #ffffff;
    border: none;
    -webkit-appearance: none;
    min-width: 200px;
    -webkit-appearance: none; 
}
@-moz-document url-prefix(){
    .project-manager-select .styled-select select { width: 110%; }
}
.project-manager-select .fa-sort-desc {
    position: absolute;
    top: 4px;
    right: 12px;
    font-size: 18px;
    color: #b1c2da;
    cursor: pointer;
}
.project-manager-select select::-ms-expand { display: none; } /* hide default down arrow in IE10*/
/* hack to fall back in opera */
_:-o-prefocus, .selector {
    .project-manager-select .styled-select { background: none; }
}
#PMtable_wrapper{
    padding: 0 15px 15px;
    font-size: 13px;
}
#PMtable_wrapper table.dataTable thead,
#PMtable_wrapper table.dataTable thead th, 
#PMtable_wrapper table.dataTable tfoot th{
    background-color: #0768c2 !important;
}
#PMtable_filter.dataTables_filter label, #PMtable_filter {
    display: none;
}
#PMtable_wrapper table.dataTable .progress,
#PMtable_wrapper table.dataTable .progress>.progress-bar,
#PMtable_wrapper table.dataTable .progress .progress-bar,
#PMtable_wrapper table.dataTable .progress>.progress-bar .progress-bar {
    border-radius: 1px;
}
#PMtable_wrapper table.dataTable .progress {
    height: 5px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #dfdfe0;
}
#PMtable_wrapper table.dataTable .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #56aaff;
}
#PMtable_wrapper table.dataTable a.participants{
    background: #adb9c5;
    color: #fff;
    padding:3px 10px;
    border-radius: 5px;
}
/*Popover - Styles Start*/
.popover.SearchPopover{
    border: none;
    box-shadow: none;
    z-index: 2222;
    position: fixed; /**T15444*/
    top:55px !important; /* T16949 add --- 11-07-2019*/
}
.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #93cbfe;
    border-left-width: 0;
}
.popover-content{
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 8px;
    height:100%
}
.participants-popover{
    background: #93cbfe;
    padding: 10px;
    width: 140px;
    float: left;
    border-radius: 8px;
}
.participants-popover ul{
    padding: 0;
    margin: 0;
}
.participants-popover ul li {
    list-style: none;
}
.participants-popover ul li img{
    border-radius: 100%;
    margin: 5px;
    float: left;
}
.message-box, .meeting-box, .status-box{
    background: #cddae6;
    color: #383a3e;
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-table;
    width: 25px;
    text-align: center;
}
.meeting-box {
    background: #cddae6;
    color: #0768c2;
}
.status-box {
    background: #e96154;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    width: auto;
}
#piechart {
    padding: 0 !important;
    margin: 0 !important;
    left:0 !important;

}
.social-feeds{
    padding: 20px;
}
.social-feeds h4{
    font-size: 18px;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 600;
}
ul.social-feeds{
    padding: 0;
    margin: 0;
    font-size: 13px;
}
ul.social-feeds li {
    list-style: none;
    position: relative;
}
ul.social-feeds li a .facebook,
ul.social-feeds li a .linkedin,
ul.social-feeds li a .twitter{
    border-left: 10px solid #4e71a8;
    background: #fff;
    box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    width:92%;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 15px 0;
    display: inline-block;
    margin-bottom: 15px;
    margin-left:8%;
}
ul.social-feeds li a .linkedin{
    border-left: 10px solid #1cb7eb;
}
ul.social-feeds li a .twitter{
    border-left: 10px solid #1686b0;
}
ul.social-feeds li a .social-icon{
    position: absolute;
    top: 22px;
}
ul.specific-feeds li:last-child{
    margin-bottom: 0;
}
ul.social-feeds li .specific-feeds-data h4{
    font-size: 15px;
    color: #0668c1;
    margin: 0;
    padding: 0 0 5px;
}
ul.social-feeds li .specific-feeds-data p{
    font-size: 13px;
    padding: 0;
    margin: 0;
}
ul.dr-list2{
    padding: 0;
    margin: 0;
}
ul.dr-list2 li{
    list-style: none;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d2d3d4;
    display: inline-block;
    width: 100%;
}
ul.dr-list2 li .list-img{
    width: 200px;
    margin-right: 20px;
    float: left;
    border-radius: 10px;
}
ul.dr-list2 li a{
    color: #555;
}
ul.dr-list2 li .list-img img{
    margin-right: 25px;
    border-radius: 5px;
    width: 100%;
}
ul.dr-list2 li .list-data{
    display: flex;
}
ul.dr-list2 li .list-data h4{
    padding: 0;
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: 600;
    color:#367fa9;
}
ul.dr-list2 li .list-data p{
    font-size: 14px;
    color: #d1d2d3;
}
ul.dr-list2 li .list-data span{
    color: #555;
    font-size: 13px;
    font-weight: 400;
}
ul.social-feeds li a{
    color: #555;
}
.user-menu a.login{
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    background: url(../../images/NewDesign/login-icon.png) no-repeat right;
    padding-right: 40px;
    line-height: 40px;
    font-weight: 600;
    margin-right: 20px;
}
.user-menu a.login:hover, .user-menu a.login:focus{
    background-color: transparent;
    color:#0668c1;
}
.modal-backdrop.in {
    z-index: 1;
}
.login-bg{
    background: url(../../images/NewDesign/loginbg.jpg) no-repeat;
    background-size: cover;
    min-height: 650px;
    text-align: center;
    padding: 100px;   
}
.login-bg .close {
    float: right;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    border: none;
    outline: none;
    top: 10px;
    position: absolute;
    right: 20px;
    opacity: inherit;
}
.login-bg .login-box{
    width: 300px;
    margin: 0 auto;
}
.login-bg .logo{
    width: 100%;
    height: 156px;
    text-align: center;
    display: block;
}
.login-box h2{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 10px 0;
    padding: 0px 0;
    display: inline-block;
}
.line{
    position: absolute;
    width: 2px;
    height: 20px;
    background-color: #a2b7cb;
    top: 10px;
    left: 44px;
}
.login-form{
    position: relative;
}
.login-box input[type='text'],
.login-box input[type='password']{
    display: block;
    width: 100%;
    padding: 0.1em 0.5em 1px 0.5em ;
    border: none ;
    border-radius: 0px;
    border-bottom: 2px solid #4aa555;
    outline: none;
    margin: 0px 0 20px 0 ;
    background: none;
    font-size: 14px ;
    box-shadow: none ;
    -webkit-box-shadow: none ;
    color: #000 ;
    font-size: 16px ;
}
.login-btn{
    background: #25aae1;
    font-size: 18px;
    color: #fff;
    width: 100%;
    text-align: center;
    border:none;
    line-height: 40px;

}
.login-box-bottom, .login-box-bottom a{
    padding: 0;
    margin: 0;
    color: #fff;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #87adcf;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #87adcf;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #87adcf;
}
:-moz-placeholder { /* Firefox 18- */
    color: #87adcfs;
}
.login-box-bottom .checkbox label {
    min-height: 15px;
    padding-left: 25px !important;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.login-box-bottom .checkbox,
.login-box-bottom a{
    padding-left: 0;
    margin: 10px 0;
    color: #eff8fc;
    display: inline-block;
}
.login-box-bottom .checkbox label {
    display: inline-block;
    position: relative;
    padding-right: 5px;
}
.login-box-bottom .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left:  0;
    margin-right: -20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
}
.login-box-bottom .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-right: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #fff; }

.checkbox input[type="checkbox"] {
    opacity: 0;
    display: none;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }

.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }

.checkbox.checkbox-circle label::before {
    border-radius: 50%; }

.checkbox.checkbox-inline {
    margin-top: 0; 
}
.product-image{
    background: #fff;
    box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    margin: 10px;
    width: 80%;
}
.link-image-row .bx-wrapper{
    margin: 0 auto;
    position: relative;
    margin-top: -95px;
}
.link-image-row .bx-viewport{
    height: inherit !important;
    text-align: center;
}
.link-image-row .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 45px;
    text-indent: -9999px;
    z-index: 99;
}
.link-image-row .bx-wrapper .bx-prev {
    left: 10px;
    background: #1d405e url(../../images/NewDesign/arrow-point-to-left.png) no-repeat 4px 3px;
}
.link-image-row .bx-wrapper .bx-next {
    right: 10px;
    background:#1d405e url(../../images/NewDesign/arrow-point-to-right.png) no-repeat 4px 3px;
}
.link-image-row .bx-wrapper .bx-next.disabled,
.link-image-row .bx-wrapper .bx-prev.disabled{
    display: none;
}
/*CPP Process ----------------*/
.cpp-box{
    padding: 0px;
    margin: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cpp-box:before{
    width: 100%;
    height: 2px;
    background: #9db9d4;
    content: '';
    float: left;
}
.cpp-box .cpp-box-body, .cpp-box-btn{
    padding: 15px;
}
.cpp-box h2{
    font-size: 15px;
    color: #076fcd;
    padding: 0 0 0 0;
    margin: 0 0 15px 0;
    line-height: 28px;
    display: inline-block;
    font-weight: 600;
}
.cpp-box h2 span{
    margin-top: 5px;
    border: 2px solid #f2850a;
    color: #f2850a;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
}
.cpp-box p{
    color: #a5acb0;
}
.cpp-top-links{
    padding: 0;
    margin: 0;
    float: right;
}

a.cpp-add-item, a.cpp-trash-item{
    background: #46d56a;
    border-radius: 5px;
    font-size: 15px;
    margin-left: 10px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    float: left;
    padding:5px 10px;
}
a.cpp-add-item i, a.cpp-trash-item i{
    padding: 0 5px 0 5px;
}
a.cpp-trash-item{
    background: #ff0000;
}
li.box-item {
    width: inherit !important;
    z-index: 1 !important;
    background: url(../../images/NewDesign/risk-item-icon.png) no-repeat left ;
    font-size:15px;
    color: #a1aaaf;
    margin-bottom: 20px;
    padding: 0 0 0 30px;
    line-height: 25px;
    cursor: move;
    list-style: none;
}
.box-container{
    border:1px solid #f1f0ef;
    padding: 15px;
    border-radius: 5px;
    margin: 20px 0;
}
.input-group {
    position: relative;
    width: 100%;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    left: 10px;
    font-size: 20px;
}
.input-group-btn a .fa-question-circle{
    color: #ff0000;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.risk-assessment-down{
    background: #fafbfd;
    border-radius: 5px;
    border:1px solid #f1f0ef;
    padding: 80px 30px;
    margin: 10px 10px;
}
.rating-bg{
    background: #16395a;
    padding: 20px;
    margin: 0 10px;
    border-radius: 5px;
}
.rating-bg .severity,
.rating-bg .liklihood,
.rating-bg .risk-rating{
    padding: 20px;
    background: #ffb400;
    color: #fff;
    text-align: center;
    font-weight: 600;
    border-radius: 5px;
    margin-right: 20px;
    min-width: 15%;
    float: left;
}
.rating-bg .severity h4,
.rating-bg .liklihood h4,
.rating-bg .risk-rating h4,
.rating-bg .severity p,
.rating-bg .liklihood p,
.rating-bg .risk-rating p{
    color: #fff;
    font-size: 20px;
}
.rating-bg .liklihood{
    background: #3eb15b;
}
.rating-bg .risk-rating{
    background: #ff0000;
}
.rating-bg a.update-rating{
    font-size: 20px;
    text-align: right;
    color: #fff;
    float: right;
    margin: 40px 20px;
    background: url(../../images/NewDesign/update-rating.png) no-repeat left ;
    padding: 5px 0 5px 43px;
}
.risk-evalution{
    background: #16395a;
    padding: 30px;
    margin: 1px;
    display: inline-block;
}
.rate-cell{
    width: 75px;
    float: left;
}
.rate-cell-hr{
    width: 100%;
}
.rate-cell-hr a.cell {
    width: 75px;
    float: left;
    border-bottom: 0;
    border-right: 1px solid #16395a;
}
.rate-cell-text{
    background: #fff;
    width: 83%;
    float: left;
    padding: 10% 8%;
    text-align: center;
    height: 375px;
}
a.cell, .cell-red, .rate-cell-hr a.cell{
    background: #7cbf33;
    height: 75px;
    border-bottom: 1px solid #16395a;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    padding: 5px 10px;
    position: relative;
    display: inherit;
}
.cell-red{
    background: #ff0000 url(../../images/NewDesign/risk-evalution-icon.png) no-repeat 30px 30px;
}
.rate-cell a.cell:first-child { background: #ff9900; }
.rate-cell a.cell:first-child.active:after, .rate-cell a.cell:first-child:hover:after{
    border: 2px solid #ff9900;  
}
.rate-cell a.cell:nth-child(2) { background: #abdb77; }
.rate-cell a.cell:nth-child(2).active:after, .rate-cell a.cell:nth-child(2):hover:after{
    border: 2px solid #abdb77;  
}
.rate-cell a.cell:nth-child(5)
{
    border: 0;
}
.rate-cell-hr a.cell:nth-child(4) { background: #abdb77; }
.rate-cell-hr a.cell:nth-child(4).active:after, .rate-cell-hr a.cell:nth-child(2):hover:after{
    border: 2px solid #abdb77;  
}
.rate-cell-hr a.cell:nth-child(5) { background: #ff9900; }
.rate-cell-hr a.cell:nth-child(5).active:after, .rate-cell-hr a.cell:nth-child(5):hover:after{
    border: 2px solid #ff9900;  
}
a.cell.active:after, a.cell:hover:after,
.rate-cell-hr a.cell.active:after,
.rate-cell-hr a.cell:hover:after{
    background: #7cbf33 url(../../images/NewDesign/reting-icon-hover.png) no-repeat right;
    border-radius: 100%;
    border: 2px solid #7cbf33;
    position: absolute;
    left: 51px;
    top: 10px;
    content: '';
    width: 38px;
    height: 38px;
}
.rate-cell-hr a.cell.active:after,
.rate-cell-hr a.cell:hover:after{
    left: 30px;
    top: -20px;
}
.rate-cell-text h4{
    color: #030303;
    font-weight: 600;
    font-size: 25px;
    margin: 0;
}
.rate-cell-text h5{
    color: #0768c2;
    font-weight: 600;
    font-size: 18px;
    margin: 20px;
}
.rate-cell-text p{
    text-align: left;
    font-size: 18px;
    color: #333;
}
.reting-red, .reting-orange, .reting-green{
    background: #ff0000;
    border-radius: 5px;
    padding: 5px ;
    color: #fff;
    width: 80px;
    text-align: center;
    font-weight: bold;
}
.reting-orange{
    background: #ff9900;
}
.reting-green{
    background: #7cbf33;
}
.media{
    margin: 50px 80px;
}
.media:first-child{
    margin-top: 0px;
}

.media-heading{
    color: #1f82de;
    font-weight: 600;
    font-size: 15px;
}
/* -----------------Intigration Issues Fixing Styles -----------------------*/
.fields-holder .form-control, .fields-holder input[type=file]{
    display: inline-block;
    margin-bottom: 20px;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}
.column-holder {
    margin: 0 auto;
}
#form-column-table .field-column-td ul.column-holder
{
    padding: 0px;
}
.column-holder .form-control, .column-holder input[type=file] {
    margin-bottom: 0px;
}
.column-holder label {
    padding-right: 0px;
    padding-top: 9px;
    /*T20485*/
    text-align: right;
}
.column-holder .radio {
    padding-top: 3px;
}

.column-holder .radio.alternate-radio {
    padding-top: 10px;
}
.column-holder .check-new .checkbox-primary{
    margin-top: 10px;
}
.column-holder .radio label, .column-holder .checkbox label {
    padding-top: 0px;
}
.column-holder .form-group {
    margin-bottom: 8px;
}
.column-holder .fg-text-field.fg-element-input.form-control {
    width: 100%;
}
.sup-error {
    color: #f00;
}
.column-holder .fg-help-icon {
    margin-top: 13px;
    margin-left: 0px;
}
.fg-help-icon {
    margin-top: -10px;
    margin-left: 10px;
}
.fields-holder label{
    display: inline-block;
    font-weight: normal;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    color: #555;
}
.fg-postcode.form-control{
    width: 100px !important;
}

.fg_button.form-btn{
    margin-left: 0 !important;
    margin-top: 5px;
}
#HelpPageDiv{
    max-width: 100% !important;
}
/*Autocomplete*/
ul.ui-autocomplete {
    position: absolute;
    top: 0;
    cursor: default;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden; 
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color: #333 !important;
    font-weight: normal !important;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    color: #555!important;
    font-weight: normal !important;
    font-size: 14px !important;
}
/*Client logo*/
.client-logo-thumb-table {
    border: 1px solid #f1f1f1;
    padding: 10px;
    float: left;
    margin-left: 0 ;
}
.client-logo-thumb-table img {
    max-width: 200px;
    max-height: 85px;
    width: auto;
    height: auto;
}
/*DragDROP*/
#draggablePanelList .panel-heading {
    cursor: move;
}
/*-------------My Account Style---------------*/
.myaccount-header {
    background: url(../../images/NewDesign/my-account-header.png) no-repeat right;
    width: 100%;
    height: 300px;
    background-size:cover;
    text-align: center;
    margin-top: 20px;
}
.myaccount-header .pccslogo{
    margin-top: 20px;
}
.myaccount-header .logo-line{
    border-bottom: 1px solid #83a3ee;
    padding-bottom:20px;
}
ul.myaccount-tabs{
    padding: 0;
    margin: 40px 0;
    text-align: center;
    display: inline-block;
}
ul.myaccount-tabs li{
    list-style: none;
    display: inline-block;     
}
ul.myaccount-tabs li a{
    color:#fff;
    padding: 10px 40px 10px 10px;
    margin: 0 20px;
}
ul.myaccount-tabs li a img{
    padding-right: 10px;
}
ul.myaccount-tabs li a:hover, ul.myaccount-tabs li a:focus, ul.myaccount-tabs li.active a{
    background: #fb803d;
    border-radius: 30px;
    padding: 10px 40px 10px 10px
}
.box-panel-body.minHight{
    min-height: 600px;
}
.myaccount-box{
    padding: 0;
    margin: 0;
    display:inline-block;
}
.myaccount-box .mylt{
    width: 18%;
    float: left;
}
.myaccount-box .myrt{
    width: 82%;
    float: left;
}
.myrt .tab_content{
    padding-top: 0;
}
.myaccount-lt{
    width: 100%;
    padding: 0;
    margin: 0;
}
.myaccount-lt .profile{
    padding: 0;
    margin: 0;
    text-align: center;
}
.myaccount-lt .profile .p-img{
    width: 55%;
    border-radius: 100%;
    margin: 20px;
}
.myaccount-lt .profile h4{
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 15px 0
}
.myaccount-lt .profile .designation{
    background: #32d8e8;
    font-size: 15px;
    color: #fff;
    padding: 2px 20px;
    margin: 0 0 15px 0;
    display: inline-block;
}
.myaccount-lt .profile a.email{
    color: #555;
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
}
.myaccount-lt .profile .last-login{
    color: #a2a6af;
    padding: 5px 0;
}
.myaccount_tabs_wrapper {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: transparent;
    padding-bottom: 30px;
}
ul.myaccount-taps {
    padding: 0
}
ul.myaccount-taps li {
    margin: 0;
    cursor: pointer;
    padding: 15px 0px 15px 15px;
    line-height: 15px;
    list-style: none;
    text-align: left;
    color: #555;
    border-bottom: 1px solid #f1f0ef;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
ul.myaccount-taps li:hover {
    border-right: 10px solid #19cdc7;
    color: #15d3e5;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #f9f9fb;
}
ul.myaccount-taps li.active {
    border-right: 10px solid #19cdc7;
    color: #15d3e5;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #f9f9fb;
}
.myaccount_tab_container{
    border-left: 1px solid #eaeaf1;
    text-align: left;
}
.myaccount-tab-heading {
    display: none;
}
.myaccount_tab_container h2{
    font-size: 18px;
    font-weight: 600;
    color: #0768c2;
    padding: 0 0 10px;
    margin: 0 0 40px;
    border-bottom: 1px solid #f1f0ef
}
.check {
    float: left;
    margin-right: 25px;
}
.check .checkbox label{
    padding-left: 20px;

}
.myaccount-file{
    overflow: hidden;
    position: relative;
    background: #2e9afd;
    padding: 10px;
    border-radius: 5px;
    color:#fff;
    display: inline-block;
    width: 150px;
    text-align: center;
}
.myaccount-file input[type="file"] {
    cursor: pointer;    
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    display: inline-block;
}
.upload-text p.file-text{
    line-height: 20px;
    margin-right: 20px;
}
.upload-pic{
    display: inline;
    margin-right: 20px;
}
.upload-text{
    display: table-cell;
    margin-top: 0;
    padding-left: 25px;
}
.upload-pic img{
    max-width: 200px;
    max-height: 300px;
    width: auto;
    height: auto;
    border:1px solid #ccc;
    padding: 10px;
}
ul.ticket-tabs.nav li{
    float: none;
    width: 100%;
    margin: 0;
    display: block;
} 
ul.ticket-tabs.nav li{
    margin: 0;
}
ul.ticket-tabs.nav li{
    float: none;
}
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown,
ul.ticket-tabs.nav-tabs-dropdown {
    overflow: hidden;
    position: absolute;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-bottom: 20px;
    width: 100% !important;
    background: #fff;
    top: -7px;
    z-index: 1;
}
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown::after,
ul.ticket-tabs.nav-tabs-dropdown::after {
    content: "\f0dd";
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2;
    pointer-events: none;
    font-size: 25px;
    color: #005fbf;
    font-weight: bold;
    font-family: 'FontAwesome';
}
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown.open a,
ul.ticket-tabs.nav-tabs-dropdown.open a {
    position: relative;
    display: block;
    text-align: left;
    border-bottom: 1px solid #005fbf;
}
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown.open > li.active > a,
ul.ticket-tabs.nav-tabs-dropdown.open > li.active > a {
    /*            background-color: #005fbf;
                color: #FFF;
                padding: 10px;*/
}
ul.ticket-tabs .nav-tabs.nav-tabs-dropdown li,
ul.ticket-tabs .nav-tabs-dropdown li {
    display: block;
    padding: 0;
    vertical-align: bottom;
}
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown > li > a,
ul.ticket-tabs.nav-tabs-dropdown > li > a {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-color: transparent;
}
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown > li > a:focus,
ul.ticket-tabs.nav-tabs-dropdown > li > a:focus,
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown > li > a:hover,
ul.ticket-tabs.nav-tabs-dropdown > li > a:hover,
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown > li > a:active,
ul.ticket-tabs.nav-tabs-dropdown > li > a:active {

}
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown > li.active > a,
ul.ticket-tabs.nav-tabs-dropdown > li.active > a {
    display: block;
    border-bottom: 1px solid #005fbf;
    position: relative;
    z-index: 1;
    color: #005fbf;
    font-weight: 600;
}
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:focus,
ul.ticket-tabs.nav-tabs-dropdown > li.active > a:focus,
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:hover,
ul.ticket-tabs.nav-tabs-dropdown > li.active > a:hover,
ul.ticket-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:active,
ul.ticket-tabs.nav-tabs-dropdown > li.active > a:active {
    background: #FFF;
    text-align: left;
    color: #005fbf;
}
ul.ticket-tabs li.active a, ul.ticket-tabs li a:hover{
    background: #fff;
    text-align: left
}
ul.ticket-tabs li a{
    padding: 10px 0px
}
.tab-content.ticket-tabs-content{
    margin-top: 35px;
}
ul.ticket-tabs{
    padding: 0;
    margin: 0;
}
ul.ticket-tabs li{
    list-style: none;
    text-align: center;
    color: #0768c2;
    margin-right: 2px;
    display: inline-block;
}
ul.ticket-tabs,
ul.intranet-tabs{
    padding: 0;
    margin: 0;
}
/*ul.ticket-tabs li,*/
ul.intranet-tabs li{
    list-style: none;
    text-align: center;
    color: #0768c2;
    margin-right: 2px;
    display: inline-block;

}
.my-tab-content,
.forum-tab-content
{
    margin: 0 !important;
}
.forum-tab-content{
    border: 1px solid #f1f1f1;
    padding: 13px 20px;
}
ul.intranet-tabs li a{
    list-style: none;
    float: left;
    border: 1px solid #cb4583;
    background: #ffffff;
    padding: 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #cb4583;
    margin-bottom: -1px;
}
ul.intranet-tabs li a{
    border-radius: 5px;
}
ul.intranet-tabs li.active a,
ul.intranet-tabs li a:hover{
    background: #cb4583;
    color:#fff;
}
.my-tab-content{
    margin: 0 !important;
}
.ticket-status ul{
    padding: 0;
    margin: 0px 0 30px 0;
    display: table;
    width: 100%;
    border:1px solid #f1f0ef;
    border-top:none;
}
.ticket-status ul li{
    list-style: none;
    border-top: 1px solid #f1f0ef;
    padding: 0;
    margin: 0px 0;
    display: table-row;
    width: 100%;
    background: #fafbfe;
}
.ticket-status ul li:last-child{
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    background: #003f79;
    height: 50px;
}
.ticket-status ul li:last-child span{
    line-height: 50px;
}
.ticket-status ul li:first-child{
    border-top: 0;
}
.ticket-status li .status-name{    
    width: 80%;
    padding: 0 0 0 2%;
    font-size: 13px;
    display: table-cell;
    border-top: 1px solid #f1f0ef;
    vertical-align: middle;
}
.ticket-status ul li .status-color-pic:not(.dashboardTotal){
    width: 18%;
    height: 35px;
    margin-right: 10px;
    display: table-cell;
    border-top: 1px solid #f1f0ef;
    color: #fff;
    text-align: center;
    line-height: 35px;
}
.ticket-status ul li .status-value{
    width: 10%;

    display: table-cell;
    border-top: 1px solid #f1f0ef;
    vertical-align: middle;
    text-align: center;
}
.ticket-status ul li .status-value span{
    padding: 10px;
}
.my-statistics-box .tab-content{
    text-align: center;
    height: 400px !important;
}
/*------------ Forum Overview panel Class-------------*/
#overview-panel .modal-dialog.modal-lg .box-panel-shadow .box-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.overview-date a,
.overview-newtopic a,
.overview-topictagged a,
.overview-latestpost a,
.overview-comments a,
.overview-allDocuments a,
.overview-forum a,
.yourpanel a,
.yourpanel.pink-bg a
{
    background: #0182c4;
    border-radius: 8px;
    color: #fff;
    float: left;
    margin-right: 0;
    height: 135px;
    padding: 22px 0 0;
    font-size: 13px;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 10px;
    text-align: left;
    box-shadow: 1px 2px 17px 2px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.knowledge-document-top-md .overview-date a,
.knowledge-document-top-md .overview-allDocuments a,
.knowledge-document-top-md .overview-newtopic a{
    margin-left: 10px;
}
.yourpanel.pink-bg a{
    background: #cc4885;
}
.overview-date span,
.overview-newtopic span,
.overview-topictagged span,
.overview-latestpost span,
.overview-allDocuments span,
.overview-comments span{
    font-size: 20px;
    text-align: left;
    padding: 0 0 0 10px;
}
.overview-date a p,
.overview-newtopic a p,
.overview-topictagged a p,
.overview-latestpost a p,
.overview-comments a p,
.overview-allDocuments a p,
.overview-forum a p{
    margin-top: 10%;
    text-align: left;
    padding: 0 0 0 10px;
}
.overview-date a .top p,
.overview-newtopic a .top p,
.overview-topictagged a .top p,
.overview-latestpost a .top p,
.overview-comments a .top p,
.overview-allDocuments a .top p,
.overview-forum a .top p{
    margin: 5px 0;
}
.overview-date a .top,
.overview-newtopic a .top,
.overview-topictagged a .top,
.overview-latestpost a .top,
.overview-comments a .top,
.overview-allDocuments a .top,
.overview-forum a .top
{
    width: 60px;
    height: 50px;
    background: #ffffff30;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 100%;
    box-shadow: 0 0 5px 0px #0000004f;
}
.overview-date a .top img,
.overview-newtopic a .top img,
.overview-topictagged a .top img,
.overview-latestpost a .top img,
.overview-comments a .top img,
.overview-allDocuments a .top img,
.overview-forum a .top img{
    width: 30px;
    position: absolute;
    top: 8px;
    right: 5px;
}
.my-ticket-status{
    margin-top: 30px;
}
.my-ticket-status-body{
    padding-bottom: 30px;
}
.open-ticket-box1, .open-ticket-box2, .open-ticket-box3, .open-ticket-box4 {
    background: #1883e6;
    width: 25%;
    text-align: center;
    border-bottom: 1px solid #f1f0ef;
    border-right: 1px solid #f1f0ef;
    float: left;
    color: #fff;
}
.open-ticket-box2{
    background: #55acee !important;
}
.open-ticket-box2 .lt{
    background: #55d5ff !important;
}
.open-ticket-box2 .lt:after{
    border-left: 10px solid #55d5ff !important;
}
.open-ticket-box3{
    background: #ffa800 !important;
}
.open-ticket-box3 .lt{
    background: #fcb731 !important;
}
.open-ticket-box3 .lt:after{
    border-left: 10px solid #fcb731 !important;
}
.open-ticket-box4{
    background: #ea423f !important;
}
.open-ticket-box4 .lt{
    background: #d63636 !important;
}
.open-ticket-box4 .lt:after{
    border-left: 10px solid #d63636 !important;
}
.open-ticket-box1 .lt, .open-ticket-box2 .lt, .open-ticket-box3 .lt, .open-ticket-box4 .lt{
    background: #1672c8;
    font-size: 15px;
    font-weight: 400;
    float: left;
    width: 50%;
    height: 80px;
    padding: 15px 0;
    position: relative;
}
.open-ticket-box1 .lt:after, .open-ticket-box2 .lt:after, .open-ticket-box3 .lt:after, .open-ticket-box4 .lt:after{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 10px solid #1672c8;
    position: absolute;
    right: -10px;
    top: 0px;
}
.open-ticket-box1 .lt p, .open-ticket-box2 .lt p, .open-ticket-box3 .lt p, .open-ticket-box4 .lt p{
    padding: 0;
    margin: 0;
}
.open-ticket-box1 .rt, .open-ticket-box2 .rt, .open-ticket-box3 .rt, .open-ticket-box4 .rt{
    float: left;
    width: 50%;
    height: 80px;
    font-size: 25px;
    font-weight: 600;
    line-height: 80px
}
/*MyTeam Tab*/
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    margin-bottom: 40px;
}
.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    border: 1px solid #efefef;
}
.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    width: 100%;
}
.hovereffect:hover img {
    /*filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');*/
    filter: grayscale(1) ;
    -webkit-filter: grayscale(1);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    background: #000;
}
.hovereffect h2 {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    font-size: 17px;
    padding: 10px 10px 5px;
    background: rgba(0, 0, 0, 0.6);
    bottom: -9px;
    border: 0;
}
.hovereffect p.desig {
    text-decoration: none;
    padding: 0px 14px 10px;
    margin: 50px 0 0 0;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0px;
    width: 100%
}
.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    border: 1px solid #fff;
    margin: 50px 0 0 0;
    background-color: transparent;
}
.hovereffect a.info, .hovereffect h2, .hovereffect p.desig {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}
.hovereffect p.desig {
    font-weight: 400;
}
.hovereffect:hover a.info, .hovereffect:hover h2, .hovereffect:hover p.desig {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.status-text {
    position: absolute;
    top: 17%;
    left: 30%;
}
/* OUR TEAM */
h2.ourteam-title{
    background: #eff0f2;
    padding: 10px;
    color: #2c211f;
    font-size: 18px;
    margin: 0 0 30px 0;
}
.ourteam-body{
    margin: 0 10% 30px;
}
.ourteam-body .hovereffect h2 {
    width: 100%;
    text-transform: capitalize;
    text-align: center;
    position: absolute;
    font-size: 17px;
    padding: 10px 10px 10px;
    background: rgba(0, 0, 0, 0.6);
    bottom: -5px;
    border: 0;
}
/*Google Analytics*/
#chart_wrap {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow:hidden;
    width: 80%;
}
#chart_pie {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:40%;
}
#column_chart_wrap {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow:hidden;
    width: 100%;
}
#stacked-column-chart {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:40%;
}
.chart_wrap_new {
    position: relative;
    padding-bottom: 60%;
    height: auto;
    max-width: 500px;
}
#piechart,
#piechart2,
#piechart3,
#piechart4,
#statistic-piechart{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}
.chart_wrap_new_text {
    position: absolute;
    top: 50%;
    left: 34%;
    color:#555;
}
#chart_wrap_home{
    position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow:hidden;
    width: 50%;
}
.status-text-home {
    position: absolute;
    top: 50%;
    left: 34%;
    width: 80px;
    text-align: center;
}
/*Time Picker Styles*/
.ui-timepicker-inline { display: inline; }
#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; font-family: 'Lato'; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }
.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table .ui-timepicker-title.ui-widget-header{
    background: #cc4885;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 0;
}
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { 
    padding: 10px;
    background: #4f5659;
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #d6ddef;
}
/* span for disabled cells */
.ui-timepicker-table td span {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display: inline-block;
    padding: 2px !important;
    width: 23px !important;
    cursor: pointer;
    text-align: left !important;
    text-decoration: none;
    font-size: 12px;
    font-family: 'Lato';
    border: none !important;
}
.ui-timepicker-table td a:hover{
    border: 1px solid #b7c7ec;
    font-weight: bold;
    color: #eb8f00;
    background: #c5d6ff;
    border-radius: 3px;
}
/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }
/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }
/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }
.ui-timepicker-table.ui-widget-content{
    background-color: #fff;
    background-image: none;
    direction: ltr;
    font-size: 12px;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    border: 1px solid #ccc;
    border-top: 1px solid #386be7;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1;
}
.ui-timepicker-table.ui-widget-content .ui-state-active,
.ui-timepicker-table.ui-widget-content .ui-widget-content .ui-state-active,
.ui-timepicker-table.ui-widget-content .ui-widget-header .ui-state-active {
    border: 1px solid #b7c7ec;
    font-weight: bold;
    color: #eb8f00;
    background: #4aa85182;
}
.homeDashBoardPanelForm
{
    width: 96%; margin: 0px auto;
}
.homeDashBoardPanelForm .homeDashBoardPanel
{
    width: 100%; margin: 20px auto;
}
/*--------------Site Map-----------------*/
.sitemap{
    padding:20px 0;
    margin: 0; 
}
.sitemap-list,
.sitemap-listCati,
.sitemap-list-red,
.sitemap-list-green,
.sitemap-list-orange,
.sitemap-list-blackgray,
.sitemap-list-yellow,
.sub-list,
.sub-list-red,
.sub-list-green,
.sub-list-blackgray,
.sub-list-yellow,
.sub-list-orange,
.sitemap-list-mo-blue,
.sitemap-list-mo-pink,
.sitemap-list-mo-grey {
    padding: 0;
    margin: 0 0 20px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #ecf0f5;
    list-style: none;
    position: relative;
    width: 100%;
    display: inline-block;
    cursor: pointer;
}
.sitemap-list:before,
.sitemap-list-red:before,
.sitemap-list-green:before,
.sitemap-list-blackgray:before,
.sitemap-list-yellow:before,
.sitemap-list-orange:before,
.sitemap-list-mo-blue:before,
.sitemap-list-mo-pink:before,
.sitemap-list-mo-grey:before{
    content: '';
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 5px;
    background: #288deb;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
.sitemap-list .icon,
.sitemap-list-red .icon,
.sitemap-list-green .icon,
.sitemap-list-blackgray .icon,
.sitemap-list-yellow .icon,
.sitemap-list-orange .icon,
.sitemap-list-mo-blue .icon,
.sitemap-list-mo-pink .icon,
.sitemap-list-mo-grey .icon{
    background: #288deb;
    float: left;
    width: 100px;
    height: 150px;
    position: relative;
    padding: 35px 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.sitemap-list .icon img,
.sitemap-list-red .icon img,
.sitemap-list-green .icon img,
.sitemap-list-blackgray .icon img,
.sitemap-list-yellow .icon img,
.sitemap-list-orange .icon img,
.sitemap-list-mo-blue .icon img,
.sitemap-list-mo-pink .icon img,
.sitemap-list-mo-grey .icon img{
    border-radius: 100%;
}
.sitemap-list .icon:after,
.sitemap-list-red .icon:after,
.sitemap-list-green .icon:after,
.sitemap-list-blackgray .icon:after,
.sitemap-list-yellow .icon:after,
.sitemap-list-orange .icon:after,
.sitemap-list-mo-blue .icon:after,
.sitemap-list-mo-pink .icon:after,
.sitemap-list-mo-grey .icon:after{
    border-top: 150px solid #288deb;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    content: '';
    position: absolute;
    right: -39px;
    top: 0;
}
.sitemap-list .data,
.sitemap-listCati .data{
    margin: 15px 0 15px 45px;
    float: left;
    width: 60%;
    font-size: 14px;
    line-height:18px;
}
.sitemap-list .data h4,
.sitemap-list-red .data h4,
.sitemap-list-green .data h4,
.sitemap-list-blackgray .data h4,
.sitemap-list-yellow .data h4,
.sitemap-list-orange .data h4,
.sub-list .data h4,
.sub-list-red .data h4,
.sub-list-green .data h4,
.sub-list-orange .data h4,
.sitemap-list-mo-blue .data h4,
.sitemap-list-mo-pink .data h4,
.sitemap-list-mo-grey .data h4{
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 16px;
    color: #288deb;
    font-weight: 600;
}
.sitemap-list .data p,
.sub-list .data p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.sitemap-list a.view, 
.sitemap-list-orange a.view,
.sitemap-listCati a.view,
.sitemap-list-mo-blue a.view,
.sitemap-list-mo-pink a.view,
.sitemap-list-mo-grey a.view{
    border: 1px solid #288deb;
    border-radius: 30px;
    padding: 2px 20px;
    color: #288deb;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.kbe_articles a.view, 
.kbe_articles .panel-heading a.view,
.doc-repository-tab-container .secArtData a.view
{
    border: 1px solid #288deb;
    border-radius: 5px;
    padding: 9px 15px;
    color: #288deb;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Lato';
    margin-left: 30px;
    display: inline-block;
}
.sitemap-list a.view:hover,
.sitemap-list.sitemap-active a.view{
    background: #288deb;
    color: #fff;
}
.sitemap-list:hover,
.sitemap-list.sitemap-active{
    background: #f7f8f8;
    border:1px solid #288deb;
}
.sitemap-list-red:hover,
.sitemap-list-red.sitemap-active{
    background: #f7f8f8;
    border:1px solid #ea423f;
}
.sitemap-list-red:before,
.sitemap-list-red .icon{
    background: #ea423f;
}
.sitemap-list-red .icon:after{
    border-top: 150px solid #ea423f;
}
.sitemap-list-red .data h4,
.sub-list-red .data h4,
.sitemap-list-red a.view{
    color: #ea423f;
}
.sitemap-list-red a.view{
    border: 1px solid #ea423f;
}
.sitemap-list-red a.view:hover,
.sitemap-list-red.sitemap-active a.view{
    background: #ea423f;
    color: #fff;
}
.sitemap-list-green:hover,
.sitemap-list-green.sitemap-active{
    background: #f7f8f8;
    border:1px solid #54cc72;
}
.sitemap-list-green:before,
.sitemap-list-green .icon{
    background: #00a853;
}
.sitemap-list-green .icon:after{
    border-top: 150px solid #00a853;
}
.sitemap-list-green .data h4,
.sub-list-green .data h4,
.sitemap-list-green a.view{
    color: #00a853;
}
.sitemap-list-green a.view{
    border: 1px solid #00a853;
}
.sitemap-list-green a.view:hover,
.sitemap-list-green.sitemap-active a.view{
    background: #54cc72;
    color: #fff;
}
.sitemap-list-blackgray:hover,
.sitemap-list-blackgray.sitemap-active{
    background: #f7f8f8;
    border:1px solid #4e5858;
}
.sitemap-list-blackgray:before,
.sitemap-list-blackgray .icon{
    background: #62656a;
}
.sitemap-list-blackgray .icon:after{
    border-top: 150px solid #62656a;
}
.sitemap-list-blackgray .data h4,
.sub-list-blackgray .data h4,
.sitemap-list-blackgray a.view{
    color: #62656a;
}
.sitemap-list-blackgray a.view{
    border: 1px solid #62656a;
}
.sitemap-list-blackgray a.view:hover,
.sitemap-list-blackgray.sitemap-active a.view{
    background: #62656a;
    color: #fff;
}
.sitemap-list-yellow:hover,
.sitemap-list-yellow.sitemap-active{
    background: #f7f8f8;
    border:1px solid #cad509;
}

.sitemap-list-yellow:before,
.sitemap-list-yellow .icon{
    background: #cad509;
}
.sitemap-list-yellow .icon:after{
    border-top: 150px solid #cad509;
}
.sitemap-list-yellow .data h4,
.sub-list-yellow .data h4,
.sitemap-list-yellow a.view{
    color: #cad509;
}
.sitemap-list-yellow a.view{
    border: 1px solid #cad509;
}
.sitemap-list-yellow a.view:hover,
.sitemap-list-yellow.sitemap-active a.view{
    background: #cad509;
    color: #fff;
}
.sitemap-list-orange:hover,
.sitemap-list-orange.sitemap-active,
.sitemap-list-mo-blue:hover,
.sitemap-list-mo-pink:hover,
.sitemap-list-mo-grey:hover{
    background: #f7f8f8;
    border:1px solid #f3803b;
}
.sitemap-list-orange:before,
.sitemap-list-orange .icon{
    background: #f3803b;
}
.sitemap-list-orange .icon:after{
    border-top: 150px solid #f3803b;
}
.sitemap-list-orange .data h4,
.sub-list-orange .data h4,
.sitemap-list-orange a.view{
    color: #f3803b;
}
.sitemap-list-orange a.view{
    border: 1px solid #f3803b;
}
.sitemap-list-orange a.view:hover,
.sitemap-list-orange.sitemap-active a.view{
    background: #f3803b;
    color: #fff;
}
.sub-sitemap-list{
    display: none;
}
.sub-list .icon,
.sub-list-red .icon,
.sub-list-green .icon,
.sub-list-orange .icon{
    background: #288deb;
    float: left;
    width: 60px;
    padding: 5px;
    border-radius: 100%;
    margin: 20px;
}
.sub-list .data{
    margin: 15px 0 15px 0px;
}
.sub-list:before,
.sub-list-red:before,
.sub-list-green:before,
.sub-list-orange:before
{
    content: '';
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 5px;
    height: 100%;
    background: #288deb;
    position: absolute;
    top: 0;
    left: 0;
}
.sub-list-red:before,
.sub-list-red .icon{
    background: #ea423f;
}
.sub-list-green:before,
.sub-list-green .icon{
    background: #54cc72;
}
.sub-list-orange:before,
.sub-list-orange .icon{
    background: #f3803b;
}
.sub-list:hover{
    background: #f7f8f8;
    border:1px solid #288deb;
}
.sub-list-red:hover{
    background: #f7f8f8;
    border:1px solid #ea423f;
}
.sub-list-green:hover{
    background: #f7f8f8;
    border:1px solid #54cc72;
}
.sub-list-orange:hover{
    background: #f7f8f8;
    border:1px solid #f3803b;
}
.sitemap-tag{
    position: absolute;
    right: -5px;
    top: -4px;
}
.sitemap-tag-new{
    position: absolute;
    right: 10px;
    top: -5px;
}
.sitemap-search{
    float: right;
}
.knowledge-document .sitemap-search{
    float: left;
    width: 100%; 
}
.sitemap-search input[type="text"]{
    outline: none;
    border: 1px solid #c1c1c1;
    border-radius: 50px;
    padding: 5px 45px 5px 15px;
    /*background:url(../../images/NewDesign/sitemap/sitemap_search_icon.png) right no-repeat; */
}
.sitemap-search {
    position:relative;
}
#sys_admin_search_icon {
    position:absolute;
    right: 0.5em;
    font-size: x-large;
    color: #6699ff;
}
.filtsearch .sitemap-search input[type="text"]{
    margin-left: -93px;
}
.sitemap-search a{
    width: auto;
    text-align: right;
    color: #ffffff !important;
    margin: 0 !important;
    float: right;
    background: #f00;
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 35px;
    font-weight: bold;
}
.smDsLabel {
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    padding: 4px 10px;
    color: #fff;
    background-color: #000;
    border-bottom-left-radius: 5px;
    width: 100px;
}
.smDsLabel:after {
    border-top: 26px solid #000000;
    border-left: 0px solid transparent;
    border-right: 7px solid transparent;
    content: '';
    position: absolute;
    top: 0;
    right: -6px;
}
/*-------------Job Booking-------------------*/
.content1150{
    max-width: 1150px;
}
.content1050{
    max-width: 1050px;
}
.icon-lg,
.down-link i{
    font-size: 22px;
    font-weight: 300;
    margin-left: 10px;
}
.col-md-offset-2 .form-submit-btn{
    margin-left: 15px;
}
.column label{
    padding-right: 0;
    text-align: right;
}
.column label.myaccount-file{
    text-align: left;
}
.column .box-panel-shadow{
    margin-top: 0;
}
.column .box-panel-body{
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.column .box-panel-body{
    position: relative;
}
.column .close_icon{
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 811;
}
.draganddrop_icon{
    top: 45%;
    position: absolute;
    left: 5px;
    cursor: move;
}
.column-right {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0;
    min-height: 100%;
    width: 20px;
    z-index: 810;
    background-color: #f9fafa;
    border-bottom-right-radius: 8px;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    margin-right:-4px;
    text-align: right;
    vertical-align: middle;
}
.filter-holder .checkbox-holder {
    margin-left: 10px;
}
.process-btn a {
    padding: 5px 25px;
    color: #fff;
    background: #0aa20d;
    border-radius: 3px;
    margin: 20px auto 0;
    text-align: center;
    display: table;
}
.modal-content{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.modal-content .box-panel-shadow .box-panel-body{
    padding: 30px;
}

.box-header .close {
    float: right;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: #FFF;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=100);
    opacity: inherit;
}

/*---------------- Intranet Forum --------------*/
ul.forum-list{
    padding: 0;
    margin: 0;
}
ul.forum-list li{
    list-style: none;
    margin-bottom: 15px;
}

ul.forum-list li:nth-child(odd) a.f-list {
    border-left: 10px solid #1686b0;
}

ul.forum-list li:nth-child(even)  a.f-list{
    border-left: 10px solid #1cb7eb;
}

ul.forum-list li a.f-list{
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 15px 0;
    display: block;
    margin-left: 40px;
}

ul.forum-list li .dot-medium,
ul.forum-list li .dot-urgent,
ul.forum-list li .dot-low{
    width: 30px;
    height: 30px;
    background: #fde22e;
    border-radius: 100%;
    float: left;
    margin-top: 40px;
}
ul.forum-list li .dot-urgent{
    background:#fd2e2e !important; 
}
ul.forum-list li .dot-low{
    background:#2e9afd !important; 
}

ul.forum-list li a.f-list p{
    padding: 0 0 0 15px;
    color: #555;
    margin: 0 30% 10px 0;
}
ul.forum-list li a.f-list .title{
    color: #1277d6;
    font-weight: 600;    
    font-size: 17px;
}

ul.forum-list li a.f-list .u-name{
    color: #1277d6;
    font-weight: 600;    
    font-style: italic;
}

ul.forum-list li a.f-list .time{
    color: #bbbbbb;

}
ul.forum-list li a.f-list .time span{
    color: #1277d6;
}

ul.forum-list li a.f-list .link-btn{
    background: #2e9afd;
    padding: 10px 20px;
    color: #fff;
    float: right;
    width: 150px;
    margin-top: -70px;
    border-radius: 8px;
    margin-right: 20px;
    text-align: center;
}
ul.forum-list li a.f-list:hover{
    background: #f4f4f4;
    box-shadow: none;
}

ul.forum-list li a.f-list:hover .link-btn{
    background: transparent;
    border: 1px solid #2e9afd;
    color: #2e9afd;
}


/*-------------Fourm Update Post-------------------*/

.forum-top-bg1{

    width: 100%;
    height:500px;
    margin-top: 50px;

}
.news-top-bg{
    background:#16395a;
    width: 100%;
    margin-top: 50px;
    padding: 30px 8%;

}

.news-top-bg .pic{
    width: 100%;
    height:255px;
    margin: 0 auto;
}
.forum-top-bg {
    margin-top: -510px;
}

.forum-top-bg a.search-bg-icon{
    background: #42a64d  url(../../images/NewDesign/Intuitive-Search-icon.png) no-repeat 40px 10px;
    width: 35px;
    height: 35px;
    padding: 29px 60px;
    text-align: center;
    display: inline;
    border-radius: 5px;
    position: absolute;
    height: 60px;
    left: 14px;
}

.forum-top-bg .search-bg-icon-input{
    border: 0;
    font-size: 20px;
    color: #555;
    padding: 20px 0 20px 130px;
    width: 100%;
    outline: none;
    height: 60px;
    margin-left: 0;
    font-weight: 400;
    border-radius: 5px;
}


a.createpost{
    background: #ffc208 url(../../images/NewDesign/create-post.png) no-repeat 20px 15px;
    padding: 18px 20px 18px 70px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 600;
    border-radius: 5px;
    display: block;
    font-size: 18px;
}


ul.forum-tags{
    padding: 0;
    margin: 0 0 20px 0;
    display: inline-block;
}

ul.forum-tags li{
    padding: 0 15px 0 0;
    margin: 0;
    list-style: none;
    display: inline-block;

}

ul.forum-tags li a{
    background: #cb4583;
    padding: 10px;
    margin-left: 25px;
    position: relative;
    display: inline-block;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #cb4583;
    color: #fff;
}

ul.forum-tags li a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    border-right: 20px solid #cb4583;
    position: absolute;
    left: -21px;
    top: -1px;
}

ul.forum-tags li a span{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    float: left;
    position: absolute;
    top: 15px;
    left: -10px;
    z-index: 1;
    border:1px solid #cb4583;
}




ul.forum-tags li a:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    border-right: 20px solid #cb4583;
    position: absolute;
    left: -21px;
    top: -1px;

}


ul.forum-tags li a:hover{
    border:1px solid #cb4583;
    background: transparent;
    color: #cb4583;
}
ul.forum-tags li a:hover:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    border-right: 20px solid #FFF;
    position: absolute;
    left: -20px;
    top: -1px;
}

ul.forum-tags li a:hover span{
    background-color: #fff;
    border:1px solid #cb4583;
}

/*Forum Post Tabs*/

ul.forum-post-tabs {
    background: #fff;
    margin-top: 20px;
}

ul.forum-post-tabs.nav li{
    float: left;   
    margin: 0 3px 0 0;
    color: #545555;

}
ul.forum-post-tabs.nav li a{
    color: #555;
    position: relative;
    text-transform: uppercase;
    padding: 15px;
    font-weight: 600;
}
ul.forum-post-tabs.nav li.active a,
ul.forum-post-tabs.nav li a:hover{
    color: #cb4583;
    background: transparent;
}
ul.forum-post-tabs.nav li a:after{
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #cb4583;
    transition: width .3s;
    position: absolute;
    bottom: 0;
    left: 0;
}
ul.forum-post-tabs.nav li a:hover::after,
ul.forum-post-tabs.nav li.active a:after {
    width: 100%;

}

.forum-post-tabs-content.tab-content{
    background: #fff;
    color: #545555;
    margin:0;
    padding:0px 0px 15px;
}

.forum-post-tabs-content.tab-content .tab-pane p{

}

ul.forum-post-list{
    padding: 0;
    margin: 0;
}

ul.forum-post-list li{
    list-style: none;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 15px 20px 15px 30px;
    display: flex;
    border-left: 15px solid #1277d6;
    position: relative;
    color:#a5a5a5;
    margin-bottom: 20px;

}

ul.forum-post-list li:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #1277d6;
    position: absolute;
    left: 0;
    top: 43%;
}

ul.forum-post-list li:hover{
    background: #f8f8f8;
    cursor: pointer;

}

ul.forum-post-list li:hover .view-details-col .viewdetails a{
    background: transparent;
    border:1px solid #2e9afd;
    color: #2e9afd;
}

ul.forum-post-list li.medium{
    border-left: 15px solid #ffcc00;
}

ul.forum-post-list li.medium:before {
    border-left: 15px solid #ffcc00;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

ul.forum-post-list li.medium .title-col h2{
    color: #ffcc00;
}

ul.forum-post-list li.medium .title-col h2 span{
    background: #ffcc00;
    color: #fff;
}

ul.forum-post-list li.urgent{
    border-left: 15px solid #ff0c00;
}

ul.forum-post-list li.urgent:before {
    border-left: 15px solid #ff0c00;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

ul.forum-post-list li.urgent .title-col h2{
    color: #ff0c00;
}

ul.forum-post-list li.urgent .title-col h2 span{
    background: #ff0c00;
    color: #fff;
}




ul.forum-post-list li .title-col{
    width: 60%;
    float: left;
}

ul.forum-post-list li .title-col h2{
    color: #1277d6;
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 18px
}

ul.forum-post-list li .title-col h2 span{
    background: #1277d6;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 5px;
    margin-left: 10px;
}


ul.forum-post-list li .title-col .caption{
    color: #fff;
    font-size: 15px;
    padding: 10px 0;
    margin: 0;
    color: #000;
}

ul.forum-post-list li .title-col .caption:before{
    width: 20px;
    height: 2px;
    background: #c6c6c6;
    content: '';
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

ul.forum-post-list li .title-col p{
    padding: 0;
    margin: 0;
}

ul.forum-post-list li .title-col .post-text{
    padding: 0;
    margin: 0;
    white-space: nowrap; 
    width: 70%; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

ul.forum-post-list li .title-col .post-name{
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;

}

ul.forum-post-list li .title-col .post-name span{
    font-style:italic;
    color:#1277d6;
}

ul.forum-post-list li .title-col .post-time{
    font-size: 14px;
}
ul.forum-post-list li .title-col .post-time span{
    font-size: 14px;
    color: #1277d6;
}



ul.forum-post-list li .post-no-col{
    width: 10%;
    float: left;
}

ul.forum-post-list li .post-no-col h2, ul.forum-post-list li .tagged-user-col h2{
    font-size: 18px;
    padding: 0;
    margin: 0;
    font-weight: 500;

}

ul.forum-post-list li .post-no-col .post-value{
    font-size: 25px;
    color: #1277d6;
    padding: 5px 0;
    margin: 0;
    font-weight: 600;
}


ul.forum-post-list li .tagged-user-col{
    width: 20%;
    float: left;
}

ul.forum-post-list li .tagged-user-col .post-users img{
    width: 40px;
    height: 40px;
    margin: 10px 5px 0 0;
    border:1px solid #ccc;
    border-radius: 100%;
}

ul.forum-post-list li .view-details-col{
    width: 10%;
    float: left;
}
ul.forum-post-list li .view-details-col .view-images,
ul.forum-post-list li .view-details-col p.viewdetails{
    display: flex;

}
ul.forum-post-list li .view-details-col .view-images a{
    background-color: #f6f6f6;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin: 10px 30px 10px 0;
    float: left;
    position: relative;
}
ul.forum-post-list li .view-details-col .view-images a .badge{
    position: absolute;
    right: -10px;
    top: -10px;
    background: #2e9afd;
    color: #fff;
}

ul.forum-post-list li .view-details-col .viewdetails a{
    background: #2e9afd;
    color: #fff;
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: 600;
}
.forum-top-header{
    padding: 0px 10px 0px 10px;
    margin: 0;
}



.content-m20{
    padding: 0px 5% ;
    margin: 0;
    text-align: justify;
}

.forum-title{
    padding: 0;
    margin: 0;
    float: left;
}

.forum-title h2{
    padding: 0;
    margin: 0;
    font-size: 25px;
    color: #ffde01;
    font-weight: 600;
}

.forum-title h2 .medium,.forum-title h2 .urgent,.forum-title h2 .low{
    background: #ffcc00;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-left: 20px;
    font-size: 12px;
}
.forum-title h2 .urgent{
    background: #ff0c00;
}
.forum-title h2 .low{
    background: #1277d6;
}
.forum-title .caption{
    color: #999;
    font-size: 15px;
    padding: 15px 0;
    margin: 0;
}

.forum-title .caption:before{
    width: 20px;
    height: 2px;
    background: #999;
    content: '';
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.forum-user-top{
    float: right;

}

.forum-user-top.user-menu .user-image, .proflile-img {
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}

.forum-user-top.user-menu .post-name{
    color: #333333;
    font-weight: 500;
}

.forum-user-top.user-menu .post-name span{
    display: block;
    margin: 5px 0;
    font-weight: 400;
}

.forum-user-top.user-menu .post-time{
    font-size: 14px;
    color: #333333;
}

.forum-post-pagenation{
    text-align: right;
}

.forum-post-pagenation a{
    background: #1277d6;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.forum-post-pagenation a:hover{
    background: #f1f1f1;
    color: #555;
}

.forum-post-pagenation a.disabled{
    background: #f1f1f1;
    color: #555;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: default;
}
.forum-post-pagenation a.current{
    background: #2e9afd;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.forum-top-header a.preview-btns,
.forum-top-header a.next-btns{
    background: #cc558b;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #cc558b;
    padding: 5px 10px;
    margin: 0px 0px 15px 0;
    display: block;
    font-size: 13px;
    font-weight: 600;

}
.forum-top-header a.preview-btns:before{
    content: '\f060';
    font-size: 15px;
    font-family: 'FontAwesome';
    margin-right:5px;
}
.forum-top-header a.next-btns:after{
    content: '\f061';
    font-size: 15px;
    font-family: 'FontAwesome';
    margin-left:5px;
}

/* -------------- Create Forum Post ---------------------- */

.form-inline.forum-field .form-control{
    width: 30%;
    display: inline-block;
    margin-right:20px;
    margin-bottom: 20px;
}

.form-inline.forum-field select.form-control{
    width: 20%;
}
.forum-top-header p{
    margin: 0;
    padding: 0;

}
.forum-top-header p .form-control{
    margin-bottom: 0 !important;
}

.createtag-box{
    padding: 0;
    margin: 0;
}
.createtag-box .form-control{
    width: 180px;
    display: inline;
}
.createtag-box a.createpost-btn{
    /*  background: #1277d6;
        border: 1px solid #90c6f9;*/
    background: #cb4583;
    border: 1px solid #ef71ab;
    color: #fff;
    padding: 9px 15px;
    border-radius: 5px;
    margin-left: 20px;
}

ul#forum-create-tag{
    padding: 0;
    margin: 20px 0 20px 0;
    display: inline-block;
}

ul#forum-create-tag li{
    padding: 0 ;
    margin: 0;
    list-style: none;
    display: inline-block;

}

ul#forum-create-tag li.forum-add-tag{
    background: #fff5fa;
    padding: 10px 50px 10px 10px;
    margin: 0 20px 20px;
    position: relative;
    display: inline-block;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #cb4583;
    color: #cb4583;
    border-left: 0;
}

ul#forum-create-tag li.forum-add-tag:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    border-right: 20px solid #cb4583;
    position: absolute;
    left: -20px;
    top: -1px;
}

ul#forum-create-tag li.forum-add-tag:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    border-right: 20px solid #fff5fa;
    position: absolute;
    left: -19px;
    top: -1px;

}



ul#forum-create-tag li input[type=submit]{
    background: url(../../images/NewDesign/menuicons/forummenu/edit_icon.png) no-repeat;
    position: absolute;
    right: 4px;
    top: 2px;
    border: none;
    width: 22px;
}
.modal-dialog.modal-lg .box-panel-shadow .box-header{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#viewform .modal-content{
    border-radius: 0 !important;
}


/*---------- Document Repository -----------------*/
.doc-top{
    padding: 0;
    clear: both;
    margin-bottom: 20px;
}

.doc-top .lt{
    float: left;
}

.doc-top .lt select{
    width: 200px;
}

.doc-top .rt{
    float: right;
}

.push-site-nav ul.doc-repository {
    width: 100%;
    margin-top: 95px;
    padding: 0;
}


ul.doc-repository {
    padding: 0;
    margin: 0;
}
.push-site-nav ul.doc-repository li {
    position: relative;
    text-transform: capitalize;
}
.doc-repository-tab-container {
    border-left: 1px solid #eaeaf1;
    text-align: left;
    padding-left: 20px;
    min-height: 150px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 20;
    text-align: left;
    background: white;
    min-height: 1200px !important;
    width: 100%;
}

ul.doc-repository li,
ul.doc-repository li.CatiYellow,
ul.doc-repository li.CatiGray,
ul.doc-repository li.red,
ul.doc-repository li.green,
ul.doc-repository li.orange,
ul.doc-repository li.blackgray,
ul.doc-repository li.yellow,
ul.doc-repository li.new-documents,
ul.doc-repository li.revisions,
ul.doc-repository li.removed
{
    padding: 0;
    margin: 0 0 10px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ecf0f5;
    list-style: none;
    position: relative;
    width: 100%;
    cursor: pointer;
    float: left;
}
ul.doc-repository li:before,
ul.doc-repository li.CatiYellow:before,
ul.doc-repository li.CatiGray:before,
ul.doc-repository li.red:before,
ul.doc-repository li.green:before,
ul.doc-repository li.orange:before,
ul.doc-repository li.blackgray:before,
ul.doc-repository li.yellow:before,
ul.doc-repository li.new-documents:before,
ul.doc-repository li.revisions:before,
ul.doc-repository li.removed:before,
.doc-repository-tab-container .doc-repository-tab-heading:before,
.doc-repository-tab-container .doc-repository-tab-heading.CatiYellow:before,
.doc-repository-tab-container .doc-repository-tab-heading.CatiGray:before,
.doc-repository-tab-container .doc-repository-tab-heading.red:before,
.doc-repository-tab-container .doc-repository-tab-heading.green:before,
.doc-repository-tab-container .doc-repository-tab-heading.orange:before,
.doc-repository-tab-container .doc-repository-tab-heading.blackgray:before,
.doc-repository-tab-container .doc-repository-tab-heading.yellow:before,
.doc-repository-tab-container .doc-repository-tab-heading.new-documents:before,
.doc-repository-tab-container .doc-repository-tab-heading.revisions:before,
.doc-repository-tab-container .doc-repository-tab-heading.removed:before,
.push-site-nav ul.doc-repository li:hover:before .icon{
    content: '';
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 5px;
    background: #288deb;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
ul.doc-repository li .icon,
ul.doc-repository li.CatiYellow .icon,
ul.doc-repository li.CatiGray .icon,
ul.doc-repository li.red .icon,
ul.doc-repository li.green .icon,
ul.doc-repository li.orange .icon,
ul.doc-repository li.blackgray .icon,
ul.doc-repository li.yellow .icon,
ul.doc-repository li.new-documents .icon,
ul.doc-repository li.revisions .icon,
ul.doc-repository li.removed .icon,
.doc-repository-tab-container .doc-repository-tab-heading .icon,
.doc-repository-tab-container .doc-repository-tab-heading.CatiYellow .icon,
.doc-repository-tab-container .doc-repository-tab-heading.CatiGray .icon,
.doc-repository-tab-container .doc-repository-tab-heading.red .icon,
.doc-repository-tab-container .doc-repository-tab-heading.green .icon,
.doc-repository-tab-container .doc-repository-tab-heading.orange .icon,
.doc-repository-tab-container .doc-repository-tab-heading.blackgray .icon,
.doc-repository-tab-container .doc-repository-tab-heading.yellow .icon,
.doc-repository-tab-container .doc-repository-tab-heading.new-documents .icon,
.doc-repository-tab-container .doc-repository-tab-heading.revisions .icon,
.doc-repository-tab-container .doc-repository-tab-heading.removed .icon{
    background: #288deb;
    float: left;
    width: 55px;
    height: 50px;
    position: relative;
    padding: 6px 14px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    z-index: 12;
}


ul.doc-repository li .icon:after,
ul.doc-repository li.CatiYellow .icon:after,
ul.doc-repository li.CatiGray .icon:after,
ul.doc-repository li.red .icon:after,
ul.doc-repository li.green .icon:after,
ul.doc-repository li.orange .icon:after,
ul.doc-repository li.blackgray .icon:after,
ul.doc-repository li.yellow .icon:after,
ul.doc-repository li.new-documents .icon:after,
ul.doc-repository li.revisions .icon:after,
ul.doc-repository li.removed .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.CatiYellow .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.CatiGray .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.red .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.green .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.orange .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.blackgray .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.yellow .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.new-documents .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.revisions .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.removed .icon:after{
    border-top: 50px solid #288deb;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 1;
}
ul.doc-repository li .data h4,
ul.doc-repository li.CatiYellow .data h4,
ul.doc-repository li.CatiGray .data h4,
ul.doc-repository li.red .data h4,
ul.doc-repository li.green .data h4,
ul.doc-repository li.orange .data h4,
ul.doc-repository li.blackgray .data h4,
ul.doc-repository li.yellow .data h4,
ul.doc-repository li.new-documents .data h4,
ul.doc-repository li.revisions .data h4,
ul.doc-repository li.removed .data h4,
.doc-repository-tab-container .doc-repository-tab-heading .data,
.doc-repository-tab-container .doc-repository-tab-heading.CatiYellow .data,
.doc-repository-tab-container .doc-repository-tab-heading.CatiGray .data,
.doc-repository-tab-container .doc-repository-tab-heading.green .data,
.doc-repository-tab-container .doc-repository-tab-heading.orange .data,
.doc-repository-tab-container .doc-repository-tab-heading.blackgray .data,
.doc-repository-tab-container .doc-repository-tab-heading.yellow .data,
.doc-repository-tab-container .doc-repository-tab-heading.new-documents .data,
.doc-repository-tab-container .doc-repository-tab-heading.revisions .data,
.doc-repository-tab-container .doc-repository-tab-heading.removed .data
{
    font-size: 15px;
    font-weight: 600;
    margin: 15px 0 15px 30px;
    color: #288deb;
    display: inline-block;
}

ul.doc-repository li a.view,
ul.doc-repository li.CatiYellow a.view,
ul.doc-repository li.CatiGray a.view,
ul.doc-repository li.red a.view,
ul.doc-repository li.green a.view,
ul.doc-repository li.orange a.view,
ul.doc-repository li.blackgray a.view,
ul.doc-repository li.yellow a.view,
ul.doc-repository li.new-documents a.view,
ul.doc-repository li.revisions a.view,
ul.doc-repository li.removed a.view{
    border: 1px solid #288deb;
    border-radius: 30px;
    padding: 2px 20px;
    color: #288deb;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
ul.doc-repository li a.view:after{
    display: none;
}

ul.doc-repository li.active a.view{
    border: 1px solid #288deb;
    background: #288deb;
    color:#fff;

}

ul.doc-repository li.CatiYellow.active:after{
    background: #ea423f;
}
ul.doc-repository li.CatiGray.active:after{
    background: #ea423f;
}
ul.doc-repository li.red.active:after{
    background: #ea423f;
}

ul.doc-repository li.green.active:after{
    background: #54cc72;
}

ul.doc-repository li.orange.active:after{
    background: #f3803b;
}

ul.doc-repository li.blackgray.active:after{
    background: #4e5858;
}

ul.doc-repository li.yellow.active:after{
    background: #fecd0d;
}

ul.doc-repository li:hover,
ul.doc-repository li.red:hover{
    background: #f7f8f8;
    border: 1px solid #288deb;

}

ul.doc-repository li.active,
ul.doc-repository li.red.active {
    background: #F8F3D6;
    border: 1px solid #288deb;

}

ul.doc-repository li.CatiYellow:before,
ul.doc-repository li.CatiYellow .icon,
.doc-repository-tab-container .doc-repository-tab-heading.CatiYellow .icon,
.doc-repository-tab-container .doc-repository-tab-heading.CatiYellow:before{
    background: #cad509;
}
ul.doc-repository li.CatiYellow .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.CatiYellow .icon:after{
    border-top: 50px solid #cad509;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.CatiYellow.active,
ul.doc-repository li.CatiYellow:hover{
    border: 1px solid #cad509;

}

ul.doc-repository li.CatiYellow a.view{
    border: 1px solid #cad509;
    color: #ea423f;
}
ul.doc-repository li.CatiYellow a.view:hover,
ul.doc-repository li.CatiYellow.active a.view{
    border: 1px solid #cad509;
    color: #ffffff;
    background: #cad509;
}
ul.doc-repository li.CatiYellow .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.CatiYellow .data{
    color: #cad509;
}
/*CATIYELLOW*/




ul.doc-repository li.active,
ul.doc-repository li.CatiGray.active {
    background: #F8F3D6;
    border: 1px solid #288deb;

}

ul.doc-repository li.CatiGray:before,
ul.doc-repository li.CatiGray .icon,
.doc-repository-tab-container .doc-repository-tab-heading.CatiGray .icon,
.doc-repository-tab-container .doc-repository-tab-heading.CatiGray:before{
    background: #a3a5a4;
}
ul.doc-repository li.CatiGray .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.CatiGray .icon:after{
    border-top: 50px solid #a3a5a4;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.CatiGray.active,
ul.doc-repository li.CatiGray:hover{
    border: 1px solid #a3a5a4;

}

ul.doc-repository li.CatiGray a.view{
    border: 1px solid #a3a5a4;
    color: #ea423f;
}
ul.doc-repository li.CatiGray a.view:hover,
ul.doc-repository li.CatiGray.active a.view{
    border: 1px solid #d60c0d;
    color: #ffffff;
    background: #a3a5a4;
}
ul.doc-repository li.CatiGray .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.CatiGray .data{
    color: #a3a5a4;
}
/*CATI GRAY*/



ul.doc-repository li.active,
ul.doc-repository li.red.active {
    background: #F8F3D6;
    border: 1px solid #288deb;

}

ul.doc-repository li.red:before,
ul.doc-repository li.red .icon,
.doc-repository-tab-container .doc-repository-tab-heading.red .icon,
.doc-repository-tab-container .doc-repository-tab-heading.red:before{
    background: #d60c0d;
}
ul.doc-repository li.red .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.red .icon:after{
    border-top: 50px solid #d60c0d;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.red.active,
ul.doc-repository li.red:hover{
    border: 1px solid #d60c0d;

}

ul.doc-repository li.red a.view{
    border: 1px solid #d60c0d;
    color: #ea423f;
}
ul.doc-repository li.red a.view:hover,
ul.doc-repository li.red.active a.view{
    border: 1px solid #d60c0d;
    color: #ffffff;
    background: #d60c0d;
}
ul.doc-repository li.red .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.red .data{
    color: #d60c0d;
}


/*/ Green /*/

ul.doc-repository li.green:before,
ul.doc-repository li.green .icon,
.doc-repository-tab-container .doc-repository-tab-heading.green .icon,
.doc-repository-tab-container .doc-repository-tab-heading.green:before{
    background: #00a853;
}
ul.doc-repository li.green .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.green .icon:after{
    border-top: 50px solid #00a853;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.green.active,
ul.doc-repository li.green:hover{
    border: 1px solid #00a853;

}

ul.doc-repository li.green a.view{
    border: 1px solid #00a853;
    color: #00a853;
}
ul.doc-repository li.green a.view:hover,
ul.doc-repository li.green.active a.view{
    border: 1px solid #00a853;
    color: #ffffff;
    background: #00a853;   
}

ul.doc-repository li.green .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.green .data{
    color: #00a853;
}

/*/ Orange /*/

ul.doc-repository li.orange:before,
ul.doc-repository li.orange .icon,
.doc-repository-tab-container .doc-repository-tab-heading.orange .icon,
.doc-repository-tab-container .doc-repository-tab-heading.orange:before{
    background: #f3803b;
}
ul.doc-repository li.orange .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.orange .icon:after{
    border-top: 50px solid #f3803b;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.orange.active,
ul.doc-repository li.orange:hover{
    border: 1px solid #f3803b;

}

ul.doc-repository li.orange a.view{
    border: 1px solid #f3803b;
    color: #f3803b;
}
ul.doc-repository li.orange a.view:hover,
ul.doc-repository li.orange.active a.view{
    border: 1px solid #f3803b;
    color: #ffffff;
    background: #f3803b;

}

ul.doc-repository li.orange .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.orange .data{
    color: #f3803b;
}

/*/ blackgray /*/

ul.doc-repository li.blackgray:before,
ul.doc-repository li.blackgray .icon,
.doc-repository-tab-container .doc-repository-tab-heading.blackgray .icon,
.doc-repository-tab-container .doc-repository-tab-heading.blackgray:before{
    background: #62656a;
}
ul.doc-repository li.blackgray .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.blackgray .icon:after{
    border-top: 50px solid #62656a;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.blackgray.active,
ul.doc-repository li.blackgray:hover{
    border: 1px solid #62656a;

}

ul.doc-repository li.blackgray a.view{
    border: 1px solid #62656a;
    color: #f3803b;
}
ul.doc-repository li.blackgray a.view:hover,
ul.doc-repository li.blackgray.active a.view{
    border: 1px solid #62656a;
    color: #ffffff;
    background: #62656a;

}

ul.doc-repository li.blackgray .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.blackgray .data{
    color: #62656a;
}

/*/ yellow /*/

ul.doc-repository li.yellow:before,
ul.doc-repository li.yellow .icon,
.doc-repository-tab-container .doc-repository-tab-heading.yellow .icon,
.doc-repository-tab-container .doc-repository-tab-heading.yellow:before{
    background: #cad509;
}
ul.doc-repository li.yellow .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.yellow .icon:after{
    border-top: 50px solid #cad509;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.yellow.active,
ul.doc-repository li.yellow:hover{
    border: 1px solid #cad509;

}

ul.doc-repository li.yellow a.view{
    border: 1px solid #ffa800;
    color: #ffa800;
}
ul.doc-repository li.yellow a.view:hover,
ul.doc-repository li.yellow.active a.view{
    border: 1px solid #ffa800;
    color: #ffffff;
    background: #fecd0d;

}

ul.doc-repository li.orange .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.orange .data{
    color: #ffa800;
}

ul.doc-repository li.grayblack .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.grayblack .data{
    color: #ffa800;
}

ul.doc-repository li.yellow .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.yellow .data{
    color: #cad509;
}


/*/ New Documents /*/

ul.doc-repository li.new-documents:before,
ul.doc-repository li.new-documents .icon,
.doc-repository-tab-container .doc-repository-tab-heading.new-documents .icon,
.doc-repository-tab-container .doc-repository-tab-heading.new-documents:before{
    background: #65c3df;
}
ul.doc-repository li.new-documents .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.new-documents .icon:after{
    border-top: 50px solid #65c3df;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.new-documents.active,
ul.doc-repository li.new-documents:hover{
    border: 1px solid #65c3df;

}

ul.doc-repository li.new-documents a.view{
    border: 1px solid #65c3df;
    color: #65c3df;
}
ul.doc-repository li.new-documents a.view:hover,
ul.doc-repository li.new-documents.active a.view{
    border: 1px solid #65c3df;
    color: #ffffff;
    background: #65c3df;

}

ul.doc-repository li.new-documents .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.new-documents .data{
    color: #65c3df;
}


/*/ Revisions /*/

ul.doc-repository li.revisions:before,
ul.doc-repository li.revisions .icon,
.doc-repository-tab-container .doc-repository-tab-heading.revisions .icon,
.doc-repository-tab-container .doc-repository-tab-heading.revisions:before{
    background: #eec300;
}
ul.doc-repository li.revisions .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.revisions .icon:after{
    border-top: 50px solid #eec300;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.revisions.active,
ul.doc-repository li.revisions:hover{
    border: 1px solid #eec300;

}

ul.doc-repository li.revisions a.view{
    border: 1px solid #eec300;
    color: #eec300;
}
ul.doc-repository li.revisions a.view:hover,
ul.doc-repository li.revisions.active a.view{
    border: 1px solid #eec300;
    color: #ffffff;
    background: #eec300;

}

ul.doc-repository li.revisions .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.revisions .data{
    color: #eec300;
}

/*/ All Documents /*/

ul.doc-repository li.allDocuments:before,
ul.doc-repository li.allDocuments .icon,
.doc-repository-tab-container .doc-repository-tab-heading.allDocuments .icon,
.doc-repository-tab-container .doc-repository-tab-heading.allDocuments:before{
    background: #cd4b8b;
}
ul.doc-repository li.allDocuments .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.allDocuments .icon:after{
    border-top: 50px solid #cd4b8b;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.allDocuments.active,
ul.doc-repository li.allDocuments:hover{
    border: 1px solid #cd4b8b;

}

ul.doc-repository li.allDocuments a.view{
    border: 1px solid #eec300;
    color: #cd4b8b;
}
ul.doc-repository li.allDocuments a.view:hover,
ul.doc-repository li.allDocuments.active a.view{
    border: 1px solid #eec300;
    color: #ffffff;
    background: #cd4b8b;

}

ul.doc-repository li.allDocuments .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.allDocuments .data{
    color: #cd4b8b;
}



/*/ Removed /*/

ul.doc-repository li.removed:before,
ul.doc-repository li.removed .icon,
.doc-repository-tab-container .doc-repository-tab-heading.removed .icon,
.doc-repository-tab-container .doc-repository-tab-heading.removed:before{
    background: #fd6a6a;
}
ul.doc-repository li.removed .icon:after,
.doc-repository-tab-container .doc-repository-tab-heading.removed .icon:after{
    border-top: 50px solid #fd6a6a;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
ul.doc-repository li.removed.active,
ul.doc-repository li.removed:hover{
    border: 1px solid #fd6a6a;

}

ul.doc-repository li.removed a.view{
    border: 1px solid #fd6a6a;
    color: #fd6a6a;
}
ul.doc-repository li.removed a.view:hover,
ul.doc-repository li.removed.active a.view{
    border: 1px solid #fd6a6a;
    color: #ffffff;
    background: #fd6a6a;

}

ul.doc-repository li.removed .data h4,
.doc-repository-tab-container .doc-repository-tab-heading.removed .data{
    color: #fd6a6a;
}





.doc-repository-tab-container{
    border-left: 1px solid #eaeaf1;
    text-align: left;
    padding-left: 20px;
    min-height: 150px;
}

.doc-repository-tab-container h2,
.doc-repository-tab-container .red h2{
    font-size: 18px;
    font-weight: 600;
    color: #555;
    padding: 0 0 20px;
    margin: 0 0 20px 20px;
    border-bottom: 1px solid #f1f0ef;
}
.doc-repository-tab-heading{
    display: none;
}

.doc-rep-dropdown{
    padding: 0;
}
.doc-rep-dropdown h3
{
    padding: 0;
    background: #288deb;
    color: #fff;
    border:none;
    border-radius: 5px;
    width: 300px;
    margin: 5px 0;
}
.doc-rep-dropdown .panel-heading h3
{
    display: inline-block;
    width: 300px;
}

.doc-rep-dropdown .panel-collapse-sub .panel-heading{
    padding: 10px 0;
}
.panel-collapse-sub{
    margin-left: 25px;
}



.doc-repository-tab-container .red h3{
    background: #ea423f;
}

.doc-repository-tab-container .green h3{
    background: #54cc72;
}

.doc-repository-tab-container .orange h3{
    background: #f3803b;
}

.doc-rep-dropdown>.panel-heading {
    color: #fff;
    background-color: #fff;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.doc-rep-dropdown{
    box-shadow: none;
}

.doc-rep-dropdown>.panel-heading a, 
.doc-rep-dropdown>.panel-heading a.collapsed,
.panel-heading a,
.panel-heading a.collapsed{
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
    outline: none;

}
.doc-rep-dropdown>.panel-heading a i,
.panel-heading a i{
    margin-right: 10px;
    font-size: 20px;

}


.doc-rep-dropdown>.panel-heading a:after,
.panel-heading a:after{
    content: "";
    font-family: 'FontAwesome';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;

}

.doc-rep-dropdown>.panel-heading a[aria-expanded="true"],
.panel-heading a[aria-expanded="true"]{
    background-color: transparent;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.doc-rep-dropdown>.panel-heading a[aria-expanded="false"],
.panel-heading a[aria-expanded="false"]{
    background-color: transparent;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.doc-rep-dropdown>.panel-heading a[aria-expanded="true"]:after,
.panel-heading a[aria-expanded="true"]:after{
    content: "\f105";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.doc-rep-dropdown>.panel-heading a[aria-expanded="false"]:after,
.panel-heading a[aria-expanded="false"]:after{
    content: "\f107";
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


.doc-rep-dropdown .panel-body{
    padding: 10px 0;
}


/* Topic Over View -------------------*/

.post-content{
    padding:30px;
    margin: 0;
}

.post-content p{
    text-align: justify;
}

h4.changes-title{
    margin: 20px 0 10px 40px;
    font-size: 15px;
    color: #1277d6;
    font-weight: 600;
}

ul.changes{
    padding: 0;
    margin: 0 0 0 40px;


}

ul.changes li{
    list-style: none;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    position: relative;
}

ul.changes li:before{
    border: 1px solid #1277d6;
    width: 11px;
    height: 11px;
    content: '';
    float: left;
    margin: 0;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 5px;
}


.post-footer{
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
    width: 100%;
}
.post-footer-lt{
    float: left;
}
.post-footer-lt a h4{
    font-size: 18px;
    text-transform: uppercase;
    color: #1277d6;
    margin: 0;
    padding: 0px 0px 0 40px;
    position: relative;
    font-weight: 600;
}

.post-footer-lt a h4 span{
    font-size: 15px;
    color: #555;
    padding: 0;
    margin: 10px 0;
    display: block;
}

.post-footer-lt a h4:before{
    content: "\f104";
    font-size: 80px;
    padding: 0;
    margin: 0;
    color: #1277d6;
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: -6px;
    line-height: 50px;
}

.post-footer-rt{
    float: right;
}

.post-footer-rt a.reply,
.post-footer-rt a.create-btn{

    background: #1277d6;
    padding: 8px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #1277d6;
    margin-left: 10px;
    font-size: 14px;

}

.post-footer-rt a.reply i,
.post-footer-rt a.create-btn i{
    margin-right: 5px;
}

.post-footer-rt a.create-btn{
    background: #ffc208;
    border:1px solid #ffc208;
}

.post-footer-rt a.reply:hover{
    border: 1px solid #1277d6;
    color: #1277d6;
    background: transparent;
}

.post-footer-rt a.create-btn:hover{
    border: 1px solid #ffc208;
    color: #ffc208;
    background: transparent;
}

.topic-postlist{
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0 20px;
    margin: 0px 0 10px;
    display: inline-block;
}

.topic-postlist h4.media-heading{
    color: #555;
    font-size: 15px;
    font-weight: 600;
}
.topic-postlist .designation{
    color: #1277d6;
    font-size: 14px;
    font-weight: 400;
    display: none;
}

.topic-postlist .time{
    color: #555;
    font-size: 12px;
    margin: 0px 0 5px;
}

.topic-postlist .time span{
    color: #1277d6;
}

.collapse-div{
    margin-top: 25px
}

a.love-link{
    color: #c9c9c9;
    margin: 0 5px;
    font-size: 20px;
    padding: 5px 7px;
    border:1px solid #ebeaea;
    border-radius: 5px;
}

a.love-link:hover{
    color: #1277d6;
    background: #f0f0f0;
    border:1px solid #ebeaea;
}


.reply-box{
    border:1px solid #f1f1f1;
    padding: 10px;   
    float: left;
    width: 100%;    
}

.reply-box a{
    float: left;
    padding: 0 20px;
    color: #555;
}

.reply-box a p.title,
.reply-box a p.number{
    font-size: 18px;
    color: #1277d6;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.reply-box a p.number{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.reply-box a .user{
    float: left;
    margin-right: 10px;
}
.reply-box a .user img{
    width: 30px;
    float: left;
}

.reply-box a .days{
    color: #555;
    float: left;
    font-size: 20px;

}
.reply-box a .days span{
    color: #1277d6;
    margin-left: 3px;

}

.reply-box a.close{
    float: right;
    font-size: 20px;
    font-weight: 400;
}

/*Document Repostry CSS*/

.panel-title>.panel-heading,
.panel-o.panel-title-o>.panel-heading{
    color: #333;
    background-color: #fff;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-o.panel-title-o>.panel-heading{
    margin-left: 20px;
    margin-top: 20px;
}


.panel-title{
    box-shadow: none;
}

.panel-title>.panel-heading a, .panel-title>.panel-heading a.collapsed,
.panel-o.panel-title-o>.panel-heading a, .panel-o.panel-title-o>.panel-heading a.collapsed{
    display: block;
    padding: 10px;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    border-left: 10px solid #2e9afd !important;

}


.panel-title>.panel-heading a img,
.panel-o.panel-title-o>.panel-heading a img{
    margin-right: 10px;

}


.panel-title>.panel-heading a:after,
.panel-o.panel-title-o>.panel-heading a:after{
    content: "";
    font-family: 'FontAwesome';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    padding: 7px;
}

.panel-title>.panel-heading a[aria-expanded="true"]{
    background-color: transparent;
    border: 1px solid #2e9afd;
    border-radius: 8px;
    border-left: 10px solid #2e9afd !important;
    color: #555;
    font-weight: 600;
    font-size: 15px;
}

.panel-title>.panel-heading a[aria-expanded="false"],
.panel-o.panel-title-o>.panel-heading a[aria-expanded="false"]{
    background-color: transparent;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    border-left: 10px solid #2e9afd !important;
    color: #555;
    font-weight: 600;
    font-size: 15px;
}

.panel-o.panel-title-o>.panel-heading a[aria-expanded="true"],
.panel-o.panel-title-o>.panel-heading a[aria-expanded="false"],
.panel-o.panel-title-o>.panel-heading a,
.panel-o.panel-title-o>.panel-heading a.collapsed{
    border-left: 10px solid #FF9800  !important;
    border: 1px solid #ff9800;
    margin-top: 20px;
}

.panel-title>.panel-heading a[aria-expanded="true"]:after,
.panel-o.panel-title-o>.panel-heading a[aria-expanded="true"]:after {
    content: "\f105";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.panel-title>.panel-heading a[aria-expanded="false"]:after,
.panel-o.panel-title-o>.panel-heading a[aria-expanded="false"]:after{
    content: "\f107";
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.section {
    margin-left: 20px !important;
}

span.panelName{
    color: orange;
    margin-top: 7px;
    margin-right: 30px;
    text-align: right;
    position: absolute;
    right: 37px;
    font-weight: 500;
}


ul.document-list{
    padding: 0;
    margin: 0;
}

.forum-list ul.document-list{
    padding: 0;
    margin: 0 0 0 80px;
}

ul.document-list li{
    border-left: 10px solid #f1f1f1;
    list-style: none;
    padding-left: 20px;
    margin-bottom: 15px;

}

ul.document-list li a p{
    padding: 0;
    margin: 0 0 10px;
    color: #696969;
    font-size: 15px;
}

ul.document-list li a{
    color: #2e9afd;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    padding: 0 0 15px;
    font-size: 14px;
}
.documentRepository-cercle {
    margin-right: 20px;
    display: inline-block;
    text-align: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    cursor: pointer;
}
.NewDocCircle{
    background:#65c3df;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(125,217,245,0.75);
    -moz-box-shadow: 0px 2px 16px 0px rgba(125,217,245,0.75);
    box-shadow: 0px 2px 16px 0px rgba(125,217,245,0.75);
}

.RevisionsCircle{
    background:#eec300;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(250,225,123,1);
    -moz-box-shadow: 0px 2px 16px 0px rgba(250,225,123,1);
    box-shadow: 0px 2px 16px 0px rgba(250,225,123,1);
}

.RevisionsCircle{
    background:#eec300;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(250,225,123,1);
    -moz-box-shadow: 0px 2px 16px 0px rgba(250,225,123,1);
    box-shadow: 0px 2px 16px 0px rgba(250,225,123,1);
}

.RemovedCircle{
    background:#fd6a6a;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(242,142,142,1);
    -moz-box-shadow: 0px 2px 16px 0px rgba(242,142,142,1);
    box-shadow: 0px 2px 16px 0px rgba(242,142,142,1);
}
.DocReIcon{
    padding: 5px 0px 5px 0px;
    font-size: 40px;
    color: #fff;

}

.DocReTitle{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 6px;
    text-shadow: 1px 1px 2px #5f5e5e;
}
.DocReValue{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 2px #5f5e5e;
}

.divNewDocuments{  
    border: 0px solid #65c3df;
    border-left: 0px solid #65c3df;
    border-radius: 8px;
}
.divRevision{  
    border: 0px solid #eec300;
    border-left: 0px solid #eec300;
    border-radius: 8px;
}
.divRemoved{  
    /*        overflow: auto;
            height: 750px;*/
    border: 0px solid #fd6a6a;
    border-left: 0px solid #fd6a6a;
    border-radius: 8px;
}
.knowledge-document .overview-panel{
    margin: 0 23%;
}

a.view-documnets{
    background: #cd4b8b;
    padding: 10px 15px;
    color: #fff;
    font-size: 15px !important;
    border-radius: 5px;
    float: left;
    font-weight: 500 !important;
    line-height: 17px;
    border: 1px solid #cd4b8b;

}
a.view-documnets img{
    background: #cd4b8b;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 7px;
    margin:0 -2px 0 15px !important

}

a.view-documnets:hover{
    background:transparent;
    border: 1px solid #cd4b8b;
    color: #cd4b8b;

}


/*------------ Editer Class-------------*/
.Editor-editor{ 
    height:300px;
    padding:1%;  
    border:1px solid #EEE;
    border-radius:0;
    word-wrap: break-word;
    margin-bottom: 20px;
}

.line-control-status-bar .label {
    float: right;
    margin: 6px 10px 0 0;
    background: #BBB;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    padding: 2px 4px;
    font-size: 11.844px;
    line-height: 14px;
}

.Editor-container a{
    background: #FFF;    
    border: 1px solid #d4d3d3;
    color: #555;
    border-radius: 0;
    margin: 0 -1px -1px 0;
    padding: 5px 10px;
}

.Editor-container a:hover,
.Editor-container a:active,
.Editor-container a:focus{
    background: #FFF;
    color: #0768c2 !important;

}

.Editor-container a .caret{
    margin-left: 12px !important;
}

.editer-btn{
    padding: 0px 0 20px;
    margin: 0;
}

.editer-btn a.save, 
.editer-btn a.cancel
{
    background: #1277d6;
    color: #fff;
    font-size: 15px;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
}

.editer-btn a.cancel{
    background: #e51d13;
}
a.edit-share{
    background: #cb4583;
    margin-right: 0;
    color: #fff;
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    text-align: right;
    float: right;
    margin-bottom: 20px;
}
a.edit-share i{
    font-weight: 500;
    margin-right: 10px;
}


.forum-list a.f-list{
    border-left: 10px solid #2e9afd;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 15px 0;
    display: block;
    margin-left: 40px;
    margin-bottom: 20px;
    position: relative;
}

.forum-list .dot-medium,
.forum-list .dot-urgent,
.forum-list .dot-low{
    width: 30px;
    height: 30px;
    background: #fde22e;
    border-radius: 100%;
    float: left;
    margin-top: 40px;
}
.forum-list .dot-urgent{
    background:#fd2e2e !important; 
}
.forum-list .dot-low{
    background:#2e9afd !important; 
}

.forum-list  a.f-list p{
    padding: 0 0 0 15px;
    color: #555;
    margin: 0 30% 10px 0;
    font-weight: 400;
}
.forum-list  a.f-list .title{
    color: #1277d6;
    font-weight: 600;    
    font-size: 17px;
}

.forum-list a.f-list .u-name{
    color: #1277d6;
    font-weight: 600;    
    font-style: italic;
}

.forum-list a.f-list .time{
    color: #bbbbbb;

}
.forum-list a.f-list .time span{
    color: #1277d6;
}

.forum-list a.f-list .link-btn{
    background: #2e9afd;
    padding: 10px 20px;
    color: #fff;
    float: right;
    width: 150px;
    margin-top: -70px;
    border-radius: 8px;
    margin-right: 20px;
    text-align: center;
}
.panel-title>.panel-heading a.f-list[aria-expanded="false"]:after {
    content: "\f105";
    -webkit-transform: rotate(0deg);
    transform: rotate(0);
    padding: 0px 10px;
}
.panel-title>.panel-heading a.f-list[aria-expanded="true"]:after {
    content: "\f105";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.panel-title>.panel-heading a.f-list:after {
    content: "";
    font-family: 'FontAwesome';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    position: absolute;
    top: 35%;
    right: 10px;
    background: #2e9afd;
    color: #fff;
    border-radius: 50%;
    margin: 10px;
    padding: 0px 10px;
}

.panel-title.forum-list>.panel-heading a.f-list[aria-expanded="true"] {
    background-color: transparent;
    border: 1px solid #2e9afd;
    border-radius: 8px;
    border-left: 10px solid #2e9afd !important;
    color: #555;
    font-weight: 600;
    font-size: 15px;
}


.forum-post-list{
    padding: 0;
    margin: 0;
}

.forum-post-list .panel-heading{
    width: 100%;
    padding: 0;
}


.forum-post-list{
    list-style: none;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 15px 20px 15px 30px;
    display: flex;
    border-left: 15px solid #1277d6;
    position: relative;
    color:#a5a5a5;


}

.forum-post-list:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #1277d6;
    position: absolute;
    left: 0;
    top: 43%;
}

.forum-post-list:hover{
    background: #f8f8f8;
    cursor: pointer;

}

.forum-post-list:hover .view-details-col .viewdetails a{
    background: transparent;
    border:1px solid #cb4583;
    color: #cb4583;
}

.forum-post-list.medium{
    border-left: 15px solid #ffcc00;
}

.forum-post-list.medium:before {
    border-left: 15px solid #ffcc00;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.forum-post-list.medium .title-col h2{
    color: #ffcc00;
}

.forum-post-list.medium .title-col h2 span{
    background: #ffcc00;
    color: #fff;
}

.forum-post-list.urgent{
    border-left: 15px solid #ff0c00;
}

.forum-post-list.urgent:before {
    border-left: 15px solid #ff0c00;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.forum-post-list.urgent .title-col h2{
    color: #ff0c00;
}

.forum-post-list.urgent .title-col h2 span{
    background: #ff0c00;
    color: #fff;
}

.panel.forum-post-list-block{
    box-shadow: none;
}
/*T22568*/
.ForumPostContainar{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*T22568*/

.forum-post-list .title-col{
    margin-right: 5%;
}

.forum-post-list .title-col h2{
    color: #1277d6;
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 28px;
}

.forum-post-list .title-col h2 span{
    background: #1277d6;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 5px;
}
.ForumPostBlueColor{
    color: #005fbf !important;
}

.forum-post-list .title-col .caption{
    color: #fff;
    font-size: 13px;
    padding: 10px 0;
    margin: 0;
    color: #000;
    font-weight: 500;
}

.forum-post-list .title-col .caption:before{
    width: 20px;
    height: 2px;
    background: #c6c6c6;
    content: '';
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.forum-post-list .title-col p{
    padding: 0;
    margin: 0;
}

.forum-post-list .title-col .post-text{
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis; 
}

.forum-post-list .title-col .post-name{
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 5px 0;


}

.forum-post-list .title-col .post-name span{
    font-style:italic;
    color:#1277d6;
    font-weight: 600;
}
.forum-post-list .title-col .post-name a{
    font-weight: 600;
}

.forum-post-list .title-col .post-time{
    font-size: 14px;
}
.forum-post-list .title-col .post-time span{
    font-size: 14px;
    color: #1277d6;
}



.forum-post-list .post-no-col{
     min-width: 100px;
}

.forum-post-list .post-no-col h2, .forum-post-list .tagged-user-col h2{
    font-size: 15px;
    padding: 0;
    margin: 0 10px 0 0;
    font-weight: 600;
   }
.forum-post-list .post-no-col .post-value{
    font-size: 20px;
    color: #cb4583;
    padding: 5px 0;
    margin: 0;
    font-weight: 600;
}

.CertiFicateForm{
    width: 900px; height: 600px;
}
.forum-post-list .tagged-user-col{
    display: none;
}

.forum-post-list .tagged-user-col .post-users img{
    width: 40px;
    height: 40px;
    margin: 10px 5px 0 0;
    border:1px solid #ccc;
    border-radius: 100%;
}

.forum-post-list .view-details-col{
    min-width: 110px;
}
.forum-post-list .view-details-col .view-images,
.forum-post-list .view-details-col .view-Text,
.forum-post-list .view-details-col p.viewdetails{
    display: flex;
    margin-bottom: 10px;
}
.forum-post-list .view-details-col .view-Text {
    font-size: 15px;
    padding: 0;
    margin: 0 0px 10px 0;
    font-weight: 600;
    color:#a5a5a5;
    display: flex;
    align-items: center;
}
.forum-post-list .view-details-col .view-Text span {
    color: #cb4583;
    padding-left:10px;
    margin: 0;
    font-weight: 600;
}
.forum-post-list .view-details-col .view-images a{
    background-color: #f6f6f6;
    border: 1px solid #ebebeb;
    /*T22568*/
    padding: 5px;
    margin-right: 20px;
    float: left;
    position: relative;
}
.forum-post-list .view-details-col .view-images a .badge{
    position: absolute;
    right: -10px;
    top: -10px;
    background: #cb4583;
    color: #fff;
}

.forum-post-list .view-details-col .viewdetails a{
    background: #cb4583;
    color: #fff;
    font-size: 13px;
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

/* ---------------- Pay Slips ----------------- 12-12-2018 */
a.payslip-box{
    padding: 0;
    margin: 10px 0;
    border-radius: 8px;
    background: #fff;
    list-style: none;
    position: relative;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    height: 270px;
    border: 1px solid #ececec;
}

a.payslip-box .icon{
    background: #f7f8f8;
    float: left;
    width: 20%;
    height: 270px;
    position: relative;
    padding:50px 30px 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 40px;
    color: #555;
    font-weight: bold;
}
a.payslip-box .icon:after{
    /**T17169*/
    border-top: 238px solid #f7f8f8;
    border-left: 0px solid transparent;
    border-right: 60px solid transparent;
    content: '';
    position: absolute;
    right: -60px;
    top: 0;
}
a.payslip-box .icon img,
a.payslip-box .icon i{
    transform: translate(-50%, -50%);
    position: absolute;
    left: 55%;
    top: 50%;
    width: 89%;
}
a.payslip-box .icon,
a.payslip-box .icon .overlay i{
    padding: 15px 0;
    text-align: center;
}
a.payslip-box .data {
    font-size: 18px;
    font-weight: 600;
    margin: 35px 0 35px 20px;
    float: left;
    width: 68%;
    color: #555;
    text-align: center;
}

a.payslip-box .data h2
{
    margin: 20px 0 10px 0;
    padding: 0;
    font-weight: 800;
    color: #333333;
}

a.payslip-box .data h4{
    margin: 20px 0 10px 0;
    padding: 0;
    font-weight: 600;
}
a.payslip-box .data .caption{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    display: inherit;

}
a.payslip-box .data .payslip-m{
    padding: 25px 0 0;
    margin: 10px 0;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
}
a.payslip-box .data .payslip-m .month{
    font-size: 15px;
    margin: 5px 0 0px 0;
    padding: 0;
    font-weight: 500;
}

a.payslip-box .data .payslip-m .year{
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 600;

}

a.payslip-box .data .payslip-m .lt{
    float: left;
    text-align: right;
    margin: 0  10px 0 0px;
}

a.payslip-box .data .payslip-m .mid{
    float: left;
    text-align: center;
}

a.payslip-box .data .payslip-m .rt{
    float: left;
    text-align: left;
    margin: 0  0px 0 5px;
}


a:hover.payslip-box .icon:after{
    border-top: 238px solid #1482f2;
    border-left: 0px solid transparent;
    border-right: 60px solid transparent;
}

a:hover.payslip-box .icon{
    background: #1482f2;

}
a:hover.payslip-box{
    box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.05);
}

a:hover.payslip-box .data h4,
a:hover.payslip-box .data .payslip-m .year,
a:hover.payslip-box .loadmore
{
    color: #1482f2;
}

a.payslip-box .icon .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    /*  transition: .3s ease;*/
    background-color:#1482f2 ;
    padding: 0;
    display: inherit;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

a.payslip-box .icon .overlay img,
a.payslip-box .icon .overlay i{
    text-align: center;
    background: #ffffff;
    border-radius: 100%;
}

a:hover.payslip-box .icon .overlay{
    opacity: 1;
}

.payslip-slider .bx-viewport{
    height: inherit !important;
    margin-top: 30px;

}
.payslip-slider .bx-wrapper{

    position: relative;
}

.payslip-slider .bx-controls {
    text-align: right;
    position: absolute;
    right: 0px;
    top: -20px;
}
.payslip-slider .bx-controls a.bx-prev{
    border-right: 1px solid #c3c9ce;
    border-radius: 0 !important;
}
.payslip-slider .bx-controls a.bx-prev,
.payslip-slider .bx-controls a.bx-next{
    color:#555;
    font-size: 14px;
    background: transparent;    
    padding: 5px 10px;
    margin: 0;
}

.payslip-slider .bx-controls a.bx-prev:hover,
.payslip-slider .bx-controls a.bx-next:hover{
    color: #81a1ee;
}


.payslip-slider .bx-controls a.bx-prev:before{
    content: "\f0d9";
    font-size: 14px;
    margin-right: 8px;
    font-family: 'FontAwesome';
}

.payslip-slider .bx-controls a.bx-next:after{
    content: "\f0da";
    font-size: 14px;
    margin-left: 8px;
    font-family: 'FontAwesome';
}

a.payslip-box .loadmore{
    font-size: 20px;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    color: #555;
}


/*Add Class for IntranetForum Payslip --- (12-02-2019)*/
.box-panel-body.payslips-body{
    padding: 0px 20px 15px;

}

.payslip-box-in a, 
.payslip-box-in .nest-content,
.payslip-box-in a.emp-handbook, 
.payslip-box-in a.Perkbox, 
.payslip-box-in a.your-alerts
.job-booking-process-box,
.payslip-box-in a.yourCommunications,
.panel-new-icon a,
.panel-new-icon-green a,
.panel-new-icon-blue a,
.panel-new-icon-pink a,
.panel-alerts a,
.panel-store a
{
    padding: 0;
    margin: 0px;
    border-radius: 8px;
    background: #f7f8f8;
    list-style: none;
    position: relative;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    /*height: 200px;*/
    height: 140px;
    border: 1px solid #ececec;
}




.payslip-box-in a .icon,
.alerts-box-in a .icon,
.job-booking-process-box a .icon,
.panel-new-icon-pink a .icon,
.panel-alerts a .icon,
.panel-store a .icon,
.panel-new-icon-green a .icon,
.panel-new-icon-blue a .icon,
.payslip-box-in a.yourCommunications .icon{
    background: #fff;
    width: 80px;
    height: 80px;
    padding: 0px;
    line-height: 70px;
    border-radius: 100%;
    font-size: 40px;
    color: #555;
    font-weight: bold;
    text-align: center;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /*T.No:15302*/ 
}

.panel-store a .icon{
    color: #0182c4;
}
.payslip-box-in a.yourCommunications .icon{
    color: #4aa851;
}

.payslip-box-in a.emp-handbook,
.alerts-box-in a.emp-handbook,
.payslip-box-in a.your-alerts,
.payslip-box-in a.yourCommunications,
.payslip-box-in a.emp-handbook .data h4{
    color: #555;
}

.payslip-box-in a.emp-handbook .icon,
.payslip-box-in a.your-alerts .icon,
.payslip-box-in a.emp-handbook:hover .icon{
    background: #4aa851 !important;


}
.alerts-box-in a.emp-handbook .svg-icon path{
    fill: #f00000  !important;
}
.alerts-box-in a.emp-handbook:hover .data h4{

    /*T.No15302*/
    color:#4aa851 !important;
}
.payslip-box-in a.emp-handbook .svg-icon path{
    fill: #4aa851  !important;
}
.payslip-box-in a.emp-handbook:hover .data h4{

    /*T.No15302*/
    color:#4aa851 !important;
}
.nest-content .data h4 span.nest-pdf:hover {
    color: #ffa500 !important;
}

.panel-new-icon-blue a.Perkbox .icon {
    background: #0182c4;
}

.payslip-box-in a.yourCommunications{
    background: #9ed0a2;
}

.payslip-box-in .nest-content .nest-logo{
    padding: 0;
    margin: 10px auto;
    text-align: center;
    /* 15302 */
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
}
.payslip-box-in .nest-content .nest-logo img
{
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.job-booking-process-box a .icon img{
    width: 60px;
    border-radius: 100%;
}

.payslip-box-in a .data,
.payslip-box-in .nest-content .data,
.job-booking-process-box a .data,
.panel-new-icon-green a .data,
.panel-new-icon-blue a .data,
.panel-alerts a .data,
.panel-store a .data,
.panel-new-icon-pink a .data{
    color: #555;
    text-align: center;
}
.payslip-box-in a .data h4, 
.alerts-box-in a .data h4, 
.payslip-box-in .nest-content .data h4,
.job-booking-process-box a .data h4,
.panel-new-icon-green a .data h4
.panel-new-icon-blue a .data h4,
.panel-alerts a .data h4,
.panel-store a .data h4,
.panel-new-icon-pink.your-pay a .data h4,
.panel-new-icon-pink a .data h4,
.panel-new-icon-blue a .data h4{
    margin: 15px 0 10px 0;
    padding: 0;
    font-size: 15px;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
}

.payslip-box-in .nest-content .data h4 span.nest-pdf,
.payslip-box-in .nest-content .data h4 span.nest-website
{

    border-radius: 50px;
    /*TNO:15302*/
    /*padding: 7px 20px;*/
    /*TNO:15302*/
    font-size: 15px;
    color:#555;
}
.payslip-box-in .nest-content .data h4 span.nest-website:hover,
.payslip-box-in .nest-content a:hover{
    color:#4aa851;
}

.payslip-box-in .nest-content a
{
    height: auto;
    width: auto;
    color: #555;
    background: transparent; border: 0px;
}



.payslip-box-in a:hover .icon, .alerts-box-in a:hover .icon  {
    background: #1482f2;

}

.payslip-box-in a:hover .data h4,
.payslip-box-in a:hover .data .payslip-m .year,
.payslip-box-in a:hover .loadmore
{
    color: #1482f2;
}

.payslip-box-in a .icon .overlay,  .alerts-box-in a .icon .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    width: 80px;
    height: 80px;
    padding: 8px;
    border-radius: 100%;
    font-size: 40px;
    color: #555;
    font-weight: bold;
    text-align: center;
    margin: 10px auto;
}

.payslip-box-in a .icon .overlay img{
    text-align: center;
    width: 40px;
}

.payslip-box-in a:hover .icon .overlay{
    opacity: 1;
}

.panel-new-icon-blue a{
    background: #0182c4;
    padding: 0;
    color: #fff;
}

.panel-new-icon-pink a{
    background: #d4a0b7;
    padding: 0;
}
.panel-alerts a{
    background: #e9505b;
    padding: 0;
}
.panel-store a{
    background: #7fc0e3;
    padding: 0;
}

.panel-new-icon-blue a .icon, .panel-alerts a .icon, .panel-store a .icon{
    padding: 0;
}
.panel-new-icon-green a .icon{
    background: #4aa851;
}

.panel-new-icon-green a .icon .svg-icon{
    fill:#fff;
}
.panel-new-icon a .icon img{
    width: 60px;
    height: auto;
}

/*---------------Form Check Box --------------*/



.check-new .checkbox label{
    min-height: 15px;
    padding-right: 0;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    padding-left: 0;
}

.check-new .checkbox{
    padding-left: 0px;
    margin: 0;
}
.check-new .checkbox label::before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right:  0;
    margin-right: -22px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
}


.check-new .checkbox label::before,
.check-new .checkbox label::after{
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0 !important;
    top: 3px;
    margin-right: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.check-new .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
    margin-left: -2px;
}


/* --------------- Color Picker --------------*/
div#color_selector 
{
    /*---- other stuff----------------*/
    z-index: 1120; 
}


/*-------------Grid Stack-------------------*/
.grid-stack {
    /*    margin-left: 0px;
        margin-right: 0px;*/
}
.grid-stack-item-content.box-panel-shadow{
    margin: 0;
}

/*------------------------Info Popover---------------*/

.box-header h4 a.info{
    border: 2px solid #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 2px 0;
    margin-left:10px;
    font-size: 12px;
    font-weight: 500;
}

.popover-content .info-popover{
    background: #2e9afd;
    padding: 15px;
    width: 270px;
    float: left;
    color: #fff;
    text-align: justify;
    border-radius: 8px;
}

.popover.bottom>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom-color: #c3c3c3;
}

.popover.bottom>.arrow{
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #c3c3c3 !important;
    border-bottom-color: rgba(0,0,0,.25);
}

.popover.bottom {
    margin-top: 15px;
}




/*--------------Time lIne TWO------------- */


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline-new {
    white-space: nowrap;
    overflow-x: hidden;
    /*margin: 0 10%*/
}

.timeline-new ol {
    font-size: 0;
    /*  width: 100vw;*/
    padding: 100px 0 0;
    transition: all 1s;
}

.timeline-new ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    height: 3px;
    background: #5089f1;
    text-align: center;
}


.timeline-new ol li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #d5dce9;
    border: 2px solid #5089f1;
    transform: translateY(-50%)
}

.timeline-new ol li:hover:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #3eb15b;
    border: 2px solid #5089f1;
    transform: translateY(-50%)
}

.timeline-new ol li div {
    position: absolute;
    left: 0;
    padding:10px 15px;
    font-size: 1rem;
    white-space: normal;
    color: black;
    bottom: 0;
    width: 100%;
    top: -110px;
    /*T30312 --------- 21-01-2021*/
}

.timeline-new ol li div h2{
    font-size: 1.55rem;
    font-weight: 600;
    margin: 0 0 .625rem;
}


.timeline-new time {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 10px;

}


/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline-new .arrows {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.timeline-new .arrows .arrow__prev {
    margin-right: 20px;
}

.timeline-new .disabled {
    opacity: .5;
}

.timeline-new .arrows img {
    width: 45px;
    height: 45px;
}

.resize-timeline{
    margin-left: 0px;
}

.timeline-new .arrows button{
    background: none;
    border: 0;
    display: none;
}



/*New Resize DIV*/

.timeline-new.resize-timeline ol li.link-complete:after {
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    border-radius:0%; 
    background: #F45B69;
    z-index: 1;
    content: "\f00c";
    background-color: #4cc3b5;
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 20px;
    font-weight: normal;
    border: 2px solid #4cc3b5;
    padding: 0 3px;
}

.timeline-new.resize-timeline ol li.link-active:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    border-radius:0%; 
    background: #F45B69;
    z-index: 1;

    background-color: #4cc3b5;
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 20px;
    font-weight: normal;
    border: 2px solid #4cc3b5;
}

.timeline-new.resize-timeline ol li:after{ 
    background-color: #eae8e8;
    border: 2px solid #4cc3b5;
    border-radius: 0;
    content: '';
    height: 30px;
    position: absolute;
    left: 0;
    width: 30px;
    z-index: 1;
}
.timeline-new.resize-timeline{
    position: relative;
}
.timeline-new.resize-timeline::before{
    background-color: #4cc3b5;
    bottom: 0;
    content: '';
    left: 15px;
    margin-left: -2px;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1;
}
.timeline-new.resize-timeline ol,
.timeline-new.resize-timeline ol li {
    width: auto; 
}

.timeline-new.resize-timeline ol {
    padding: 0;
    transform: none !important;
}



.timeline-new.resize-timeline ol li {
    display: block;
    height: auto;
    background: transparent;
    text-align: left;
}



.timeline-new.resize-timeline ol li div {
    width: 80%;
    height: auto !important;
    margin: 10px 30px 0;
}

.timeline-new.resize-timeline ol li div {
    position: static;
}


.timeline-new.resize-timeline .arrows {
    display: none;
}



/*MultiSelect Dropdown*/


span.multiselect-native-select{
    position:relative
}
span.multiselect-native-select select{
    border:0!important;
    clip:rect(0 0 0 0)!important;
    height:1px!important;
    margin:-1px -1px -1px -3px!important;
    overflow:hidden!important;
    padding:0!important;
    position:absolute!important;
    width:1px!important;
    left:0;
    top:30px;
    text-align: left;
}
.multiselect-container{
    position:absolute;
    list-style-type:none;
    margin:0;
    padding:0
}
.multiselect-container .input-group{
    margin:5px
}
.multiselect-container>li{
    padding:0
}
.multiselect-container>li>a.multiselect-all label{
    font-weight:700
}
.multiselect-container>li.multiselect-group label{
    margin:0;
    padding:3px 20px 3px 20px;
    height:100%;
    font-weight:700
}
.multiselect-container>li.multiselect-group-clickable label{
    cursor:pointer
}
.multiselect-container>li>a{
    padding:0;
    margin-left: 20px;
    color: #555;
}

.multiselect-container>li a:hover {
    background-color: transparent !important;
    color: #1277d6 !important;
}

.multiselect-container>li.active a,
.multiselect-container>li.active a:hover{
    background-color: transparent !important;
    color: #1277d6 !important;
}
.multiselect-container>li>a>label{
    margin:0;
    height:100%;
    cursor:pointer;
    font-weight:400;
    padding:3px 20px 3px 40px
}
.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{
    margin:0;
    text-align: left;
}
.multiselect-container>li>a>label>input[type=checkbox]{
    margin-bottom:5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{
    padding:3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{
    margin-left:-20px;
    margin-right:0
}

.multiselect-native-select .btn-group{
    width: 100% !important;
}

.btn-group.open .dropdown-toggle{
    box-shadow: none;
    background-color: #1277d6;
    color: #fff;
}

.form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
}

button .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 7px solid #73aae0;
    border-top: 7px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 15px;
}

button.multiselect-clear-filter {
    background: transparent;
    border: none;
    padding: 0;
}

.multiselect-item.multiselect-filter .input-group {
    position: relative;
    width: 98%;
}


.multiselect-container>li>a>label::before, .multiselect-container>li>a>label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0 !important;
    top: 0;
    margin-right: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;

}

.multiselect-container>li>a>label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    margin-right: -22px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.multiselect-container>li.active>a>label::after {
    background-color: #2e9afd;
    border-color: #2e9afd;
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    margin-right: -22px; 
    font-family: 'FontAwesome';
    content: "\f00c";
    color: #fff;
    margin-left: 0;
    font-size: 14px;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

/*---------Service Provider page changes 10-12-2018 -------------*/

.form-group.row-centered .form-control,
.col-centered .ui-combobox
{
    width: 95%;
    float: left;
    font-weight: 400;
    font-family: 'Lato';
}

.slots{
    width: 32%;
    float: left;
}



.form-group.row-centered textarea.form-control{
    width: 95%;
    float: left;
    height: 100px;

}

.form-group.row-centered label{
    padding-right: 0;
    font-weight: 500;
}

.form-group.row-centered .helpTextIconQtip{
    margin-top:10px;
    float: right;

}
.form-group.row-centered .form-control.extField{
    width: 42%;
    margin-left: 10px;
}
.form-group.row-centered .form-control.phoneField{
    width: 50%;

}
.form-group.row-centered .form-control.timeField,
.form-group.row-centered label.timeField{
    width: 46%;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.form-group.row-centered .form-control.uppercaseText{
    width:55%;
}

.textSubmitButton.postCodeLookUpBtn{
    width:35%;
    margin: 0 10px 0 0;
    padding: 10px !important;
}

.form-group .btnStandard {
    background-color: #5089f1;
    color: #fff !important;
    padding: 10px 10px !important;
    border-radius: 3px;
    float: left;
}
#AssignedSlots.form-control {
    width: 75%;
    margin-left: 20px;
}
.AppointmentBookingTAT .form-control {
    width: 80% !important;
}

.form-group.row-centered .check-new .checkbox label::before,
.form-group.row-centered .check-new .checkbox label::after {
    margin-top: 5px;
}

.activeIcon,
.InactiveIcon{
    width: inherit !important;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 25px;
    right: 0;
}
.textSubmitButton, #cancel_btn.textSubmitButton{
    background-color: #5089f1;
    border-color: #5089f1;
    color: #fff;
    padding: 10px !important;
    border: 0;
    border-radius: 3px;
    margin: 10px;
    margin-left: 0 !important;
    float: none !important;
}
#cancel_btn.textSubmitButton{
    background: #ff0000;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    white-space: normal; /* T17522 --------07/08/2019 */
}

td button {
    margin-bottom: 0px;
}

.ui-combobox-input {
    width: 300px;
}

.ui-combobox-toggle {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    /*    border-top: 8px solid #b1c2da;*/
    border-top:8px solid #bbb;
    margin: 10px 5px 0 0;
    cursor: pointer;
}
.ServiceAdminTopPanel,
.ServiceAdminResultsPanel,
.bottomButtonsPanel{
    background: #fff;
    border-radius: 3px;
    margin-bottom: 40px;
}




#ServiceProvidersResults_filter {
    margin-top: 0px !important;
}
form input[type="checkbox"],
form input[type="radio"]{
    margin-top: 3px !important;
    height: inherit;
    margin-right: 5px;
}

form input,
form select, 
form span.text,
form textarea {
    color: #737373;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 1.0em;
}

form span.text{
    margin-right: 20px;
    font-weight: normal;
}

.ui-multiselect-checkboxes label input {
    position: relative;
    top: 1px;
    height: inherit;
    margin: 0 10px;
}
.bottomButtons{
    width: 100%;
    text-align: center;
    display: block;
}

table#ServiceProvidersResults td {
    white-space: inherit !important;
}
table.browse.dataTable thead .sorting,
table.browse.dataTable thead .sorting_asc,
table.browse.dataTable thead .sorting_desc{
    background-position: right 10px;
}

.nidCorrections .ui-combobox{
    width: 250px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    border: 1px solid #b9cde4;
    height: 38px;
    border-radius: 3px;
    padding: 5px 10px;
}

/*------------------2bd - Tab ---------------*/
.form-group.row-centered .form-control.forename{
    width: 48%;
}
.form-group.row-centered .form-control.surname{
    width: 45%;
    margin-left: 10px;
}

/*------------UI Dialog CSS Overright ---------------------(07-12-2018)*/
.ui-dialog .ui-dialog-titlebar {
    padding: 0.7em 1em !important;
    position: relative;
}

/*.ui-dialog-titlebar-close {
    display: none;
}*/

.ui-dialog .ui-dialog-titlebar-close span {
    background-image: url(../../css/themes/pccs/images/ui-icons_ffffff_256x240.png);
    margin: 0 !important;
}



.ui-dialog a.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
    background: transparent !important;
    border:1px solid #fff;

}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    font-weight: 600 !important;
    font-size: 18px !important;
    font-family: 'Lato' !important;
    text-align: left !important;
    border: none;
    color: #fff;
    border-radius: 0 !important;
}
.ui-dialog .ui-dialog-title {
    text-align: left !important;
    width: 100%;
    overflow: inherit;
}
.ui-widget-content {
    background: white;
    padding: 0;
    border: 0 !important;

    font-family: 'Lato' !important;
    font-size: 14px !important;
}
.SystemAdminFormPanel fieldset{
    padding: 30px;
    border:1px solid #b5b5b5;
}
.SystemAdminFormPanel fieldset legend {
    display: block;
    width: auto;
    padding: 20px 0 !important;
    margin-bottom: 0 !important;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border:none;
    padding:10px;
}
.ui-widget .ui-widget {
    font-size: 1em;
    border: 1px solid #eaeaf1;
    margin-top: 0;
    padding: 0;
    /*T22990*/
}

.ui-widget .ui-widget:not(.tg_mselect_filter,.tg-element-input,.fg-element-input) {
    margin-bottom:20px;
}

.ui-tabs .ui-tabs-nav {
    margin-top: 0;
    padding: 10px;
    border: 0 !important;
    font-family: 'Lato' !important;
    background: #3967d6;

}
.modal-lg ul.fg-tabs-ul.nav{
    margin-top: 0;
    padding: 10px 10px 0;
    border: 0 !important;
    font-family: 'Lato' !important;
    background: #3967d6;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-lg ul.fg-tabs-ul.nav li a{
    font-size: 14px;
    padding: 0px 10px;
}


.modal-lg .main-fieldset-holder{
    padding: 20px; 
}


.ui-widget-header .ui-state-default {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
    background: #f1f1f1 !important;
    color: #555 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-widget-content .ui-state-hover{
    background: #4aa851 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #f1f4f8;
    color: #fff !important;

}

.ui-tabs .ui-tabs-nav li a:hover{
    color:#fff;

}
.ui-widget-header .ui-state-default{
    border:none !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff !important;
    text-decoration: none;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 10px 0 30px !important;
    background: none;
}
.ui-combobox-input {

    border:1px solid #eaeaf1 !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    margin-left: 5px;
    background: #fff !important;
    height: 38px;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 5px !important;
    zoom: 1;
    width: 100%;
    border-bottom: 1px solid #eaeaf1;
}
.ui-tabs-panel .ui-combobox {
    position: relative;
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: #737373;
    font-family: 'Lato' !important;
}
.ui-combobox .ui-widget,
.ui-multiselect.ui-widget {
    margin-top: 0;
    padding-left: 10px !important;
    /*T21310*/
    padding-right: 30px !important;
}
#ServiceProvidersFormPanel sup{
    color: #ff0000;
}
.ui-multiselect.ui-widget{
    padding:0 10px !important;
    height: 38px;
}
.ui-multiselect-menu {
    /*T21450*/
    max-width: 400px;
    /*T21450*/
    border: 1px solid #f1f1f1 !important;
    width: auto !important;
    /*17540*/
    z-index: 100 !important;
    /*17540*/
}

.ui-multiselect.ui-widget.ui-state-hover,
.ui-corner-all.ui-state-hover{
    background: #fff !important;
    border-radius: 0;
    color: #333 !important;

}
ul.ui-autocomplete {
    border: 1px solid #eaeaf1 !important;
    z-index: 20; /*T28031 ----- 17-09-2020*/
    /*T30785*/
    background: #ecf0f5;
}
/*T30785*/
ul.ui-autocomplete li a{
    color: #807f7f;
}
ul.ui-autocomplete li.ui-menu-item{
    border-bottom: 1px solid #dededf
}
/*T30785*/
.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 10px;
    background: #fff;
    border: 1px solid #f1f1f1;
    box-shadow: none;
    font-size: 15px;
    font-family: 'Lato' !important;
    font-weight: 400;

}

/* ----------------- Multi select toggle box 13-12-2018 --------------*/

.ui-multiselect-menu .ui-widget-header,
.ui-datepicker .ui-datepicker-header{
    border: 1px solid #aaa;
    color: #fff !important;
    font-weight: bold;
    background: #3967d6; /*!important -  removed for ticket no 24385*/
    padding: 10px !important;
}

.ui-multiselect-menu .ui-widget-header .ui-icon,
.ui-datepicker .ui-widget-header .ui-icon{
    background-image: url(../../css/themes/pccs/images/ui-icons_ffffff_256x240.png);
}
.ui-multiselect-menu .ui-widget-header .ui-icon{
    display: inline-block;
    margin-right: 5px;
}
.ui-multiselect-header ul li:last-child {
    width:100%
}

.ui-multiselect-header ul li {
    float: left;
    padding: 0 10px 7px 0 !important;
}
.ui-widget-header a {
    font-family: 'Lato';
    font-size: 12px;
    /*17540*/
    margin-left: 0px;
}

.ui-multiselect-menu .ui-widget-header input{
    color: #555;
    font-weight: 400;
    height: 38px;
    border-radius: 5px;
    border: 1px solid #2a58c5;
    padding: 10px;
    font-size: 13px;
    width: 100% !important;
}

.skyline-multiselect .ui-multiselect{
    width: 100% !important;
    background: transparent;
    border: 1px solid #eaeaf1;
    /*T23379*/
    margin-bottom: 0px;
}

/* -------------- Date Picker ----------------------*/

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    color: #555;
    width: 48% !important;
    border: 1px solid #0a349a;

}

.ui-datepicker select.ui-datepicker-year{
    margin-left: 2px !important;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-corner-all.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-corner-all.ui-state-hover{
    background: transparent !important;
    border:1px solid #fff;

}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default{
    text-align: center;

}

.ui-datepicker .ui-state-hover{
    border-radius: 5px;
}
.ui-datepicker{
    border: 1px solid #f1f1f1 !important;
    padding: 3px !important;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
    border: 1px solid #4a4a4a !important;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 10px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
    top: inherit !important;
}
.ui-datepicker-trigger{
    margin-left: -30px;
    margin-top: 7px; 
}


/*------------Login page CSS -------------*/
.login-new{
    width: 100%;
    /*min-height: 78.5vh;*/
    /*    position: absolute;*/
    z-index: 3;
}

.login-new-body{
    /*T21577*/
    /*T28730*/
    min-height: calc(100vh - 150px) !important;
    position: relative !important;
    margin: 0 0 2% 0;
}

.login-banner img{
    width: 100%;

}

.box-panel-shadow.user-signin .radio{
    float: none;
    text-align: left;

}

/*----------------30-01-2019 ----------------------------*/
/*----------------Job Search panel right side ----------------------------*/

.login-new-lt{
    padding: 0 50px 0 0;
    margin:0 20px 0 10%;
    text-align: justify;
    border-right: 1px solid #d3d3d4;
}

.login-new-lt h2{
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #d3d3d4;
    margin: 10px 0;
    padding: 10px 0;
}
.login-new-lt p{
    padding: 0;
    text-align: justify;
}

.login-new .box-panel-shadow{
    margin-top: 0;
}
/*T.NO:14234*/
.login-new .box-panel-body{
    padding-bottom: 50px;
    position: relative;
    z-index: 1000;
}

.login-input{
    position: relative;

}

.login-new i.icon{
    position: absolute;
    top: 5px;
    left: 9px;
}

.login-new .btn{
    padding: 4px 40px;
}

.login-bottom{
    margin: 10px 0;
}

.formError{  
    background: #F2DEDE;
    color: #AF4442;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;  
    text-align: center;
    line-height: 22px;
    padding: 5px;
    border:1px solid #F2DEDE;
    border-radius: 4px;    
}
form .formError{  
    color: #AF4442;
    font-size: 1.1em;
    margin: 0px 8px 8px 0px;
}
.login-logo-bg{
    width: 100%;
    background: #fff;
    padding: 15px;
}
.right-flags {
    margin: 0px;
}
.login-input label{ 
    display: inherit !important;
}
/* Statistics Icons Home Page */
.staticons {
    position: absolute;
    right: 20px;
    top: 5px;
}
.staticons a {
    color: #cc558b;
    font-size: 18px;
    padding: 3px 10px;
    float: left;
    margin-left: 5px;
}
.staticons a:hover,
.staticons a.active{
    background: #e5eaf4; 
    color: #1883e6;
    border-radius: 5px;
}
.hotspot-box-body .carousel-inner{
    padding: 10px;
}
/*Responsive Dialog Design CSS*/
.responsiveDialog .frmInlineRow{
    padding: 30px;
    text-align: center;
}

.responsiveDialog .frmInlineRow label,
.responsiveDialog .frmInlineRow .ui-combobox{
    display: inline-block;

}
.responsiveDialog .frmInlineRow .ui-combobox{
    position: relative;
    line-height: 16px;
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #737373;
    font-family: 'Lato' !important;
}
.responsiveDialog .frmInlineRow .combobutton {
    position: absolute;
    top: 8px!important;
    right: 0px;
}
.ui-dialog-titlebar-close.resDialogClose,
.ui-dialog-titlebar-close-btn.resDialogClose
{
    background: transparent;
    border: none;
    outline: none;
}
.ui-dialog .ui-dialog-titlebar-close-btn
{
    width: 21px;
    height: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
}
.responsiveDialog table.browse tbody td {
    white-space: nowrap;
}
/*-------------------FormGen CSS----------------------*/
.fg-form .ui-tabs-panel .ui-combobox{
    margin-left: 0;
    width: 90%;
}
.form-field-holder .column-holder .fg-element .form-control
{
    width: 90%; 

}
.col-lg-6.col-field-holder-1.form-field-holder .column-holder  .fg-element .info-field.info-field-alt .form-control,
.col-lg-6.col-field-holder-1.form-field-holder .column-holder  .fg-element .form-control:not(.tg-element-input),
.col-lg-6.col-field-holder-1.form-field-holder .column-holder  .fg-element.et-select .ui-combobox,
.col-lg-6.col-field-holder-1.form-field-holder .column-holder  .fg-element.skyline-multiselect .ui-multiselect{
    max-width: 300px;
    margin-bottom: 10px;
}
.col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element label.alternative-design-label,
.col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element label:not(.filter-label){
    text-align: right;
    margin-right: 5px;
    width: 300px !important;
    margin-bottom: 10px;
}
.col-lg-6.col-field-holder-1.form-field-holder{
    width: 100% !important;
}

.col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .radio label{
    width: 70px !important;
    display: inline-block !important;
    text-align: left !important; 
}
.col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.radio-data label{
    float: left;

}
.col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.et-textarea label{
    vertical-align: top;
    padding: 0;
}
.col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.et-textarea textarea{
    margin-bottom: 20px;
    height: 110px;
}
.col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.et-textarea .charNumHolder{
    float: none;
    margin: -10px 0 10px -300px;
    display: initial;
}


.form-field-holder .column-holder .fg-help-icon {
    margin-top: 0px;
    margin-left: 10px;
}

.fg-form .fg-element-input{
    margin-left: 1px;
    /* T: 17409 START */
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    /* T: 17409  END */

    /*T-18476*/
    -webkit-appearance: none;
    appearance: none;
    /*T-18476*/
    padding: 5px; /* T:18494 */

}

.fg-form .fg-element .ui-combobox .form-control{
    width: 100% !important;
}

.fg-form .fg-element .combobutton {
    position: absolute;
    top: 8px!important;
    right: 0px;
}

.fg-form .ui-datepicker-trigger{
    margin-left: -30px;
    margin-top: -5px;
    padding-right: 7px;
}

/*-------------------FormGen popup CSS ----------------------*/

.box-panel-shadow .box-header.green-m{
    background: #42a64d;
}

/*Static Table Buttons*/
.DTTT_container{
    display: inline-block;
}

.DTTT_container a, .DTTT_container .label {
    padding: 6px 15px;
    margin: 5px 10px 0 0;
}

table.dataTable{
    width: 100% !important;
    border:0;
}
.DTTT_container .DTTT_button{
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
}
/* New Design Buttons Start*/
.ui-front {
    z-index: 1000;
/*T27637 ---- 31-08-2020*/
/*z-index: 9990;*/
}
.new-btn {
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 10px;
    color: #fff;
}
.new-btn:hover{ 
    border: 1px solid #565656;
    background: #565656;
    color: #fff;
}
.greenbtn {
    border: 1px solid #4aa851;
    background:#4aa851;
}
.blackbtn-disabled, .blackbtn {
    border: 1px solid #000000;
    background:#000000;
}
.redbtn-disabled, .redbtn {
    border: 1px solid #ff0000;
    background:#ff0000;
}
.bluebtn-disabled, .bluebtn {
    border: 1px solid #0768c2;
    background:#0768c2;
}
.themepickerbody {
    padding-bottom: 30px;
}
tr.row_selected td, tr.DTTT_selected td {
    background-color: #bcbebf !important;
}
/* New Design Buttons End*/
.responsiveDialog {
    white-space: nowrap;
}

.grid-stack-item .edit-popup {
    border: none;
}

.edit-popup{
    padding: 20px;
    margin: 20px;
    border: 1px solid #f1f1f1;
    position: relative;
    overflow: inherit !important;

}
.edit-popup .ui-combobox {
    position: relative;
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    padding: 2px 0px 2px 0px;
    margin: 0px;
    color: #737373;
    font-family: 'Lato' !important;
}
.edit-popup .ui-combobox .form-control {
    width: 100%;
    margin-left: 0;
}
.edit-popup .ui-combobox a.combobutton {
    position: absolute;
    top: 7px!important;
    right: 11px;
    display: block;
    width: 18px;
}
  

.edit-popup .check-new .checkbox{
    float: left;
    padding-left: 20px;

}
.edit-popup .check-new .checkbox label{
    margin-top: 3px;
}
.edit-popup sup{
    color: #ff0000;
}
/*T19773*/
#FGDataForm-703 .edit-popup {
    padding: 10px 20px 20px 20px;
}
/*T19773*/

.knowledge-content{
    padding: 0;
    margin: 20px 0;
}

.knowledge-lt{
    float: left;
    width: 20%;
}
.knowledge-lt h2{
    font-size: 18px;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    color: #0768c2;
    font-weight: 600;
}

.kbe_widget ul{
    padding: 0;
    margin: 0;
}
.kbe_widget ul li{
    list-style: none;
    color: #555;
    margin: 10px 0;

}

.knowledge-rt{
    width: 78%;
    float: left;
    margin-left: 2%;
}

.knowledge-rt .search{
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 5px 10px;
    width: 100%;
}
.knowledge-rt .zoom-icons{
    float: right;
    cursor: pointer;
}
.knowledge-rt .zoom-icons img{
    float: left;
    margin-left: 20px;
}

.knowledge-rt .single-article{
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 15px;
}


.kbe_widget ul li a:after {
    content: "";
    font-family: 'FontAwesome';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    background: #2e9afd;
    color: #fff;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.kbe_widget ul li a {
    color: #555;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    padding: 5px 0;
    margin: 0;
}
.kbe_widget ul li.activeCat a{
    border-bottom: 1px solid #0768c2;
    color: #0768c2;
}

.kbe_widget ul li.activeCat a:after {
    content: "\f105";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.kbe_widget ul li a:after {
    content: "\f107";
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.kbe_widget ul li.activeCat ul{
    padding: 0 0 0 0;
    margin: 0 0 0 40px;
}

.kbe_widget ul li.activeCat ul li{
    border-bottom: none;
    list-style:disc;
    color: #0768c2;
    padding: 0;
    margin: 0;
}
.kbe_widget ul li.activeCat ul li a{
    border: none;
    padding: 5px 0;
    color: #555;
    text-decoration: none;
}
.kbe_widget ul li.activeCat ul li a:after{
    display: none;
}

.knowledge-rt-top{
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.kbe_leftcol h2,
.kbe_articles h2{
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #0768c2;
    font-weight: 600;
    text-transform: capitalize;
}

.kbe_articles ul{
    padding: 0;
}
.kbe_articles ul li{
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

.kbe_articles ul li a b{
    font-weight: 400;

}
.kbe_articles ul li a.EditLink{
    border: 1px solid #ff0000;
    color: #ff0000;
    font-size: 12px;
    font-weight: 500;
    margin-left: 15px;
    padding: 3px 10px;
    border-radius: 30px;

}

.kbe_articles ul li a.EditLink:hover{
    background: #ff0000;
    color: #ffffff;
}

.knowledge-category{
    margin-left: 10px;
    display: inline-block;
}
.knowledge-category a,
.knowledge-category .check-new{
    margin-right: 10px;
    display: inline-block;

}

.knowledge-category .check-new label{
    padding-left:20px; 
}

.knowledge-category .check-new label::before, .knowledge-category .check-new label::after{
    top:2px;
}

/*--------------UI Combobox ----------------*/
.skyline-combobox .ui-combobox {
    position: relative;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 16px;
    font-size: 12px;
    padding: 2px 0px 2px 0px;
    margin: 0px;
    color: #737373;
    font-family: 'Lato' !important;
}
.skyline-combobox .ui-combobox{
    margin-left: 0;
    width: 100%;
}
.skyline-combobox .combobutton {
    position: absolute;
    top: 8px;
    right: 5px;
}
.skyline-combobox .ui-combobox .form-control{
    width: 100%;
    margin-left: 0;
}

.skyline-combobox-table{
    width: 30%;
    display: inherit;
    float: left;
}

.skyline-combobox-table .ui-combobox{
    width: 50%;
}
.skyline-combobox-table .combobutton {
    position: absolute;
    top: 8px;
    right: 2px;
}

.form-group sup{
    color: #ff0000;
    font-weight: 600;

}

.statistics-box .chart_wrap_new_text {
    top: 130px;
    left: 90px;
    font-size: 35px;
    font-weight: 600;
    width: 150px;
}
#ChartHolder_9_4{
    width: 100%;
    height: 300px;
    position: absolute;
}
.radio-lable{
    float: left;
    margin-right: 15px;
    /*    T20759 ------ 05-11-2019*/
    z-index: 111;
}

/* Error from Form page */
.form-group.row-centered label.fieldError {
    /*T22071*/
    display: inline-block;
    text-align: left;
    padding-left: 20px;
    margin-left: 40%;
    margin-top: 10px;
    color: #ff0000;
    background: url(https://development.pccsuk.com/alpha/css/Skins/skyline/images/error_icon.png) no-repeat 0 3px;
}

/* Error Page */

.error-body{
    width: 70%;
    margin: 10% auto;
}

.error-body .error-img{
    text-align: right;
}
.error-body .error-img img{ 
    width: 70%;
    margin: 30px 0;
}
.error-body .error-content,
.error-body .error-content .error-img{
    font-size: 15px;
    text-align: left;
}
.error-body .error-content .error-img img{
    width: auto;
    margin: 0;
}

.error-body .error-content h2{
    font-size: 20px;
    padding: 0;
    margin: 10px 0 5px;
    font-weight: 600;
    line-height: 30px;
}

.error-body .error-content h3{
    font-size: 18px;
    padding: 0;
    margin: 0px 0;
    font-weight: 600;
    line-height: 30px;
    color: #0768c2;
}

.error-body .error-content p{
    padding: 0;
    margin: 0;
}

.error-body .error-content p a{
    color: #0768c2;
    font-weight: 600;
}

.showinactive{
    float: right;
}
.showinactive label{
    padding-left: 20px !important;
}

.main .box-panel-body .check-new{
    margin-top: 10px;
}

.main .box-panel-body .check-new .checkbox label{
    padding-left: 20px;
}


.bookingperformance-btns{
    margin-top: 5px;
}

.bookingperformance-btns label{
    margin-right: 10px;
}

.bookingperformance-btns .ui-datepicker-trigger {
    margin-left: -30px;
    margin-top: 0;
    margin-right: 20px;
}

/* Booking Performance 07-01-2019 */

.bookingperformance-panel{
    padding: 0;
    margin: 0;
}



.bookingperformance-panel label,
.bookingperformance-panel .skyline-multiselect{
    display: inline-block;
}

.bookingperformance-panel .skyline-multiselect{
    width: 80%;
    margin-left: 5px;
}

.ui-widget-header a {
    color: #fff;
    display: flex;
}

div.dt-buttons .dt-button {
    /*margin: 5px 5px 0;  changed margin: 4px to 5px T:19923 */
    float: left;
    text-align: center;
    width: auto;
    padding: 5px 15px;
    
}
/* Table Gen Page Description P Tag 21-01-2019*/
#home .box-panel-body p {
    margin-bottom: 0px;
}
#charts-holder .chartpanel {

    display: inline-block;
    width: 100%;
}


/*Push menu 2 -ADD styles 22-01-2019 */

.push-main-header {
    width: 50px;
    left: 0;
    transition: all 0.3s ease;
    position: absolute;
}

.push-main-header a {
    position: relative;
    background: #0768c2;
    color: white;
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 3px;
    line-height: 35px;
    text-align: center;
}

.page-wrap {
    float: right;
    width: 100%;
    transition: width 0.3s ease;
    padding-left: 0;
}

.push-site-nav {
    position: absolute;
    top: -20px;
    width: 3%;
    height: 100%;
    transition: width 0.3s ease;
    white-space: nowrap;
    text-transform: uppercase;
    min-width: 50px;
}
.push-site-nav ul.personaldetails-tabs{
    width: 100%;
    /* T25386 ---- 21-05-2020*/
    margin-top: 0px;
    /*    T20510 --- 28-11-2019*/
    padding: 0 0 0 10px; 
}

.push-site-nav a,
.push-site-nav ul.personaldetails-tabs li,
.push-site-nav ul.personaldetails-tabs li.active,
.push-site-nav ul.personaldetails-tabs li:hover

{
    display: block;
    border-bottom: 0;
    padding: 0;
    margin: 0;
    position: relative;

}

.push-site-nav li.active p,
.push-site-nav li p{
    font-size: 0;
    padding: 25px;
    height: 50px;
}

.push-site-nav.push-lt li:hover p,
.push-site-nav.push-lt li p{
    font-size: 15px !important;
    padding: 15px 0px 14px 0px;
    height: auto;
}

.personaldetails-tab-m{
    display: flex;
    white-space: normal;
    align-items: center;
}

.push-site-nav ul.personaldetails-tabs li:hover p{
    display: block;
}

.push-site-nav a:hover,
.push-site-nav ul.personaldetails-tabs li:hover{
    display: inherit;
    width: 100% !important;
}



.push-site-nav a:hover,
.push-site-nav a:focus {
    background: #333;
}

.push-site-nav:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 4px;
}

.close-menu {
    float: right;
}

.push-main-header a.open-menu{
    position: absolute;
    left: 10px;


}

.push-site-nav.push-lt{
    width: 20%;
}

.page-wrap.push-rt{
    width: 75%;
}
.doc-bmenu .page-wrap .push-main-header a.open-menu{
    position: absolute;
    left: 20px;

}

.doc-bmenu .push-site-nav.push-lt{  
    width: 29%;
}
.doc-bmenu .page-wrap.push-rt {
    width: 70%;
}

.doc-bmenu .page-wrap .push-main-header {
    width: 30%;
    top: 20px;
    position: absolute;
    left: 0;
    z-index: 11;
}

.page-wrap .close-menu {
    display: block;
    position: absolute;
    right: 0px;
    font-size: 20px;
    font-weight: normal;
    background: transparent;
}

.page-wrap .push-main-header {
    width: 20%;
    top: 20px;
    position: absolute;
    left: 0;
    z-index: 95;
}



/*---------------------Add Class 23-01-2019 ------------------*/
#admin-menu{
    padding: 0;
    margin: 0 !important;
}
.panel-content{
    padding: 10px 15px;
}

.fg_button {

}

/*---------------------Add Class 24-01-2019 ------------------*/

.tg_but_class_1{

}


/*Home Panel Drag and Drop 11-01-2019*/
.grid-stack-item-content .box-panel-shadow{
    margin-top: 0;
}


/*---------------------Add Class 25-01-2019 ------------------*/
.box-header.job-search-header{
    padding: 0;
}

.box-header.job-search-header h4{
    float: left;
    padding: 15px 20px;
    right: 10px;
}

.box-header.job-search-header .advance-search{
    float: right;
    padding: 0;
    /*T57893 <18/12/2024>*/
    position: absolute;
    margin-right: 10px;
    margin-top: -6px;
}

.job-search-form label {
    line-height: 33px;
}

.job-search-form input.form-control{
    width:88%;
    border: 1px solid #cfcfcf !important;
    padding: 5px 15px;
    height: auto;
    border-radius: 5px !important;
}
.job-search-form label.general{
    width: 12%;
}

.job-search-form.re-job-search-form label,
.job-search-form.re-job-search-form input,
.job-search-form.re-job-search-form button{
    width: 100%;
} 

.job-search-form.re-job-search-form button.btn{
    margin-top: 20px;
}

/*---------------------Add Class 28-01-2019 ------------------*/

.table-column-filter {
    color: #555;
    font-weight: bold;
    background: white;

    font-size: 15px;

    height: 23px;
    padding-left: 3px;
    margin-left: 0px;
}
table.dataTable thead th:first-child,
table.browse tbody tr.odd td:first-child
table.browse tbody tr td:first-child{
    border-left: 0;
}
.chart-Holder{
    float: left;
    margin-right: 20px;
    padding:5px;

}

div.dt-buttons .dt-button.tg_but_class_1{
    margin-left: 0px !important;
    /*margin-right: 5px !important;*/
}

/*---------------------Add Class 29-01-2019 ------------------*/
tabs_wrapper .page-wrap .w100{
    width: 100%;
    border-bottom: none;
}

/*----------------Job Search panel right side ----------------------------*/

.Jb-panel-right{
    position: fixed;
    top: 160px;
    right: -32px;
    z-index: 1;
}
.Jb-panel-right a.Jb-panel-right-open{

    text-decoration: none;
    margin-left: 0;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: #0768c2;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    border-radius: 8px;
    float: left;
}
.Jb-panel-bg {
    background: #0768c2;
    border: 1px solid #0768c2;
/*    T39802 -------- 05-05-2022*/
/*    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;*/
    color: #fff;
    float: left;
    /*    T39802 -------- 05-05-2022*/
    overflow: hidden;
}

.Jb-panel-bg ul.Jb-search-input{
    padding: 0;
    margin: 20px;
}

.Jb-panel-bg ul.Jb-search-input li{
    list-style: none;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.Jb-panel-bg ul.Jb-search-input li input.form-control{
    width: 70%;
    float: left;
    margin-right: 2%;
}

.Jb-panel-bg ul.Jb-search-input li a.Jb-search-icon{
    float: left;
    background: #ff9c00;
    padding: 8px 13px;
    border-radius: 3px;
}

.Jb-panel-bg p{
    padding: 0 20px 20px;
    margin: 0 0 15px 0px;
    border-bottom: 1px solid #5da0da;
}

a.advanced-link{
    font-size: 13px;
    color: #fff;
    text-decoration: underline;
}

a.advanced-link:hover{
    text-decoration: none;
}
.Jb-panel-bg ul.Jb-search-link,
.Jb-panel-bg ul.addJbfolder{
    padding: 0;
    margin: 0px;
}
.Jb-panel-bg ul.Jb-search-link li,
.Jb-panel-bg ul.addJbfolder li{
    list-style: none;

}
.Jb-panel-bg ul.Jb-search-link li a{
    color: #fff;
    padding: 5px 15px;
    float: left;
    width: 100%;
}
.Jb-panel-bg ul.Jb-search-link li a i{
    margin-right: 10px;
}
.Jb-panel-bg ul.Jb-search-link li a:hover{
    background: #297dca;
}

.Jb-panel-bg ul.addJbfolder{
    border-top: 1px solid #afd1f1;
    float: left;
    margin-top: 20px;
    width:100%;
    margin-bottom: 20px;
}

.Jb-panel-bg ul.addJbfolder li{
    color: #fff;
    background: #297dca;
    padding: 10px 15px;
    float: left;
    width: 100%;
}

.Jb-panel-bg ul.addJbfolder li i{
    margin-right: 10px;
}

.Jb-panel-bg .radio label {
    display: inline-block !important;
    left: 20px !important;
    margin-bottom: 20px;
    color: #ffffff !important;
}
.sidrheader {
    text-align: center;
}
/*------------------ Add Class 31-01-2019 --------------------*/
.ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 0 !important;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Lato' !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover{


}

.top-time
{
    float: left;
    margin-top: 21px;
    margin-right: 10px;
    font-family: 'Lato' !important;
    font-size: 15px;
    font-weight: 600;
}

.top-time .m-none{
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #000;

}

.top-time span{
    color: #cc4885;
    font-size: 18px;
}

.top-time span{
    margin-left: 10px;
}
/*-----Wall Board Gen Classes */
.wallboard-token{
    border: 1px solid #f1f1f1;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin: 10px;
}
.wbg-title{
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
    background: #3967d6;
    color: #fff;
}
.thumbnail-wb{
    width: 200px;
    height: 115px;
    border:1px solid #f1f1f1;
}
.wallboard-token:hover, .selected-wallboard{
    background: #f1f1f1;
    border: 1px solid #b9ceff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);
}

.row-centered .skyline-multiselect .ui-multiselect{
    width: 95% !important;
    float: left;
    margin-left: 0;
}
.row-centered .ui-multiselect.ui-widget.ui-state-hover,
.row-centered .ui-corner-all.ui-state-hover{
    padding: 0 10px !important;
}

label.themeslable {
    font-size: 18px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    color: #216af1;
    font-weight: 500;
}
.mireportscnt {
    float: right;
    z-index:9999; 
    background:#FFF; 
    color: #3967d6;
    font-weight: 500;
    font-size: 14px;
}

/*--------Top Header Service Provider Name add---------- (11-02-2019) ----------*/ 
.sp-name-header{
    position: absolute;
    top: 25px;
    font-size: 18px;
    color: #005fbf;
    font-weight: 600;
    width: 50%;
    text-align: center;
    right: 30%;
}

/*---------- (13-02-2019) ----------*/
.add-new-link{
    float: right;
    color: #2e9afd;
    top:-4px;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    margin-top: 3px;
    height: 30px !important;
    line-height: 25px !important;
}
.skyline-multiselect a.add-new-link{
    font-size: 10px;
    right: 55px!important;
    top: 7px!important;
    width: auto;
}
.skyline-multiselect a.edit-table-link,
.form-group a.edit-table-link{
    color: #2E9AFD;
    text-decoration: underline;
    position: absolute;
    right: 60px;
    cursor: pointer;
    top: 10px;
    right: 50px;
    font-size: 12px;
    width: auto;
    padding: 2px 5px;
    border-radius: 3px;

}
/*T18460----------- 16-09-2019*/
.add-new-link:hover,
a.add-new-link:hover,
a.edit-table-link:hover{
    color: #fff !important;
    background:#2e9afd ;
    text-decoration: none;
}
/*******************Form Gen CSS***************/
.always-hidden {
    display: none!important;
}
.fg-bottom-but-holder {
    text-align: center;
    margin-top: 20px;
}

/************Forum New CSS*************/
.topprofileicon{
    float: left;
    margin-right: 10px;
}
.topprofileicon .badge {
    margin-left: -20px;
}
.badge.inboxcount{
    padding: 3px 6px;
    background-color: #0768c2;
}
.forum-logo {
    float: left;
    margin-left: -40px;
}
.forum-logo img{
    max-width: 150px;
    max-height: 55px;
    width: auto;
    height: auto;
    margin-top: 25px;
}

/*--------------19-02-2019 New classes adding T13630 --------------*/

.roundframe{
    padding: 20px;
}

.addPadding form,
#preview_section{
    border: 1px solid #cac9c9;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    margin-bottom: 20px;
}

#admin_main_section {
    overflow: hidden;
    margin: 1em !important;
}
#live_news {
    width: 65%;
    font-size: 0.85em;
    float: left;
    margin-right: 1%;
    border: 1px solid #cac9c9;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

#supportVersionsTable {
    width: 34%;
    float: left;
    border: 1px solid #cac9c9;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

#smfAnnouncements {
    min-height: 240px !important;
    padding: 10px;
    overflow-y: scroll;
}

#smfAnnouncements dt{
    border-bottom: 1px solid #d2d2d2 !important;
    text-align: right;
    margin: 0;
    padding: 10px 0;
}
#smfAnnouncements dt a{
    float: left;
    color: #cc558b;
}

#smfAnnouncements dd {
    padding: 0;
    margin: 10px 0 !important;
}

#admincenter{
    border: 1px solid #d2d2d2 !important;
    box-shadow: none !important;
}
#admincenter form{
    border:none !important;
}

#package_list {
    list-style-type: none;
    padding: 0;
}

.information {
    max-height: 15em;
    overflow: auto;
    padding: 1.5em;
}
.admincenter .title_bar h3.titlebg{
    font-size: 18px !important;
    padding: 10px;
    margin: 0;

}
.buttonlist ul li a span{
    border-radius: 3px !important;
}

.sidebar-mini.sidebar-collapse .login-footer {
    margin-left: 0px !important;
}


/*----------top Search Panel22-02-2019 -------------------*/
.search-popover{
    padding: 10px;
    position: relative;
}
.popover-content .search-popover{
    width: 550px;
    background: #C3C3C3;
    border-radius: 8px;
    padding: 10px;
    position: absolute;
    left: -22px;
}
.search-popover .input-group .input-group-btn.search-panel {
    width: 40%;
    white-space: nowrap;
    vertical-align: middle;
    left: 10px;
    font-size: 20px;
}

.popover-content .search-popover .filter-btn
{
    width: 100%;
    background: #0080ff;
    padding: 11.5px 10px;
    text-align: left;
    font-size: 15px;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    font-weight: 500;
    border: none;
    font-family: 'Lato', sans-serif;
    color: #000;
    border-radius: 0;
}

.popover-content .search-popover .input-group {
    position: relative;
    width: 100%;
    margin-left: -10px;
}
.popover-content .search-popover .form-control
{
    margin-left: 10px;
    padding: 10px 10px 10px 10px;
    height: 44px;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    z-index: 1;
}

.popover-content .search-popover .arrow-right
{
    background: transparent;
    border: none;
    color: #4da6ff !important;
    font-size: 20px;
    position: absolute;
    right: -5px;
    z-index: 1;
    top: 4px;
    padding: 0;
}

.popover.bottom>.arrow{

}

.popover-content .search-popover button .caret{
    border-top: 7px solid #fff;
    top: 20px

}

.dropdown-menu.search-dropdown{
    border-radius: 5px;
    border:1px solid #0080ff;
}
.dropdown-menu.search-dropdown>li>a{
    padding: 5px 20px;
    color: #000;
    cursor: pointer;

}
.dropdown-menu.search-dropdown>li{
    border-bottom: 1px solid #e0e0e0; 
}
.dropdown-menu.search-dropdown>li:last-child{
    border-bottom: none;
}
.dropdown-menu.search-dropdown>li>a:hover{
    color: #0080ff !important;
    background-color: transparent !important;
}

/* -------------11-03-2019 ------------------------*/

.fg-bottom-but-holder{
    margin-left: 0px;
}

.tab_container.persnol-tabs-rt .ui-tabs .ui-tabs-panel
{
    overflow: inherit;
}


/*--------------12-03-2019--------------- Tg Sub menu*/

.tg-submenu-list{
    padding: 0;
    margin: 10px 0px;
    width: 100%;
    display:inline-flex;
}

.tg-btn-m20-left{
    margin-left: 20px;
}
.tg-submenu-holder-list{
    /*position: absolute !important;*/
}
.tg-submenu-list-btn{
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: #19CDC7;
    padding: 10px;
    border: 1px solid #19CDC7 !important;
    width: 100%;
    min-width: 200px;
    text-align: left;
    position: relative;
}
button.tg-submenu-list-btn .caret{
    border-top: 7px solid #19CDC7;

}


.tg-submenu-list button{
    float: left;
    margin-right: 5px;
    border-radius: 5px;
}

.tg-submenu-holder-list .dropdown-menu.subactivities{
    margin-left: 20px;
}
.tg-submenu-holder-list .tg-submenu-list-btn,
.tg-submenu-holder-list2 .tg-submenu-list-btn,
.tg-submenu-holder-list-top .tg-submenu-list-btn{
    display: none;
}

.tg-submenu-holder-list-top .toplinks{
    display: inline-block;
    margin: 20px 0 0;
    width: 100%;
}


.list-display ul.dropdown-menu{
    display: block;
    position: inherit;
}

.dropdown-menu.subactivities{

    margin: 0px;
    min-width: 200px;
    padding: 0;
    border:none;
    background: transparent;


}
.dropdown-menu.subactivities li{
    float: left;
    margin-bottom: 10px; /* T17301 <24-07-2019> */
}
.dropdown-menu.subactivities a,
.dropdown-menu.subactivities button{
    border: none;
    padding: 10px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 5px;
}

.dropdown-menu.subactivities a.tg-sub-table-button-active
.dropdown-menu.subactivities button.active{
    background: #19CDC7;
    color: white;
}

.dropdown-menu.subactivities li:last-child{
    border-bottom: none;
}
/*-------------------14-03-2019--------------------*/
#tg-submenu-holder2,
.tg-submenu-holder-list-top{
    position: relative;
    top: -20px;
    z-index: 11;
}

.tg-flter-holder {
    /*display: inline-flex !important;*/
    display: flex !important;
    margin-top: 10px;
}
.page-wrap.w100{
    border: 0;
    padding: 0;
}

.page-wrap.w100 .persnol-tabs-rt{
    border-left: 0;

}

.tg-submenu-holder-list .tg-submenu-list-btn{
    width: 90%;
    margin: 0 5%;
}

/*--------------18-03-2019 ----------- Payslip inner page changes*/
.payslip-top-row{
    padding: 20px 0;
    display: block;
}

.payslip-top-row .pull-left{
    float: left;
    width: 200px;
    max-width: 100%;
}

.payslip-top-row .sitemap-search{
    float: right;
    width: 200px;
    max-width: 100%;
    background: #fff;
    border-radius: 50px;

}

/*----------------21-03-2019------------- Menu Builder css*/

.create-menu{
    margin-top: 10px;
    background: #0768c2;
    padding: 7px 10px;
    border-radius: 3px;
    color: #fff;

}
.create-menu:hover{
    color: #fff;
    background: #555;
}
.create-menu-btn-top{
    margin-top: 25px;
}


/*25-03-2019 ------------------ T14409 add Tooltip*/

.bxslider2 a .tooltip.top,
.employee-hub-slider a .tooltip.top,
.overview-forum .tooltip.top,
.yourpanel .tooltip.top
{
    top:0 !important;
    left: 0 !important;
    min-width: 230px;
    pointer-events: none;
}

.bxslider2 a .tooltip.top .tooltip-arrow,
.employee-hub-slider a .tooltip.top .tooltip-arrow,
.overview-forum .tooltip.top .tooltip-arrow,
.yourpanel a .tooltip.top .tooltip-arrow,
.yourpanel-tooltip a .tooltip.top .tooltip-arrow{
    bottom: -5px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #cc4885;
}

.bxslider2 a .tooltip.top .tooltip-inner,
.employee-hub-slider a .tooltip.top .tooltip-inner,
.overview-forum .tooltip.top .tooltip-inner,
.yourpanel .tooltip.top .tooltip-inner,
.payslips-body .tooltip.top .tooltip-inner
{
    max-width: 300px;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    background-color: #cc4885;
    font-size: 13px;
    font-weight: 500;
}

.overview-forum .tooltip.top .tooltip-inner,
.yourpanel  .tooltip.top .tooltip-inner,
.payslips-body .tooltip.top .tooltip-inner{
    background-color: #cc4885 ;
    width: 160px;

}

.tooltip.top .tooltip-inner{
    background-color: #cc4885 ;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}
.tooltip.top > .tooltip-arrow {
    border-top-color: #cc4885;
    width: auto !important;
}

.yourpanel-tooltip .tooltip-inner {
    background-color: #cc4885;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}

.employee-hub-images{
    text-align: center; 
    margin-top: -85px;
}

.employee-hub-images .product-image{
    width: inherit;
}

/*27-03-2019 Add Slider for Employee Hub*/

.employee-hub-slider {
    max-width: 1900px;
    margin: 10px auto 0px;
}
.employee-hub-slider {
    flex: 1 1 0;
}

.employee-hub-slider .inner {
    padding: 10px 10px;
    position: relative;
}

.employee-hub-slider .inner img {
    width: auto;
    height: auto;
    max-height: 182px;
    max-width: 150px;
    margin: 0 auto;
}

/**T14749*/
.empHub-icon
{
    padding: 40px 0px; 
    border-radius: 8px 8px 0px 0px; 
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05); 
    height: 150px;
    overflow: hidden;
}

/*T20124-------------13-11-2019*/
.empHub-icon i{
    font-size: 70px;
    color:#fff;
    /*T24638 --- 29-04-2020*/
    line-height: 1;
}

.empHub-name
{
    padding: 10px; 
    border-radius: 0px 0px 8px 8px;
}
.empHub-name p
{
    margin: 0px auto; font-size: 16px;
    word-break: keep-all;
}

/* Slider */

.slick-track{
    text-align: center;
    margin: 0 auto;
}

.slick-slider
{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: inline-block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 30px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 22px;
    line-height: 1;
    color: #fff;
    /*    opacity: .75;*/
    color: #4F595B;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -55px;
}
[dir='rtl'] .slick-prev
{
    right: -55px;
    left: auto;
}
.slick-prev:before
{
    content: "\f137";

}
[dir='rtl'] .slick-prev:before
{
    content: "\f138";

}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: "\f138";
}
[dir='rtl'] .slick-next:before
{
    content: "\f137";
}

/*28-03-2019 ----------------- T14425 */

#site-nav{
    background: transparent !important;
    min-height: inherit !important;
}



/*---------03-04-2019-------------*/
.show-filter{
    margin-right: 0px;
}
.show-filter .form-control{
    width: 150px;
}

ul.sectionsSortHolder{
    padding-left: 0;
}

.display-top-row .check-new label{
    padding-left: 20px;
}

.display-top-row .check-new{
    float: left;
    margin-right: 25px;
}
.down-link i{
    color: #555;
}

.content.no-min-height{
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;

}

/*.book_section_data{
    padding-bottom: 25px;
}*/
.book_section_data label{
    /*    T22219 ----------- 05-02-2020*/
    text-align: right;
    margin-top: 0 !important;
}

.book_section_data .radio label{
    width: auto;
}

.book_section_data .skyline-combobox .ui-combobox{
    padding: 0;
}
.book_section_data .col-centered{
    text-align: left;
}

#jobBookingPanel .fg-checkbox{
    top:0;
}



.book_section_data .radio {
    float: none;
    margin: 0;
    display: initial;
    text-align: left;
    /*T21817*/
    top:0px;
}

.book_section_data.form-group.row-centered .helpTextIconQtip {
    margin-top: 10px;
    float: none;
    text-align: left;
}

.book_section_data .fg-element-input{
    width: 95% !important;
    margin-left: 0 !important;
}
.book_section_data  .fg-element .ui-combobox {
    width: 95%;
}

.book_section_data .skyline-combobox .combobutton{
    right: 0;
}
.book_section_data .fg-checkbox{
    top:0;
}

.book_section_data.form-group.row-centered label.fieldError{
    width: 100%;
    margin: 0;
}


/*04-04-2019*/

.job-booking-process-box{
    margin-bottom: 15px;
}

/*05-04-2019*/
ul.treeview-menu li.treeview .sidebar-sub-link{
    margin-left: -10px;
    margin-top: -18px;
}

/*08-04-2019---- <T14734 >*/

.latest-news-content{
    padding: 0;
}

.latest-news-content h4
{
    padding: 0;
    margin: 10px 0;
    font-size: 17px;
}

/*T15439 <24/05/2019>*/
.latest-news-content h4 a, .latest-news-content h4 a:hover, .latest-news-content h4 a:focus {
    color: #4aa851;
}

.latest-news-content p {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.latest-news-content a.dispNewsCategory{
    background: #46bcc6;
    font-size: 13px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 10px;
    text-transform: uppercase;
}

.latest-news-content a.dispNewsCategory:hover{
    color: #000;
}

.latest-news-body .list-news{
    padding: 10px 0;
}

/*<---T14763--->*/

.gridstack-disabled .grid-stack > .grid-stack-item{
    opacity: inherit;
}

.sitemap-list.webinars_comingsoon,
.sitemap-list.Twitter_comingsoon{
    padding: 0;
    border: none !important;
    margin-bottom: 0;

}

.sitemap-list.webinars_comingsoon .icon:after
{
    border-top: 302px solid #4aa851 !important;
}

.sitemap-list.Twitter_comingsoon .icon:after {
    border-top: 302px solid #00acee !important;
}
.sitemap-list.Twitter_comingsoon:before {
    background: #00acee !important;
}


.sitemap-list.webinars_comingsoon:before
{
    background: #4aa851 !important;
}
.sitemap-list.webinars_comingsoon .icon,
.sitemap-list.Twitter_comingsoon .icon{
    background: #4aa851 !important;
    float: left;
    width: 20%;
    height: 300px;
    position: relative;
    padding: 35px 35px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 140px;
    color: #f7f7f77a;
}

.sitemap-list.Twitter_comingsoon .icon{
    background: #00acee !important;
}

.sitemap-list.webinars_comingsoon:hover,
.sitemap-list.Twitter_comingsoon:hover{
    border: none !important;
} 

.sitemap-list.webinars_comingsoon .data h4,
.sitemap-list.Twitter_comingsoon  .data h4{
    font-size: 50px;
    margin: 70px 50px;
    color: #555 !important;
    font-weight: 500;
}

/*09-04-2019*/

.docExtra-section ul{
    text-align: right;
    margin: 20px auto 0;
}


/*17-04-2019*/

.NewLogin .radio.fp-user-step1-3{
    text-align: left;
    line-height: 18px;
}
.NewLogin .table-data [type="radio"]:checked + label, 
.NewLogin .table-data [type="radio"]:not(:checked) + label {
    line-height: 18px;
}

/*T14979*/

.yourvoice .slick-slide,
.yourdocuments .slick-slide{
    margin: 0px 10px 0 9px;
    position: relative;
}
.yourvoice .slick-track,
.yourdocuments .slick-track{
    margin: 0;
}

.yourvoice .slick-prev,
.yourdocuments .slick-prev{
    left: -18px;
    z-index: 11;
}
.yourvoice .slick-next,
.yourdocuments .slick-next{
    right: -18px;
}
.yourvoice-panel.box-panel-body{
    padding: 5px 20px;
}
.yourdocuments .slick-next:before,
.yourdocuments .slick-prev:before,
.yourvoice .slick-next:before,
.yourvoice .slick-prev:before{
    color: #8fd774

}
/*-----T14978 --------*/
.pic .pic-md{
    margin: 60px 0 0;
}
.employeePaySlip-panel{
    width: 100%;
    display: block;    
    max-width: 750px;
    margin: 0px auto;
    padding: 20px;

}

.employeePaySlip-panel-row{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 7px;
}

.employeePaySlip-panel-lt{
    width: 50%;
    float: left;
}
.employeePaySlip-panel-rt{
    float: right;
    width: 50%;
}

/**T15244
*Employee Payslip Height issue fix
*/
#employeePaySlip .employeePaySlip-panel-lt .payments,
#employeePaySlip .employeePaySlip-panel-rt .deduction
{
    height: 130px;
}

#employeePaySlip .employeePaySlip-panel-lt .payments table tbody td,
#employeePaySlip .employeePaySlip-panel-rt .deduction table tbody td
{
    height: 1px;
}

.employeePaySlip-panel-row .pull-left
{
    max-width: 50%;
}
.employeePaySlip-panel-row .pull-right
{
    max-width: 49%;
}

.pull-left.upperText,
.pull-right.upperText
{
    text-transform: uppercase;
}

.pull-left.upperText .normalTxt
{
    text-transform: capitalize;
}

.employeePaySlip-panel-row.row-mTop
{
    margin-top: -24px;
}

.employeePaySlip-panel-row.tableHeight
{
    display: table;
    height: 110px;
    min-height: 110px;
}
.employeePaySlip-panel-row.tableHeight .employeePaySlip-panel-lt,
.employeePaySlip-panel-row.tableHeight .employeePaySlip-panel-rt
{
    display: table-cell;
    height: 100%;
}

.employeePaySlip-panel-row .pd-details
{
    min-height: 103px;
}
.employeePaySlip-panel-row .pd-details p label
{
    width: 84%;
}
.employeePaySlip-panel-row .pd-details p span
{
    width: 15%;
}

.pay-period-details .caption2{
    display: block;
    margin-top: 8px;
}

/**T15244*/

.yearDateFigure
{
    height: 232px;
}
.netDetails
{
    min-height: 232px;
}

.latest-news-body .pic {
    width: 100%;
    height: auto;
    max-height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden!important;
}

#forumposts .p-bt30 img{
    margin: 0 auto;
    display: block;
}

#forumposts .pic .pic-md {
    margin: 0px 0 0;
    width: auto;
    height: auto;
    max-width: 50%; /* T: 15447 */

}

.forum-user-top.user-menu .post-name {
    float: left;
}

.employeePaySlip-panel-lt .emp-row{
    width: 100%;
    padding: 0;
    margin: 0;
}
.employeePaySlip-panel-lt .emp-row .col-header{
    background-color: #F1F3F5;
    padding: 5px;
    font-weight: 600;
}
.employeePaySlip-panel-lt .emp-row .col-1{
    float: left;
    width: 30%;
    padding-left: 5px
}

.employeePaySlip-panel-lt .emp-row .col-2{
    float: left;
    width: 20%;
}

/*23-04-2019*/

.employee-hub-slider .slick-list {

    margin: 0 40px;

}

.employee-hub-slider .slick-next{
    right: 0;
}
.employee-hub-slider .slick-prev{
    left: 0;
}



.box-header.intranetBoxHeader,
.box-header.twitterFeedsHeader{
    padding: 12px 20px 12px;
}
.box-header.intranetBoxHeader h4,
.box-header.twitterFeedsHeader h4{
    float: left;
    white-space:nowrap;
}

/*24-04-2019---------------------*/


.toplinks a.green-btn{
    background: #29ba68;
}

/*25-04-2019--------------*/

.collapsed .check-box.p-lt{
    padding-left: 22px;
}

/*26-04-2019-----------------*/
/*T15157--------------------*/
.top-home-icon,
.top-icons{
    background: #cc558b;
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 5px;
    text-align: center;
    margin-top: 15px;
    padding: 3px 0;
    font-size: 23px;
    color: #fff;
}
.top-icons{
    background: #4aa851;
    margin-left: 20px;
}

.top-home-icon:hover,
.top-icons:hover,
.top-icons:focus,
.top-home-icon:focus{
    color: #fff;
}

/*T15234*/
/*29-04-2019*/
.knowledge-document-top{
    padding: 0;
    margin: 0
}
.knowledge-document-top-lt,
.knowledge-document-top-md,
.knowledge-document-top-rt{
    padding: 0;
    margin: 0;
    width: 15%;
    float: left;
}
.knowledge-document-top-md{
    width: 70%;
    text-align: center;

}

.knowledge-document .manage-button
{
    float: right; margin: 30px 0px 0px -55px;
}

.grid-stack-item-content.box-panel-shadow.latest-news{
    overflow: hidden; 
}


/*T15340 */

#chatter_topNav #chatter_topNav_img {
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    line-height: 40px;
    padding: 0;
    font-size: 23px;
    color: #fff;
    display: block;
}


#news-ticker{
/*    position: fixed; T29777 ---- 10-12-2020 */ 
    width: 100%;
    margin-top: 35px;
    z-index: 98;
}



/*09-05-2019--------------------*/

div[id^="filter-holder-div-"]{
    padding: 0px;
    margin: 0 !important;  /*T21463 ------- 08-01-2020*/
    /*T31506 <12/03/2021>*/
    display: flow-root;
    justify-content: space-around;
    align-items: flex-end;
}
/*T31506 <12/03/2021>*/
.table-reset-filters-link {
    white-space: nowrap;
}

div[id^="filter-holder-div-"] table{
    width: 100%;
    /*T19640 ------------------- 29-10-2019*/
    margin-left: 20px !important;
}

div[id^="filter-holder-div-"] table tr td{
    width: 33.333%;
    float: left;
}
div[id^="filter-holder-div-"] table tr td ul.filter-holder{
    width: 100% !important;
}

div[id^="filter-holder-div-"] table tr td ul.filter-holder li.tg-element{
    margin-right: 10px;
}

div.dt-buttons .dt-button {
/*    top: 0 !important;
    position: relative;*/
}


/*AMUpdate PRofile images change*/

.sysMsgHeader
{
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.sysMsgBody
{
    min-height: 440px;
}

.sysMsgFooter
{
    text-align: right;
    color:#cfcfcf;
}
div[id^="FG-tab-"] .charNumHolder {
    float: right;
    /*margin-right: 10%;*/
}

.apDialogX div[id^="FG-tab-"] .charNumHolder,
.apDialogXW div[id^="FG-tab-"] .charNumHolder {
    margin-right: 0;
}


div[id^="FG-tab-"]  .column-holder .radio label{
    width: auto !important;
    display: inline-block !important;
}

div[id^="FG-tab-"] .fields-holder label.alternative-design-label{
    text-align: left ; /*!important removed for ticket no 21406 and discussed with uday*/
}

.apDialogX div[id^="FG-tab-"] .fields-holder label.alternative-design-label,
.apDialogXW div[id^="FG-tab-"] .fields-holder label.alternative-design-label {
    text-align: right;
}

.apDialogX div[id^="FG-tab-"] .info-field,
.apDialogXW div[id^="FG-tab-"] .info-field {
    top: 0;
}

.apDialogX div[id^="FG-tab-"] .info-field,
.apDialogXW div[id^="FG-tab-"] .info-field {
    top:10px
}

/* Document Repository  Editer View 16-05-2019*/
.kbe_widget.sitemap-search input[type="text"] { 
    margin-left: 0px;
    width: 220px ;
    margin-right: 15px ;
}


/*    27-05-2019*/
/*Moving from AlternativeName Form below Classes*/
/*--------------------------------*/

.altnamepopup{
    /*      width: 100%;
            max-width: 500px;*/
    margin: 20px 20px;
}
.altnameneading{
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #E5A7C3;
    display: flex;
}
.altnameneading .title-lt,
.altnameneading .title-rt{
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    width: 40%;
}
.altnameneading .title-rt{
    width: 60%;
}
.altnamerow{
    padding: 0;
    margin: 0 0 5px; 
    display: flex;
}
.altnamerow label{
    width: 38%;
    text-align: right;
    margin-right: 2%;
    line-height: 38px;
}
.altnamerow .textfield{
    width: 60%;
}
.altnamebtns{
    display: block;
    text-align: center;
    margin: 15px 0;
}


#popUpContainerMainDiv{
    padding: 20px;
}
#popUpContainerMainDiv fieldset{
    border: none;
}
#popUpContainerMainDiv #editpreferencePCCS{
    text-align: left;
}
#popUpContainerMainDiv .skyline-combobox .ui-combobox{
    width: auto;
}

#popUpContainerMainDiv .activeIcon,
#popUpContainerMainDiv .InactiveIcon{
    position: inherit;
    text-align: right;
}

#networkFilter,
#versionFilter{
    width: 50%;
    float: left;
}

#SAdisplayPreferences{
    padding: 20px 0;
}

#rstCreateForm .ui-datepicker-trigger{
    margin-left: -30px;
    margin-top: 7px;
}
#rstCreateForm .hasDatepicker{
    width: 100%;
}
/* 29-05-2019*/
#pswd_info ul li{
    padding-left: 0 !important;
}
button.gplus-red{
    padding: 6px 15px;
}
button.gplus-blue{
    background: #005fbf !important;
    border-radius: 3px !important;
}
/*    30-05-2019*/

.dashboardtabs-panel{
    position: relative;
}
.apDialogX .column-holder-span,
.apDialogXW .column-holder-span {
    width: 100%;
    margin-top: 20px;
}

.apDialogX .column-holder-span label,
.apDialogXW .column-holder-span label {
    padding-right: 0px;
    padding-top: 9px;
    /*T20485*/
    text-align: right;
}

/*T17557 <07/08/2019>*/
.apDialogX.forumIdeasForm .column-holder-span,
.apDialogXW.forumIdeasForm .column-holder-span {
    margin: 0px;
}

.dataTables_wrapper .dataTables_filter{
/*    T27637 ---- 28-09-2020*/
/*    z-index: 1111;*/

}


/*31-05-2019*/

.browserunsuported{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    z-index: 1111;
    position: relative;

}

/*T16786 <03-07-2019>*/

.postlikes{
    padding: 0;
    margin: 0;
}
.latest-news-content .postlikes {
    margin-right: 2px;
}
.latest-news-content .postlikes a i {
    margin-right: 8px;
}

.postlikes a,
.postlikes a span,
.postlikes-page a,
.postlikes-page a span,
.postlikes-page-bottom a,
.postlikes-page-bottom a span{
    color: #4aa851 !important;
    font-weight: 600;
}

.postlikes a i,
.postlikes-page a i,
.postlikes-page-bottom a i{
    background: #4aa851;
    padding: 4px 5px;
    border-radius: 3px;
    color: #fff;
    margin-right: 6px;
    font-size: 15px;
}
.postlikes a span{
    margin-top: 2px;
    font-size: 13px;
}
/*T18614 ------------- 20-09-2019*/
.video-likes .postlikes{
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.postlikes-page{
    display: block;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.postlikes-page-bottom{
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    margin-top: 20px;
}


button.filter-btn{
    margin-bottom: 0 !important;
}

/*T16749 ------------- 04-07-2019*/
.bookingProcess{
    border: 1px solid #eeeeee;
    border-radius: 8px;
    margin: 20px;
}
.bookingProcessHeader{
    background: #cc558b;
    padding: 15px 0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    display: inline-block;
    width: 100%;
}
.bookingProcessHeader h4{
    font-size: 20px;
    color: #fff;
    padding: 10px 20px 10px 30px;
    margin: 0;
    font-weight: 500;
}
.bookingProcessHeader h4 b{
    font-weight: 600;
    font-size: 20px;
}
.bookingProcessHeader .bookingStatus{
    background: #fff;
    color: #333;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 500;
}
.bookingProcessHeader .bookingStatus b{
    color: #cc558b;
}
.bookingProcessBody{
    margin: 50px;
    text-align: center;
}
.bookingProcessBody .icon{
    background: #cc558b;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    margin: 0 auto 40px;
    line-height: 100px;
    cursor: pointer;
}
.bookingProcessBody a.reviewBtn{
    background: #cc558b;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    color: #fff;
}
.modal-dialog.process-box{
    width: 800px;
}


/*T17280<24/07/2019>*/
.box-panel-shadow.dragbox .checkbox-holder input.fg-checkbox {
    width: 10%;
    float: left;
}

.box-panel-shadow.dragbox .checkbox-holder span{
    width: 90%;
    float: left;
}

/* T17282 <01-08-2019> */

.OurserviceBody{
    text-align: center;
    padding: 0px;
    margin: 0 40px;
}
.OurserviceBody .slick-prev {
    left: -25px;
}
.OurserviceBody .slick-next {
    right: -25px;
}

.OurserviceBody a{
    display: inline-block;
    margin: 0 10px;
    border-radius: 5px;
}
.OurserviceBody a:hover{
    background: #ecf0f5;
    display: inline-block;
    margin: 0 10px;
    border-radius: 5px;
}

.OurserviceBody a img {
    display: block;
    width: 90%;
    transform: scale(0.9);
    margin: 0 auto;
    outline: none;
}

.box-panel-body.cati-panel{
    padding: 0px 20px;
}

.panel-new-icon-blue a.brochures {
    background: #d4a0b7;
    padding: 0;
    color: #fff;
    text-align: center;

}


.overview-forum p.data{
    font-size: 13px;
}
.overview-forum span.count{
    font-size: 20px;
    margin: 0 0 0 10px;
}

.employee-hub-slider a .cati_fonts {
    color: #fff;
    font-size: 60px;
}

.cati_bg{
    background: #dcdddd url(../../images/NewDesign/ClientDashboardIcons/cati_bg.png) no-repeat bottom left;
    width: 100%;
    height: 380px;
    float: left;
    border-radius: 8px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;

}

.cati_bg a{
    /*padding: 20%;*/
    display: inline-block;
}

.cati_bg .badge{

}
.cati_bg span.badge{
    background: #e81818;
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 20px;
}

/*T17476 -- 02/08/2019*/
.ui-datepicker .ui-datepicker-buttonpane button,
a.ui-slider-handle.ui-state-default {
    background: #4aa851 !important;
    color: #fff !important;
    border: 1px solid #4aa851 !important;
}

.panel-new-icon-pink i,
.panel-new-icon-blue i{
    font-size: 40px;
    color: #cc558b;
    padding: 20px;
    float: left;
}

.panel-new-icon-blue i{
    color: #0182c4;
}
.panel-new-icon-blue a icon{

}


/*T17410 -----05/08/2019*/

.OurDivisions {
    max-width: 1500px;
    margin: 0px auto 0px;
    padding: 0 25px;
    /*    height: 100px;*/
}
.OurDivisions.slick-slider .slick-slide.slick-active a {
    width: auto !important;
}

.OurDivisions a img {
    display: block;
    /*T31065*/
    width: auto;
    /*transform: scale(0.9);*/
    margin: 0 auto;
    outline: none;
    border-radius: 100%;
}
/*.OurDivisions .slick-slide.slick-current.slick-active a img,*/
.OurDivisions .slick-slide.slick-active a:hover img{
    border: 1px solid #45a94b;
    border-radius: 100%;
    padding: 0;

}
.OurDivisions.slick-slider .slick-prev {
    left: 0;
}
.OurDivisions.slick-slider .slick-next {
    right: 0;
} 

.yourApplications_box{
    padding: 0 0 0px 0;
    margin: 5px 0 15px 0;
    text-align: center;
    border: 1px solid #f5f7f9;
    width: 99%;
    position: relative;
}    
.yourApplications_boxContent{
    display: flex;
    background: #CAD700; /* added by uday */
}
.yourApplications_box .logo-row{
    background: #ecf0f5;
    padding: 15px 0;
}

.yourApplications_box .logo-row img{
    width: 160px;
}
.yourApplications_box .description{
    font-size: 14px;
    text-align: left;
    padding: 10px;
    color: #fff;
}
.yourApplications_box .description h4{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
}
.yourApplications_box .description p{
    font-size: 15px;
    font-weight: 500;
    margin: 0px 0 3px;
    padding: 0px;

}
.yourApplications_box .description span{
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
    color: #74790e;
}

.yourApplications_box .bottom_row{
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yourApplications_box .bottom_row a.pull-left,
.yourApplications_box .bottom_row a.pull-right{
    color: #000;
}
.yourApplications_box .bottom_row a.pull-left i,
.yourApplications_box .bottom_row a.pull-right i{
    font-size: 18px;
    color: #0f6fd2;
    margin-right: 5px;
}
.skillMatchScore{
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 15px;

}
.panelTag{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 59px;
    height: 61px;
}

.HelpPannelBody .HP-box {
    position: relative;
/*    T28281 --- 05-10-2020*/
/*    min-height: 460px;*/
}
.col-md-5ths {
    width: 20%;
    float: left;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.container-fluid.content.center{
    margin-bottom: 60px;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: flex;
}

/*T17530 --- 09/08/2019*/

.navbar-header>button .icon-bar:before{
    display: none;
}
/*T17551---- 13/08/2019*/
.p-bt30 ul,
.p-bt30 ol{
    padding: 0 0 0 20px;
}

/*T-19262 10/10/2019*/


.content.jobApplication{
    width: 1024px;
    margin-bottom: 75px;
}

/*T17917 --- 23-08-2019*/

.dayBtn {
    background: -webkit-linear-gradient(top , #FFFFFF, #FFFFFF) !important;
    background: -moz-linear-gradient(top , #FFFFFF, #FFFFFF) !important;
    background: -ms-linear-gradient(top , #FFFFFF, #FFFFFF) !important;
    background: -o-linear-gradient(top , #FFFFFF, #FFFFFF) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF')!important;
    border: 2px solid #ebebeb !important;
    border-radius: 0 0 0 0 !important;
    color: #66666a !important;
    height:38px;
    margin-right: 5px;
}
.dayBtnSelectd {
    background: -webkit-linear-gradient(top , #27276a, #27276a) !important;
    background: -moz-linear-gradient(top , #27276a, #27276a) !important;
    background: -ms-linear-gradient(top , #27276a, #27276a) !important;
    background: -o-linear-gradient(top , #27276a, #27276a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27276a', endColorstr='#27276a')!important;
    border: 2px solid #27276a !important;
    border-radius: 0 0 0 0 !important;
    color: #ffffff !important;
    height:38px;
    margin-right: 5px;
}
/*T17974 --------- 27-08-2019*/
.leftMove{
    left:19% !important;
}

.HelpPannelBody .HP-box.software-box {
    position: relative;
    height: 320px;
}


/*T18917---- 04-10-2019*/

.Qulitybox{
    padding: 0;
    margin: 0;
    border: 1px solid #CCD1D1;
    display: inline-block;
}
.Qulitybox h3{
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #CCD1D1;
}
.Qulitybox-body{
    padding: 10px;
}
.Qulitybox .lt{
    width: 50%;
    border-right: 1px solid #CCD1D1;
    float: left;
}
.Qulitybox .rt{
    width: 50%;
    float: left;
}
.QulityboxForm label.fieldError{
    float: left;
    margin: 0 0 0 35%;
    color: #ff0000;
}


.Qulitybox-body a.DTTT_button{
    color: #fff;
}

.QulityboxActionForm{

}

.QulityboxActionForm h4{
    border-bottom: 1px solid #c1c1c1;
    padding: 0px 0 20px 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}
.QulityboxActionForm h4 i{
    font-size: 25px;
    float: right;
    color: #29ba68;
}

/*T18918 ----------- 10-10-2019 EmailTemplate*/
a.emailTemplateBtn,
a.emailTemplateBtn2{
    background: #4aa851;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
}
a.emailTemplateBtn2{
    background: #cc558b;
}
.ui-dialog.apDialogEmail{
    width: 900px !important;
}
.ui-dialog.apDialogEmail .modal-header{
    background: url(../../images/NewDesign/EmailTemplate/Header-logo-BG.jpg) no-repeat;
    padding: 20px;
    /*T19442*/
    height: 150px;
    display: flex;
    align-items: center;
    /*T19442*/
}
.ui-dialog.apDialogEmail .modal-header-Covid{
    background: url(../../images/NewDesign/EmailTemplate/Header-logo-Covid-Bg.jpg) no-repeat;
    padding: 20px;
    /*T19442*/
    height: 150px;
    display: flex;
    align-items: center;
    /*T19442*/
}
.ui-dialog.apDialogEmail .modal-header-Amulet{
    background: url(../../images/NewDesign/EmailTemplate/amulet-Header-logo-BG.png) no-repeat;
    padding: 20px;
    /*T19442*/
    height: 150px;
    display: flex;
    align-items: center;
    /*T19442*/
}
.ui-dialog.apDialogEmail .modal-header-radish{
    background: url(../../images/NewDesign/EmailTemplate/radish-Header-logo-BG.png) no-repeat;
    padding: 20px;
    /*T19442*/
    height: 150px;
    display: flex;
    align-items: center;
    /*T19442*/
}

.ui-dialog.apDialogEmail .modal-header-Environmenta{
    background: url(../../images/NewDesign/EmailTemplate/Churchill-Environmenta-Header-logo-BG.png) no-repeat;
    padding: 20px;
    height: 150px;
    display: flex;
    align-items: center;
}
.ui-dialog.apDialogEmail .modal-header-cleaning{
    background: url(../../images/NewDesign/EmailTemplate/Churchill-cleaning-Header-logo-BG.png) no-repeat;
    padding: 20px;
    height: 150px;
    display: flex;
    align-items: center;
}
.ui-dialog.apDialogEmail .modal-header-makeready{
    background: url(../../images/NewDesign/EmailTemplate/Churchill-Makeready-Header-logo-BG.png) no-repeat;
    padding: 20px;
    height: 150px;
    display: flex;
    align-items: center;
}
.ui-dialog.apDialogEmail .modal-header-portfolio{
    background: url(../../images/NewDesign/EmailTemplate/Churchill-portfolio-Header-logo-BG.png) no-repeat;
    padding: 20px;
    height: 150px;
    display: flex;
    align-items: center;
}

.ui-dialog.apDialogEmail .ui-dialog-titlebar{
    position: absolute;
    z-index: 11;
    right: 0;
    background: transparent !important;
}

.ui-dialog.apDialogEmail .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -20px 10px 0 0;
    padding: 1px;
    height: 20px;
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
}

.ui-dialog.apDialogEmail .modal-content .modal-body{
    font-size: 15px;
    padding: 0
}

.ui-dialog.apDialogEmail .modal-content .modal-body .intro {
    padding: 30px;
}

.ui-dialog.apDialogEmail .modal-content .modal-body .intro h4 {
    font-size: 16px;
    font-weight: 600;
}

.ui-dialog.apDialogEmail .modal-content .modal-body .intro p a {
    color: #18c6f2;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance {
    background: url(../../images/NewDesign/EmailTemplate/second-section-BG.jpg) repeat 0px 0px;
    padding: 30px;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .assistanceCati,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistancePlain{
    padding: 0 30px;
}

.ui-dialog.apDialogEmail .modal-content .modal-body .assistance-Covid {
    background-image: url(../../images/NewDesign/EmailTemplate/second-section-Covid-Bg-main.jpg);
    padding:0px 30px 0px 30px;
    text-align: center;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance-amulet {
    background: url(../../images/NewDesign/EmailTemplate/amulet-second-section-BG.png) repeat 0px 0px;
    padding: 30px;
}

.ui-dialog.apDialogEmail .modal-content .modal-body .assistance-radish {
    background: url(../../images/NewDesign/EmailTemplate/radish-second-section-BG.png) repeat 0px 0px;
    padding: 30px;
}


.ui-dialog.apDialogEmail .modal-content .modal-body .assistance h4,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistanceCati h4,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistancePlain h4,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance-Covid h4{
    font-size: 16px;
    font-weight: 600;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance p,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistanceCati p,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistancePlain p,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance-Covid p{
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    padding-bottom: 15px;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance p a, 
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance p .greencolTxt,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistanceCati p a,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistanceCati p .greencolTxt,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistancePlain p a,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistancePlain p .greencolTxt,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance-Covid p a,
.ui-dialog.apDialogEmail .modal-content .modal-body .assistance-Covid p .greencolTxt{
    color: #e8348f;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain {
    padding: 30px;
}

.ui-dialog.apDialogEmail .modal-content .modal-footer {
    background: #4d585a;
    padding: 30px;
    text-align: left;
    color: #fff;
}
.ui-dialog.apDialogEmail .modal-content .Amulrt-modal-footer {
    background: #702277;
    padding: 30px;
    text-align: left;
    color: #fff;
}
.ui-dialog.apDialogEmail .modal-content .radish-modal-footer {
    background: #C20F2F;
    padding: 30px;
    text-align: left;
    color: #fff;
}
.EmailChurchillInsideLogo {
    padding: 50px 50px 50px 0px;
    background: url(../../images/NewDesign/EmailTemplate/Divider-line.png) no-repeat right;
    margin-right: 40px;
    width: 40%;
    text-align: right;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside{
    display: flex
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside button.help,
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside button.helpSite{
    background: #ec038c;
    padding: 8px 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    outline: none;
    color: #fff;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside .inside_buttons{
    padding: 50px 50px 50px 0px;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside button.helpSite{
    background: #71bd47;
    padding: 8px 10px;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside button.help span,
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside button.helpSite span{
    font-size: 15px;
    font-weight: 600;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside button.help i img,
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside button.helpSite i img{
    height: 35px;
    width: 35px;
    margin-right: 5px
}



.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid button.help,
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid button.helpSite{
    background: #ec038c;
    padding: 8px 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    outline: none;
    color: #fff;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid .inside_buttons{
    padding: 50px 0px 50px 0px;
    margin-right: 0px;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid button.helpSite{
    background: #71bd47;
    padding: 8px 10px;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid button.help span,
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid button.helpSite span{
    font-size: 15px;
    font-weight: 600;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid button.help i img,
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .insideCovid button.helpSite i img{
    height: 35px;
    width: 35px;
    margin-right: 5px
}
.insideCovid .EmailChurchillInsideLogoLeft {
    padding: 50px 50px 50px 0px;
    background: url(../../images/NewDesign/EmailTemplate/Divider-line.png) no-repeat right;
    margin-right: 30px;
    text-align: left;
}
.insideCovid .EmailChurchillInsideLogo {
    padding: 50px 0px 50px 0px;
    background: url(../../images/NewDesign/EmailTemplate/Divider-line-left.png) no-repeat left;
    margin-left: 30px;
    text-align: right;
    margin-right: 0px;
}
.insideCovid .Left,
.insideCovid .Middle,
.insideCovid .Right{
    width:33.333333%;
}
/*T19069---------- 10-11-2019*/
.hr-holder hr {
    padding: 1px 0px !important;
    margin: 0px;
}

/* T19357------------------- 18-10-2019*/

.AlertsWidgets.WS_AlertsWidgets {
    display: grid;
    grid-template-columns: repeat(3, 1fr) ;
    /*T21215*/
    grid-auto-rows: 130px;
}

.AlertsWidgets.WS_AlertsWidgets a .AlertIcon {
    width: 35%;
    text-align: center;
    background: #6f6f7b;
    border-radius: 10px 0px 0 10px;
    /*T21215*/
    line-height: 130px;
    font-size: 45px;
    color: #fff;
    font-weight: bold;
}
.AlertsWidgets.WS_AlertsWidgets a .AlertCont {
    width: 65%;
    padding: 12px 10px;
    font-size: 14px;
}



@media(max-width: 1360px) {
    .AlertsWidgets.WS_AlertsWidgets {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 130px;
    }
}
@media(max-width: 1024px) {
    .AlertsWidgets.WS_AlertsWidgets {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 150px;
    }
    .AlertsWidgets.WS_AlertsWidgets a .AlertCont p{
        font-size: 17px
    }
}
@media(max-width: 480px) {
    .AlertsWidgets.WS_AlertsWidgets {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: 100px;
    }
    .AlertsWidgets.WS_AlertsWidgets a .AlertIcon {
        line-height: 70px;
    }
    .skyline-camera .help-holder {
        position: absolute;
        top: 0;
        right: 24px;
    }
    #FGDataForm-34 .ui-tabs-nav li {
        padding: 10px;
        width: 49%;
        margin-bottom: 10px;
    }
    #fg-tabs-34 .help a.helpanch {
        top: 0px !important;
        right: 15px !important;
    }
    #FGDataForm-34 .fields-holder label.col-lg-4 {
        height: 40px;
    }
}

/*    T19372---- 18-10-2019*/
.panel-new-icon-blue a h4{
    color: #fff;
}
/*T19632 --------------- 29-10-2019*/
#sub-form-holder .accordion.accordion-tab{
    text-align: center;
}

/*T18914 ------- 31-10-2019*/
.dataTables_length select{
    border: 1px solid #b9cde4 !important;
    height: 28px;
    border-radius: 3px;
    margin: 0 10px;
    padding: 3px 0px;

}

#HelpTextTopForm p{
    line-height: 18px;
}

.box-panel-body-accordion .stock-menu-emb{
    position: inherit !important;

}
/*T19799 ------ 05-11-2019*/
.ui-multiselect-checkboxes {
    max-height:400px !important;
}

/*T20333----------25-11-2019*/
.ui-dialog.apDialogTabsDesign{
    width: 1024px !important;
}

.ui-dialog.apDialogTabsDesign .modal-content{
    box-shadow: none;
}
.ui-dialog.apDialogTabsDesign .modal-lg{
    width: 100%;
}
ul.NewTabs {
    background:#f3f3f3;
}
ul.NewTabs.nav li{
    float: left;
    background: #f1f1f1;
    color: #545555;

}
ul.NewTabs.nav li a{
    color: #545555;
    border-right: 1px solid #fff;
    position: relative;
}
ul.NewTabs.nav li.active a, ul.NewTabs.nav li a:hover{
    background: #4aa851;
    color: #fff;
}
ul.NewTabs.nav li.active a:before{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #4aa851;
    content: '';
    position: absolute;
    bottom: -8px;
    left: 45%;
}
ul.NewTabs.nav li a i.stockDetails,
ul.NewTabs.nav li a i.stockSettings,
ul.NewTabs.nav li a i.stockPriceing,
ul.NewTabs.nav li a i.suppliers,
ul.NewTabs.nav li a i.bom,
ul.NewTabs.nav li a i.Kitstock
{
    background: url(../../images/NewDesign/TabDesignIcons/stockDetails-off.png) no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
}
ul.NewTabs.nav li a i.stockSettings{
    background: url(../../images/NewDesign/TabDesignIcons/stockSettings-off.png) no-repeat;
}
ul.NewTabs.nav li a i.stockPriceing{
    background: url(../../images/NewDesign/TabDesignIcons/stockPriceing-off.png) no-repeat;
}
ul.NewTabs.nav li a i.suppliers{
    background: url(../../images/NewDesign/TabDesignIcons/suppliers-off.png) no-repeat;
}
ul.NewTabs.nav li a i.bom{
    background: url(../../images/NewDesign/TabDesignIcons/bom-off.png) no-repeat;
}
ul.NewTabs.nav li a i.Kitstock{
    background: url(../../images/NewDesign/TabDesignIcons/Kitstock-off.png) no-repeat;
}

ul.NewTabs.nav li a:hover i.stockDetails,
ul.NewTabs.nav li.active a i.stockDetails{
    background: url(../../images/NewDesign/TabDesignIcons/stockDetails-on.png) no-repeat;
}
ul.NewTabs.nav li a:hover i.stockSettings,
ul.NewTabs.nav li.active a i.stockSettings{
    background: url(../../images/NewDesign/TabDesignIcons/stockSettings-on.png) no-repeat;
}
ul.NewTabs.nav li a:hover i.stockPriceing,
ul.NewTabs.nav li.active a i.stockPriceing{
    background: url(../../images/NewDesign/TabDesignIcons/stockPriceing-on.png) no-repeat;
}
ul.NewTabs.nav li a:hover i.suppliers,
ul.NewTabs.nav li.active a i.suppliers{
    background: url(../../images/NewDesign/TabDesignIcons/suppliers-on.png) no-repeat;
}
ul.NewTabs.nav li a:hover i.bom,
ul.NewTabs.nav li.active a i.bom{
    background: url(../../images/NewDesign/TabDesignIcons/bom-on.png) no-repeat;
}
ul.NewTabs.nav li a:hover i.Kitstock,
ul.NewTabs.nav li.active a i.Kitstock{
    background: url(../../images/NewDesign/TabDesignIcons/Kitstock-on.png) no-repeat;
}
.NewTabs-content.tab-content{
    background: #fff;
    color: #545555;
    padding: 20px;
    margin: -1px 0 0 0;
    border: 1px solid #f3f3f3;
}
.NewTabs-content.tab-content h4{
    color: #4aa851;
    font-weight: 600;
    font-size: 15px;
}

/*T20705 ----------03-12-2019*/
.overview-allDocuments a .top i,
.overview-date a .top i,
.overview-newtopic a .top i,
.yourvoice a .top i,
.overview-forum a .top i{
    font-size: 25px;
    padding: 15px;
}

.panel-alerts a .icon i,
.PaySlipManage a .icon i,
.payslip-box-in a .icon i,
.payslip-box-in a.yourCommunications .icon i{
    font-size: 50px;
    color: #fff;
    line-height: 80px;
}
.payslip-box-in a.yourCommunications .icon i{
    color: #4aa851;
}
.payslip-box-in a.yourCommunications:hover .icon {
    background: #fff !important;
}
.payslip-box-in a.yourCommunications:hover .data h4{
    color: #FFF !important;
}

.panel-alerts a .icon i{
    color: #e9505b;
}
panel-new-icon-pink.your-pay a .icon i{
    color: #cc4786;
}
.PaySlipManage a.emp-handbook .icon i{
    color: #fff;
}
.payslip-box-in .PaySlipManage a .icon i{

    color: #fe8101;
}
/*    T20759 ----- 05-12-2019*/
.charts-display-toggle {
    font-size: 16px !important;
    background: #4aa851;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    text-align: center;
    line-height: 30px;
}
.page-wrap.push-rt .tab_content.details-content h2{
    margin: 0;

}
/*    T20881 ---------- 09-12-2019*/
.doc-rep-dropdown .dataTables_wrapper .dataTables_length {
    margin-bottom: 10px
}
/*    T20759 ---------- 11-12-2019*/
.tg_pie_chart_center
{
    position: absolute;
    top: 20px;
    font-size: 30px;
    z-index: 22;
    left: 74px;
    top: 123px;
    width: 100px;
    text-align: center;
}
.popover.buttonHelpPopover .box-panel-shadow{
    margin: 0;
}

/*T21015 ------------ 17-12-2019*/

.content.pccsNewsPortalBody{

}

.content.pccsNewsPortalBody #forumposts .pic .pic-md{
    margin: 0px 0 0;
    width: 100%;
    height: auto;
    /*        max-width: 50%;*/
}

.content.pccsNewsPortalBody #forumposts .p-bt30 img{
    max-width: 100%;
    height: auto;
    margin: 0;
    display: block;
}

/*    T21205 ----------------23-12-2019*/
.NewFormHeader img {
    max-width: 100% !important;
    height: auto !important;
}


/*    T21259 ----------- 26-12-2019*/
.col-field-holder-1 label,
.col-field-holder-2 label,
.col-field-holder-3 label{
    padding-left: 0;
}

#tg-submenu-holder{
    /*    display: inline-block;*/
    /*    T22438 -------- 13-02-2020*/
    display: inline-flex;
    z-index: 95;
}

.radio-holder .fg-radio-field {
    margin-left: 15px;
    margin-right: 5px;
}

/*    T21259 ----------- 26-12-2019*/

/*T21356 --------- 08-01-2020*/
.slimScrollBar{
    background: #5f5b5b !important;

}
.main-sidebar .slimScrollBar{
    background: #cc558b !important;
    opacity:1 !important;
    width:7px !important;
    box-shadow: none;
}

/*T21378 ------------ 08-01-2020*/

#passwordLinks a{
    color: #4aa851 !important;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    margin: 5px 0;
    border: 1px solid #47a24e;
    padding: 5px 15px;
    border-radius: 5px;
}

#passwordLinks a:hover{
    color: #cc4885  !important;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    margin: 5px 0;
    border: 1px solid #cc4885;
    padding: 5px 15px;
    border-radius: 5px;
}

#panel-30 #home-embeded{
    padding:0 20px;
}

#panel-30 #home-embeded .box-panel-shadow-d .box-panel-body{
    padding: 0 0 25px;

}

/* T21720 ----------------- 17-01-2020*/

.col-lg-7.col-sm-7.col-xs-12.col-centered .help-holder {
    position: absolute;
    top: -7px;
    right: -22px;
}
.box-header .sec-help-holder {
    position: absolute;
    top: 0;
    right: 24px;
}
/*T22124 ----------------- 31-01-2020*/
.surv-item.answered-question .fg-element,
.surv-item.answered-question .dl-horizontal .fg-element,
.surv-item .fg-element{
    margin: 15px 0;
}

.surv-item .dl-horizontal{
    padding: 0 0 20px 0!important;
}

.surv-item .box-panel-shadow-d{
    margin: 0 15px;  
}
.surv-item .fg-element .et-embedded-table{
    width: auto !important;

}
.surv-item .StockAuditHolder .form-group {
    margin:15px 0;
}
.surv-item .StockAuditHolder .form-group .button-holder.form-group{
    margin:10px 0 0 0;
}

.surv-item .StockAuditHolder .form-group label.col-lg-4{
    text-align: right;
}

.surv-item .StockAuditHolder .form-group .col-lg-7{
    text-align: left;
}
/*T22124 ----------------- 31-01-2020*/
/*T22171 -----------------04-02-2020*/

.surv-item .StockAuditHolder .ui-widget-content{
    background: transparent;
}

.surv-item .StockAuditHolder .fg-element.et-h-line{
    display: none;
}
.surv-item .box-panel-shadow-d .tg_main_table_div{
    background: #eee;
    padding: 10px;   
}
.surv-item .item-input-holder .ui-datepicker-trigger {
    margin-left: -36px;
    margin-top: 7px;
}
.surv-item .question-response-holder .survey-gen-resp-but-selected{
    background: #cc4885;
    margin-bottom: 0;
}
.surv-item .image-holder img{
    width: 120px;
    height: 80px;
    max-width: inherit !important;
    max-height: inherit !important;
    border:1px solid #c2c2c2;
}
.surv-item .item-input-holder{
    margin-top: 10px;
}
.surv-item .bottom-menu-item-holder.attachNote{
    text-align: left;
}
.surv-item .bottom-menu-item-holder.attachAction{
    text-align: right;
}
.surv-item .bottom-menu-item-holder .bottom-menu-item{
    font-size: 15px;
}
.surv-item .bottom-menu-item-holder .bottom-menu-item i{
    margin-right: 5px;
}
/*T30732*/
.ui-dialog.apDialogX .ui-autocomplete,
.ui-dialog.apDialogXW .ui-autocomplete{
    /*T30785*/
    background: #ecf0f5;
}
.ui-dialog.apDialogX .ui-menu .ui-menu-item,
.ui-dialog.apDialogXW .ui-menu .ui-menu-item {
    border-bottom: 1px solid #dededf;
}
.ui-dialog.apDialogX .ui-widget-content a,
.ui-dialog.apDialogXW .ui-widget-content a{
    /*color: #807f7f;*/
}
/*T30732*/
.ui-dialog.apDialogX.ui-widget-content .ui-multiselect-menu,
.ui-dialog.apDialogX.ui-widget-content .ui-multiselect-checkboxes,
.ui-dialog.apDialogXW.ui-widget-content .ui-multiselect-menu,
.ui-dialog.apDialogXW.ui-widget-content .ui-multiselect-checkboxes {
    /*background-color: white;*/
    background-color: #ecf0f5;
    color: #000 !important;
}
.ui-dialog.apDialogX.ui-widget-content .ui-multiselect-checkboxes label,
.ui-dialog.apDialogXW.ui-widget-content .ui-multiselect-checkboxes label {
    color: #000 !important;
}
/*  T22219 -------------- 05-02-2020*/
.col-lg-7.col-sm-7.col-xs-12.col-centered.Full-widthDiv{
    width: 91.66666667%;
}

.col-lg-7.col-sm-7.col-xs-12.Full-widthDiv{
    width: 97.3%;
}
.col-lg-7.col-sm-7.col-xs-12.Full-widthDiv .help-holder {
    position: absolute;
    top: 0;
    right: -8px;
}

.col-lg-7.col-sm-7.col-xs-12.col-centered.Full-widthButton .help-holder,
.skyline-camera .help-holder{
    position: absolute;
    top: 0;
    right: 22px;
}
#main-form-fg-holder .box-panel-shadow{
    margin: 0 !important;
    margin-top: 10px !important;
}

.book_section_data .charNumHolder {
    float: right;
    margin-right: 28px;
}
.skyline-camera button.fg_button{
    margin-left: 0;
    margin-right: 10px;
}

/*17-02-2020---- Alignment issue reported by Chris*/

.form-table-holder .PanelTop
{
    margin-top:0px;
    margin-left: 20px;
    padding: 0 !important;
}

.form-table-holder .PanelTop legend{
    font-size: 15px;
    padding-bottom: 5px;
}


/*17-02-2020---- Alignment issue reported by Chris*/
/*T22643-----------19-02-2020 ---------- */
.wizard-top-bg ul.wiz-nav-tabs>li:first-child.active>a{
    display: none;
}
.wizard-top-bg ul.wiz-nav-tabs.with-circle>li:first-child.active>a{
    display: block;
}
.details-content hr{
    margin-top: 0;
}
/*T26393 <07/07/2020>*/
.PanelTop legend{
    font-size: 18px;
    padding-bottom: 20px;
}

div.dt-buttons .dt-button{
/*    margin-left: 0 !important;*/
}
div.dt-buttons .pull-left{
    margin-right: 5px;
    /*margin-top: 5px;*/
/*    display: flex;
    align-items: center;*/
}
div.dt-buttons .showHelpIcon.btn-a {
    margin-bottom: 5px;
}
.showHelpIcon.btn-a{
    margin-left:-5px !important
}
.accessdeniedScreen{

}
.checkbox-flex{
    display: flex;
}
.checkbox-flex input[type="checkbox"]{
    margin-top: 5px !important;
}
.d_flex{
    display: flex;
}
.d_flex .ui-datepicker-trigger{
    float: none !important;
    position: inherit;
}
.popover.buttonHelpPopover,
.popover.tableHelpPopover{
    word-break: break-word;
}
/*    T21817 ---------- 25-02-2020*/
.Full-widthBtn  .help-holder {
    position: absolute;
    top: -7px;
    right: 22px;
}
.col-lg-7.col-sm-7.col-xs-12.col-centered .info-field{
    height: 38px;
    display: block;
    line-height: 13px;
}
/*T22715 -------26-02-2020*/

.btn-primary.btn-new.radio-new {
    margin-bottom: 10px;
    margin-right: 10px !important;
    margin-left: 0 !important;
}

.zoom-icons a.new-btn{
    margin: 0 5px 5px 0;
    float: left;
}
/*T22737 -------03-03-2020*/

.accordion-tab-box .a-text-holder{
    margin-right: 50px;
}
.accordion-tab-box .a-text-holder ul,
.accordion-tab-box .a-text-holder ol{
    margin-left: 20px;
}
/*T23408 <03/09/2020>*/
.signature-pad {
    width: 89.5% !important;
}
/*T31019*/
#main-survey-content-holder .signature-pad {
    width: 100% !important;
}
.et-signature .help-holder {
    position: absolute;
    top: -5px;
    right: 22px;
}
.skyline-camera button.choose-file-button {
    margin-left: 0;
    width: auto;
}
/* Search Panel Dropdown Issue Fixing ---- 11-03-2020*/
.search-panel.open>.dropdown-menu {
    display: block !important;
}
/* Search Panel Dropdown Issue Fixing ---- 11-03-2020*/

.form-panel .cat_bar h4 a{
    font-size: 15px !important;
    width: 240px;
    text-align: left;
    float: left;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cat_bar.box-header.header a.collapse,
.box-panel-shadow .box-header h4 a.catboardscount{
    width: auto;

}
/*T25727-----------05-06-2020*/
.grid-stack-item-content.box-panel-shadow .box-panel-shadow{
    box-shadow: none;
}

.grid-stack-item-content.box-panel-shadow .box-panel-shadow .box-panel-body{
    padding: 0;
}
.grid-stack-item-content.box-panel-shadow .box-panel-shadow .box-panel-body.payslips-body{
    padding: 0 20px;
}

/*    T25730 ---- 08-06-2020*/
.YourAlertSearch{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 20px;
}
.searchInput{
    margin: 10px;
}
.searchInput input[type="text"] {
    outline: none;
    border: 1px solid #c1c1c1;
    border-radius: 50px;
    padding: 5px 15px 5px 15px;
}
.editAlerts {
    border: 2px solid #429dd4;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchBrn{
    background-color: #429dd4;
    border-radius: 50px;
    padding: 5px 15px;
    border: 0;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    outline: none;
}
.box-panel-body.AlertsWidgets{
    padding-top:0; 
}
/*    T25924 ------------- 15-06-2020*/
#forumposts .pic{
    position: relative;
    overflow: inherit;
    text-align: center;
}
/*    T25924 ------------- 15-06-2020*/
/*    26105-------------------- 22-06-2020*/
fieldset.ResetOrderBox{
    border: none;
    text-align: center;
}
fieldset.ResetOrderBox legend {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 20px;
    font-size: 20px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: none;
    justify-content: center;
    font-weight: 600;
}
fieldset.ResetOrderBox p{
    font-size: 17px;
}
fieldset.ResetOrderBox .okayButton{
    padding: 7px;
    min-width: 80px;
    float: left;
    background: #4aa851 !important;
    border-color: #4aa851 !important;
}
fieldset.ResetOrderBox .btnCancel{
    float: right;
}
#cboxLoadedContent {
    overflow: auto;
    padding: 30px 50px 40px !important;
}
/*    26105-------------------- 22-06-2020*/

.ui-dialog.apDialogEmail .modal-header-Cati{
    padding: 20px;
    background: #cad509;
}
.ui-dialog.apDialogEmail .modal-header-Plain{
    padding: 20px;
    height: auto;
    background: #e8348f;
}
.ui-dialog.apDialogEmail .CatiLogo{
    padding: 20px;
}
.CatiButtons,
.PlainButtons{
    display: flex;
    padding: 0 !important;
}
.MRight-10{
    margin-right: 10px;
}
.ui-dialog.apDialogEmail .modal-content .modal-footer.CatiFooter{
    background-color: #a3a5a4;
}
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain.CatiContactMain .inside,
.ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain.PlainContactMain .inside{
    display: flex;
    justify-content: center;
}
.PlainTextTemplate{
    width: 100%;
    display: block;
    margin: 20px 0;
}

.PlainTextTemplate h4{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ui-dialog.apDialogEmail .modal-header-AmuletPlain {
    padding: 20px;
    height: auto;
    background: #702277;
}
.ui-dialog.apDialogEmail .modal-content .Amulet-modal-footerPlain,
.ui-dialog.apDialogEmail .modal-content .Radish-modal-footerPlain{
    background: #4d585a;
    padding: 30px;
    text-align: center;
    color: #fff;
}
.ui-dialog.apDialogEmail .modal-header-RadishPlain {
    padding: 20px;
    height: auto;
    background: #c20f2f;
}
.ui-dialog.apDialogEmail .modal-header-EnvironmentalPlain{
    background: #42a150;
    padding: 20px;
    height: auto;
}
.ui-dialog.apDialogEmail .modal-header-cleaningPlain{
    background: #65779f;
    padding: 20px;
    height: auto;
}

.ui-dialog.apDialogEmail .modal-header-portfolioPlain{
    background: #c15780;
    padding: 20px;
    height: auto;
}

.ui-dialog.apDialogEmail .modal-header-makereadyPlain{
    background: #28968d;
    padding: 20px;
    height: auto;
}
/*T27924 ------------ 14-09-2020*/

.fg-element.et-postcode .col-lg-7.col-sm-7 .postcode-lookup-sel-holder{
    margin-left: -230px !important;
    display: flex;
}
.fg-element.et-postcode .col-lg-7.col-sm-7 .postcode-lookup-sel-holder .postcode-lookup-sel{
    width: 90% !important;
}

/*T28316 ------------- 06-10-2020*/
.CatiFooter{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
.CatiFooter span{
    margin-right: 5px;
        margin-top: 5px;
}
/*28281 -------------------- 06-10-2020*/
.HP-box.HP-boxHeight{
     min-height: 460px;
}
.HP-box.HP-boxHeight .FomBut{
    position: relative;
}

/*T28523 ---- 13-10-2020*/
.DesignStudioPage{
    padding: 0;
}
.DesignStudioPage a.DS_list{
    width: 100%;
    height: 128px;
    position: relative;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    display: grid !important;
    grid-template-columns: auto auto auto;
    justify-content: start;
    align-items: center;
    background: #f9f9f9;
    border:1px solid #f9f9f9;
    margin-bottom: 30px;
}
.DesignStudioPage a.DS_list .DS_icon{
    width: 130px !important;
}
.DesignStudioPage a.DS_list .DS_icon img{
    width: 80px;
}
.DesignStudioPage a.DS_list:hover{
    background: #47a654;
}
.DesignStudioPage a.DS_list .DS_icon{
    background: #FFF;
    width: 140px;
    height: 128px;
    line-height: 128px;
    border-radius: 5px 0 0 5px;
    text-align: center;
}
.DesignStudioPage a.DS_list .DS_title h4{
    margin-left: 20px;
    font-weight: 600;
    color: #555;
    font-size: 16px;
}
.DesignStudioPage a.DS_list:hover .DS_title h4{
    color: #fff;
}






.topYellowBG{
    background: #c1d833;
    height: 400px;
    width: 100%;
    
}

.topYellowBG2{
    margin: -250px auto 0;
    width: 800px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
}
.CatiLogo{
    padding: 20px;
}
.CatiLogo h2{
    font-size: 35px;
    margin: 0 10% 20px;
    font-weight: 600;
}
.apDialogCatiWelcome .ui-dialog-content.ui-widget-content{
        overflow: inherit;
}

.apDialogCatiWelcome .CatiIconRow{
    background: #e0e1e1;
    display: flex;
}

.apDialogCatiWelcome .CatiIconRow .CatiIconRow-lt,
.apDialogCatiWelcome .CatiIconRow .CatiIconRow-mid,
.apDialogCatiWelcome .CatiIconRow .CatiIconRow-rt{
    padding: 10px;
    width: 267px;
}
.apDialogCatiWelcome .CatiIconRow .CatiIconRow-mid{
    background: #ecf4b9;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    
}    




.CatiIconBody{
    padding: 0;
    
}
.CatiIconBody h3{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 20px;
}
.CatiIconBody p{
    font-size: 15px;
    padding: 0;
    margin: 0 0 5px;
}
.CatiIconBody .icon{
    padding: 20px 0;
}
.CatiEmailContRow{
    background: #fff;
    padding: 20px;
}
.CatiEmailContRow h3{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0px;
}
.CatiEmailContRow p{
    font-size: 18px;
    margin-bottom: 10px;
}
.CatiEmailContRow ul{
    padding: 0;
    margin: 0 0 20px 0;
}
.CatiEmailContRow ul li{
    list-style: none;
    font-size: 18px;
    margin-bottom: 0px;
}
.CatiEmailFooterRow{
    background: #fff;
}
.CatiEmailFooterRow h3{
    color: #c1da16;
    font-size: 35px;
    font-weight: 600;
    padding: 20px;
}
.CatiEmailFooterRow2{
    display: flex;
}

.CatiEmailFooterRow2 .lt,
.CatiEmailFooterRow2 .rt{
    background: #e0e1e1;
    width: 50%;
}
.CatiEmailFooterRow2 .lt a.CatiEmailBtn{
    background: #c1da16;
    padding: 10px 15px;
}
.CatiEmailFooterRow2 .lt{
    border-right: 2px solid #fff;
}

/*T31457 --- 15-03-2021*/
.Perkbox{
    text-align: center;
    padding: 31px 0;
}
/*.Perkbox img{
    width: 70%;
    height: auto;
}*/


/*------------------------SVG---------------*/

.chartpanel svg > g:last-child, 
.chart_wrap_new svg > g:last-child,
#charts-data svg > g:last-child{ pointer-events: none }

@-moz-document url-prefix(){
    .styled-select select { width: 110% !important; }
}
_:-ms-lang(x), _:-webkit-full-screen, .ui-dialog.apDialogX.ui-widget-content .ui-multiselect-checkboxes,
_:-ms-lang(x), _:-webkit-full-screen, .ui-dialog.apDialogXW.ui-widget-content .ui-multiselect-checkboxes
{
    bottom:20px;
    margin-bottom:-20px;
}
#smsFormPanel
{
    padding:20px;
}

/*T.NO:13925*/

.doc-bmenu .page-wrap
{
    margin-left: 0px;
    margin-top: 74px;
    width:100%
}
.doc-bmenu .page-wrap.push-rt
{
    float: right;
}
/*T.NO:13925*/

.user-signin{
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
}
.user-signin-logo {
    text-align: center;
    padding: 20px 0px 20px 0px;
    display: inline-block;
}
.ResetCont{
    padding:0px 0px 50px 0; 
}
.payslip-logo{
    text-align: center;
    padding: 0px 0px 0px 0px;
}
.user-Login-Title{
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 23px !important;
}

.NewLogin{
    margin: 100px 15%;
}

img.log_in_logo {
    max-height: 300px;
    max-width: 500px;
}

.Imagewrapper{
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}
.New-Login-Footer {
    /*T21577*/
    text-align: center;
    width: 100%;
    background: transparent !important;
}
.New-Login-TExtField,
.New-Login-TExtFieldCati{
    display: block;
    width: 100%;
    /*T34033 <14/07/2021>*/
    padding: 0.1em 0.5em 1px 0em;
    border: none ;
    border-radius: 0px;
    border-bottom: 2px solid #4aa555;
    outline: none;
    margin: 0px 0 20px 0 ;
    background: none;
    font-size: 14px ;
    box-shadow: none ;
    -webkit-box-shadow: none ;
    color: #000 ;
    font-size: 16px ;
}
.modal-dialog .login-bg-New .login-form input.New-Login-TExtField,
/*T19425*/
.modal-dialog .login-bg-New .login-form input.New-Login-TExtFieldCati
{
    display: block;
    width: 100%;
    padding: 0.1em 0.5em 1px 0.5em ;
    border: none ;
    border-radius: 0px;
    border-bottom: 2px solid #4aa555;
    outline: none;
    margin: 0px 0 20px 0 ;
    background: none;
    font-size: 14px ;
    box-shadow: none ;
    -webkit-box-shadow: none ;
    color: #000 ;
    font-size: 16px ;
}
.New-Login-TExtField::placeholder,
/*T19425*/
.New-Login-TExtFieldCati::placeholder{
    color: #999;
    opacity: 1; /* Firefox */
    font-size: 16px !important;
}
.NLogPass-TopMarg{
    margin-top: 40px !important;
}
/*T19425*/
.New-Login-TExtField:focus
{
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
    box-shadow:none !important;
}
/*T19425*/
.New-Login-TExtFieldCati:focus
{
    border-color: #ababab !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
    box-shadow:none !important;
}
.NewSubmitButton,
.NewSubmitButton.relogin{
    cursor: pointer;
    border-radius: 5em;
    color: #fff;
    border: 0;
    text-align: center;
    bottom: -20px;
    position: absolute;
    width: 100%;
    left: 0;
}
.NewSubmitButton.relogin .submitBtn{
    width: 200px;
    margin-bottom: -35px;
    /*    T21125 ---- 17-12-2019*/
    line-height: 50px; 
}
.submitBtn {
    background: #e7338e;
    box-shadow: 1px 14px 40px 2px rgba(0, 0, 0, 0.14);
    height: 50px;
    border: 0px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}
.LB1{
    margin: 0px 0 !important;
}
.NewLogErr{
    text-align: right;
}
.login-bg-New{
    background:none;
    background-size: cover;
    text-align: center;
    padding: 0px 20px;
    margin-bottom: 30px;
}
/**T14733*/
#user-Ideas .col-lg-12
{
    margin-bottom: 45px;
}
#user-Ideas h4
{
    margin-bottom: 40px;
}
#user-Ideas .NewSubmitButton
{
    margin: -25px auto;
    position: unset;
}
#user-Ideas .NewSubmitButton div.submitBtn
{
    padding: 10px;
}
#user-Ideas .right-content
{
    float: right;
    width: 65%;
}
#user-Ideas .idea-txt
{
    line-height: 30px;
    background: #f1f1f1 !important;
}
#user-Ideas .inputFile
{    
    opacity: 0;
    width: 0.1px !important;
    height: 0.1px !important;
    position: absolute;
    top: -1000px;
}
#user-Ideas .inputFile + label 
{    
    font-size: 16px;
    padding: 4px 13px;
    color: white;
    background-color: #4AA555;
    display: inline-block;
    cursor: pointer;
    outline: none;
}
#user-Ideas .inputFile:focus + label,
#user-Ideas .inputFile + label:hover 
{
    background-color: #4AA555;
}
#user-Ideas .choose-files
{
    display: inline-block !important;
    padding: 2px 10px !important;
    width: 68% !important;
    color: #ababab !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: white inset !important;
}
.BackBtnBlue {
    background: #077dcd;
    box-shadow: 1px 14px 40px 2px rgba(0, 0, 0, 0.14);
    height: 50px;
    border: 0px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 18px;
}
/*T.NO:14234 END*/
/*T.NO:14514 END*/
.mainTwtfeeds{
    padding:0px;
}
.TwitterFeeds {
    list-style: none;
    margin: 0px;
    padding:5px  5px;
}
.TwitterFeeds > li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.32);
    padding: 0px;
    border-radius: 6px;
    width: 100%;
    float: left;
    margin: 0px 10px 10px 0px;
    position: relative;
}

.TwitterFeeds > li > img {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
}
.TwitterFeeds > li > .info {
    padding: 25px 10px;
}
.TwitterFeeds > li > .info > .title {
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 10px;
}

.TwitterFeeds > li > .info > ul{
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.TwitterFeeds > li > .info > .desc {
    font-size: 13px;
    font-weight: 500;
    margin: 0px 40px 0px 0px;
    overflow: hidden;

}
.TwitterFeeds > li > .info > ul > li{
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}
.TwitterFeeds > li > .info > ul > li > a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
} 

.TwitterFeeds > li > .info > ul > li:hover{
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}
.Twtbord{
    border-bottom: 10px solid #0081c5;
}
.Amuletbord{
    border-bottom: 10px solid #facd01;
}
.Radishbord{
    border-bottom: 10px solid #c20f2f;
}
.Pricebord {
    border-bottom: 10px solid #787672;
}
.TwitterFeeds > li > .info > .FeedUser{
    margin-bottom:8px;
}
.TwitterFeeds > li > .info > .FeedUser .img-circle{
    width: 32px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #87ceeb;
}
.TwitterFeeds > li > .info > .FeedUser h3{
    margin: 0px;
    font-size: 13px;
    font-weight: 700;
}
.TwitterFeeds > li > .info > .FeedUser h5 {
    color: rgb(153, 153, 153);
    font-size: 12px;
    font-weight: 400;
    margin: 2px 0px;
}
.TwitterFeeds > li > .info .TwtFooterOption li{
    float:left;
    margin-right:20px;
    padding-bottom:15px;
}

.TwitterFeeds > li > .info  .TwtFooterOption li a{
    color:#AFB4BD;
    font-weight:500;
    font-size:1.3rem;
}
.TwitterFeeds > li > .badge {
    position: absolute;
    background: #f00;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    border-radius: 0px 3px 3px 0;
    top: 10px;
    text-transform: uppercase;
    font-weight: 600;
    left:0;
}
@media (min-width: 768px) {
    .TwitterFeeds > li {
        position: relative;
        display: block;
        width: 100%;
        height: 110px;
        padding: 0px;
        margin:0px;
        margin-bottom: 10px;
    }
    .TwitterFeeds > li > img  {
        display: inline-block;
    }
    .TwitterFeeds > li > img {
        max-width: 110px;
        width: auto;
        height: 110px;
        float: left;
        border-radius: 6px 0px 0px 6px;
        margin:0px;
    }
    .TwitterFeeds > li > .info {
        overflow: hidden;
        padding:8px;
    }

    .TwitterFeeds > li > .info {
        position: relative;
        height: 110px;
        text-align: left;
    }	
    .TwitterFeeds > li > .info > .title{
        margin:0px;
    }
    .TwitterFeeds > li > .info > ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .TwitterFeeds > li > .info > .title{
        margin-bottom: 4px;
    }
    .Twtbord{
        border-right: 10px solid #0081c5;
        border-bottom: 0px !important;
    }
    .Amuletbord{
        border-right: 10px solid #facd01;
        border-bottom: 0px !important;
    }
    .Radishbord{
        border-right: 10px solid #c20f2f;
        border-bottom: 0px !important;
    }
    .Pricebord {
        border-right: 10px solid #787672;
        border-bottom: 0px !important;
    }
    .TwitterFeeds > li > .badge {
        position: absolute;
        background: #f00;
        padding: 3px 10px;
        color: #fff;
        font-size: 11px;
        border-radius: 0px 3px 3px 0;
        top: 10px;
        text-transform: uppercase;
        font-weight: 600;
    }

}
.box-panel-body.TwitterFeeds-body{
    padding: 0px 10px;

}
/*WEBINAR START
/* Too narrow to support three columns */
@media all and (max-width: 640px) {

    .webinars {
        -webkit-flex-flow: column;
        flex-flow: column;
    }
}
/*WEBINAR END*/
.login-new-lt {
    padding: 0 50px 0 0;
    border: 0;
}
.login-new-lt h2{
    font-size: 30px;
    color: #49af5d;
    border: 0;
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: 600;
}
.login-new-lt p{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
/*T19425*/
.login-new-ltCati {
    padding: 0 50px 0 0;
    border: 0;
    margin: 0 20px 0 10%;
    text-align: justify;
}
.login-new-ltCati h2{
    font-size: 30px;
    color: #cad509;
    border: 0;
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: 600;

}.login-new-ltCati p{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.login-new-ltWorkForce {
    padding: 0 50px 0 0;
    border: 0;
}
.login-new-ltWorkForce h2{
    font-size: 30px;
    color: #49af5d;
    border: 0;
    padding: 0;
    margin: 0 0 20px 0;
    /* text-transform: uppercase; */
    font-weight: 600;
}
.login-new-ltWorkForce p{
    font-size: 18px;
    font-weight: normal;
    color: #000;
}
/*T19425*/
/*T.NO:14514 END*/
.mainTwtfeeds{
    padding:0px;
}
.TwitterFeeds {
    list-style: none;
    margin: 0px;
    /*margin-top: 5px;*/
    padding:5px  5px;
}
.TwitterFeeds > li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.32);
    padding: 0px;
    border-radius: 6px;
    width: 100%;
    float: left;
    margin: 0px 10px 10px 0px;
    position: relative;
}

.TwitterFeeds > li > img {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
}
.TwitterFeeds > li > .info {
    padding: 25px 10px;
}
.TwitterFeeds > li > .info > .title {
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 10px;
}

.TwitterFeeds > li > .info > ul{
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.TwitterFeeds > li > .info > .desc {
    font-size: 13px;
    font-weight: 500;
    margin: 0px 40px 0px 0px;
    overflow: hidden;

}
.TwitterFeeds > li > .info > ul > li{
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}
.TwitterFeeds > li > .info > ul > li > a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
} 

.TwitterFeeds > li > .info > ul > li:hover{
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}
.Twtbord{
    border-bottom: 10px solid #0081c5;
}
.Amuletbord{
    border-bottom: 10px solid #facd01;
}
.Radishbord{
    border-bottom: 10px solid #c20f2f;
}
.Pricebord {
    border-bottom: 10px solid #787672;
}
.TwitterFeeds > li > .info > .FeedUser{
    margin-bottom:8px;
}
.TwitterFeeds > li > .info > .FeedUser .img-circle{
    width: 32px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #87ceeb;
}
.TwitterFeeds > li > .info > .FeedUser h3{
    margin: 0px;
    font-size: 13px;
    font-weight: 700;
}
.TwitterFeeds > li > .info > .FeedUser h5 {
    color: rgb(153, 153, 153);
    font-size: 12px;
    font-weight: 400;
    margin: 2px 0px;
}
.TwitterFeeds > li > .info .TwtFooterOption li{
    float:left;
    margin-right:20px;
    padding-bottom:15px;
}
.TwitterFeeds > li > .info  .TwtFooterOption li a{
    color:#AFB4BD;
    font-weight:500;
    font-size:1.3rem;
}
.TwitterFeeds > li > .badge {
    position: absolute;
    background: #f00;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    border-radius: 0px 3px 3px 0;
    top: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
@media (min-width: 768px) {
    .TwitterFeeds > li {
        position: relative;
        display: block;
        width: 100%;
        height: 110px;
        padding: 0px;
        margin:0px;
        margin-bottom: 10px;
    }
    .TwitterFeeds > li > img  {
        display: inline-block;
    }
    .TwitterFeeds > li > img {
        max-width: 110px;
        width: auto;
        height: 110px;
        float: left;
        border-radius: 6px 0px 0px 6px;
        margin:0px;
    }
    .TwitterFeeds > li > .info {
        overflow: hidden;
        padding:8px;
    }

    .TwitterFeeds > li > .info {
        position: relative;
        height: 110px;
        text-align: left;
    }	
    .TwitterFeeds > li > .info > .title{
        margin:0px;
    }
    .TwitterFeeds > li > .info > ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .TwitterFeeds > li > .info > .title{
        margin-bottom: 10px;
    }
    .Twtbord{
        border-right: 10px solid #0081c5;
        border-bottom: 0px !important;
    }
    .Amuletbord{
        border-right: 10px solid #facd01;
        border-bottom: 0px !important;
    }
    .Radishbord{
        border-right: 10px solid #c20f2f;
        border-bottom: 0px !important;
    }
    .Pricebord {
        border-right: 10px solid #787672;
        border-bottom: 0px !important;
    }
    .TwitterFeeds > li > .badge {
        position: absolute;
        background: #f00;
        padding: 3px 10px;
        color: #fff;
        font-size: 11px;
        border-radius: 0px 3px 3px 0;
        top: 10px;
        text-transform: uppercase;
        font-weight: 600;
        left:0;
    }
}

.box-panel-body.TwitterFeeds-body{
    padding: 0px 10px;

}

/*WEBINAR START*/
.box-panel-body.webinars-body{
    padding: 0px 10px;

}
.webinars {
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.32);
    margin: 5px 5px 15px;
    border-radius: 6px;
}
.webinars > article,
.webinars > section {
    margin: 10px;
    padding: 0px;
    position: relative; /*T18614 ------------- 20-09-2019*/
}
.webinars > article {
    -webkit-flex: 6 0 0;
    flex: 6 0 0;
    -webkit-order: 2;
    order: 2;
}
.webinars > article h4{
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0 10px 0px;
    padding: 0px;
    width: 72%; /*T18614 ------------- 20-09-2019*/
}
.webinars > article h5 {
    color: rgb(153, 153, 153);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.webinars > article p {
    line-height: 22px;
    margin-bottom: 0px;
}
.webinars > section {
    -webkit-flex: 0 6 0;
    flex: 0 6 0;
}
.webinars > section {
    -webkit-order: 1;
    order: 1;
}

/* Too narrow to support three columns */
/*T18914*/
@media all and (max-width: 520px) {

    .webinars {
        -webkit-flex-flow: column;
        flex-flow: column;
    }
    .webinars section a img{
        background-size: cover;
        width: 100%;
        object-fit: cover;
        min-height: 190px;
    }
    /*T28232*/
    .box-panel-shadow .box-header h4 a.gaer-icon{
        margin-top: -3px;
    }
}/*T18914*/

/*WEBINAR END*/
.login-new-lt {
    padding: 0 50px 0 0;
    border: 0;
}
.login-new-lt h2{
    font-size: 30px;
    color: #49af5d;
    border: 0;
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: 600;
}
.login-new-lt p{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.postDetails {
    display: block;
}
/*14849 Start ----------------*/
/*Help Page Box Process Start*/
.HP-box{
    padding: 0px;
    margin: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.HP-box h2{
    font-size: 18px;
    color: #333;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    display: inline-block;
    font-weight: 600;

}
.HP-box h2 span{
    margin-top: 5px;
    border: 2px solid #f2850a;
    color: #f2850a;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    text-align: left;
    font-size: 13px;
    line-height: 16px;
}
.HP-box p{
    color: #333;
    text-align: center;
    padding: 25px 0px;
    line-height: 24px;
}
.HP-box .FomBut{
    background: #4aa851;
    text-transform: uppercase;
    font-size:16px;
    font-weight:600;
    border:0px;
    border-radius: 6px;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
}
.HP-box .img{
    text-align: center;
}
.HP-box img{  
    max-width: 300px;
    max-height: 200px;
    width: auto;
    height: auto;
}
.HelpPannelBody p {
    min-height: 160px;
}

@media (max-width: 1024px){
    .HPboxPannel
    {
        padding: 20px !important;
    }
    .col-centered{

    }
}
/*Help Page Box Process END*/
a.YourPay-box{
    padding: 20px 20px;
    margin-top: 20px;
    background: #fff;
    list-style: none;
    position: relative;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    min-height: 280px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
a.YourPay-box .icon{
    text-align:center
}
a.YourPay-box .data {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    width: 100%;
    color: #555;
}
a.YourPay-box .data h4{
    margin: 20px 0 10px 0;
    padding: 0;
    font-weight: 600;
    font-size: 17px;
    color:#333;
}
a.YourPay-box .data h6{
    font-size: 15px;
    font-weight: 500;
    display: inherit;
    color:#333;
    line-height: 22px;
}
a:hover.YourPay-box{
    box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.05);
    background: #4aa851;
    color:#fff !important;
}
a:hover.YourPay-box .data h4 
{
    color: #fff;
}
a:hover.YourPay-box .data h6 
{
    color: #fff;
}
a.YourPay-box .icon .overlay {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    padding: 0;
    display: inherit;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
a:hover.YourPay-box .icon .overlay{
    opacity: 1;
}
.MypaySlip-Box { 
    width: 80%;
    margin: 0px auto;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    min-height: 384px;
    padding: 20px;
    margin-bottom:20px;
    margin-bottom: 70px;
}
.MypaySlip-Box .Content { 
    float:left;
    width:40%;
}
.MypaySlip-Box .Content p { 
    line-height: 1.6; 
}
.MypaySlip-Box .PaySlip{ 
    float:left;
    width:31%;
    background: #ecf0f5;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding:20px;
    margin:0px 1% !important;
    min-height:345px;
}
.MypaySlip-Box .PaySlip h1 { 
    font-size: 22px;
    margin:0px;
    margin-bottom:10px;
    padding:0px;
}
.MypaySlip-Box .PaySlip,
a.payslip-box{
    margin:0px;
    margin-bottom:10px;
    height: 240px;

}
.MypaySlip-Box .PaySlip,
a.payslip-box .icon{
    height: 238px;
}



.MypaySlip-Box .PaySlipVideo{ 
    float:left;
    width:27%;
    background: #000;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding:5px 0px;
    height:345px;
} 
@media screen and (max-width: 768px)   {
    .CertiFicateForm{
        width: auto;
    }

    .MypaySlip-Box{
        width:92%;
    }

    .MypaySlip-Box .Content{
        width:100%;   
        float:none;
    }
    .MypaySlip-Box .PaySlip{
        width:100%;   
        float:none;
    }
    .MypaySlip-Box .PaySlipVideo{
        width:100%;   
        float:none;
    }
    /*T28240*/
    .list-display ul.dropdown-menu {
        z-index: 99;
    }
}

@media (min-width:769px) and (max-width: 1280px){
    .MypaySlip-Box{
        width:95%;
    }

    .MypaySlip-Box .Content{
        width:30%;   
    }
    .MypaySlip-Box .PaySlip{
        width:35%;   
    }
    .MypaySlip-Box .PaySlipVideo{
        width:33%;   
    }
}
@media screen and (min-width: 768px)   {
    .PaySlip
    a.payslip-box .data{
        margin: 35px 0 35px 40px;
        width: 60%;
    }
}
.Whendo-i-getPaid { 
    width: 50%;
    margin: 0px auto;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 20px;
}

.Whendo-i-getPaid button, .Whendo-i-getPaid input, .Whendo-i-getPaid optgroup, .Whendo-i-getPaid select, .Whendo-i-getPaid textarea  {
    margin: 0;
    font: inherit;
    color: inherit;
    width: 100%;
    height: 45px;
    border: 0px;
    border-radius: 6px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    background: #fff; 
    font-size:16px;
    padding: 0px 10px;
    background-image:linear-gradient(#f1fff3, #cdcdcd);
}
.Whendo-i-getPaid label {
    display:block;
    margin: 0em 0em 0.5em 0em;
    font-size: 1.25em;
    color:#fff;
}
.WdigpInnererBox{
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 20px;
    margin:20px 0px;
}
.DivisionCont1{ 
    background: #fff;
}
.DivisionCont2{ 
    background: #fff;
}
.DivisionCont3{ 
    background: #fff;
}
.DivisionCont4{ 
    background: #fff;
}
.DivisionCont5{ 
    background: #fff;
}
.DivisionCont6{ 
    background: #fff;
}
.WdigpInnererBox h4{
    margin: 0px;
    margin-bottom:10px;
}
.WdigpInnererBox p{
    margin: 0px;
    margin-bottom:20px;
}
.WdigpInnererBox p:last-child{
    margin-bottom:00px;
}
.Whendo-i-getPaid h3{
    margin:0px;
    margin-bottom:10px;
}
@media screen and (max-width: 768px)   {
    .Whendo-i-getPaid{
        width: 90%;
    }
}
/*14849 Start ----------------*/
.wrapper .main-footer{
    bottom: 0;
    /*    T22932 ------- 27-02-2020*/
    text-align: center;
}
.wrapper .main-footer.login-footer,
/*T23508*/
.main-footer.GlobalBackGroundFooter.login-footer{ 
    margin-left: 0;
    text-align: center;
    /*T21577*/
    margin-top: 30px;
}
.sidebar-mini.sidebar-collapse .main-footer.New-Login-Footer{
    margin-left: 0 !important;
    border: 0px;
}
.postDetails {
    display: none;
}
/*T:No15302*/
.panel-new-icon-pink a:hover .data h4, 
.panel-alerts a:hover .data h4,
.panel-store a:hover .data h4{
    color:#fff;
}
.PaySlipManage {
    color: #999999;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    text-align: center;

}
.PaySlipManage a:hover .data h4 {
    color: #ff8201 !important;
}
.PaySlipManage a .icon {
    background: #fff;
    width: 80px;
    height: 80px;
    padding: 0px;
    line-height: 70px;
    border-radius: 100%;
    font-size: 40px;
    color: #555;
    font-weight: bold;
    text-align: center;
    margin: 10px auto;
}

.payslip-box-in  .PaySlipManage a:hover .icon {
    background: #fff !important;
}
.PaySlipManage a .icon:hover {
    background: #fff !important;
}
.payslip-box-in .PaySlipManage a:hover .data h4{
    color: #ff8201 !important;
}
/*Top Nav Add Chat */
#chatter_topNav
{
    float: left; width: 32px; height: 32px; display: block; 
    margin: 15px 0px 0px 20px;
    position: relative;
}
#chatter_topNav #chatter_topNav_img
{
    width: 40px;
    height: auto;
    border: 0px none;
    background: #4aa851;
    border-radius: 5px;
}
.message-counter-red
{
    position: absolute;
    right: -11px;
    top: -4px;
    background: #ff0000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
}
.ua-atchievement
{
    cursor:pointer;
}
/*     Form Idea Page Popup   */
.forumIdeasForm .a-text-holder img{
    width: 50%;
    height: auto;
    margin: 20px auto;
    display: flex;
}
.forumIdeasForm .a-text-holder strong img{
    width: auto;
}
.forumIdeasForm .modal-lg{
    width: 100% !important;
    left:0 !important;
}
.forumIdeasForm .fields-holder {
    overflow: hidden !important;
}
.forumIdeasForm .modal-lg {
    margin-top: 0px !important;
}
.forumIdeasForm .a-text-holder strong img {
    width: auto;
    height: auto;
}
.ui-dialog.forumIdeasForm{
    left: 0 !important;
    top: 0 !important;
}
.apdialog-force-top, .ui-dialog.apDialogXW {
    top: 0 !important;
}
.docExtra-section
{
    float: right;
    font-weight: 400;
    font-size: 12px;
    margin: -38px 0px 0px;
    width: 100%;
}
.docExtra-section ul
{
    margin: 20px auto 0; 
    padding: 0px;
    list-style: none;
}
.docExtra-section ul li
{
    display: inline-block;
    margin: 0px 8px;
}
.docExtra-section ul li b
{
    color: #ff0000;
    font-weight: 800;
    font-size: 13px;
}
.emp-portal-banner
{
    position: absolute;
    right: 5px;
    top: 5px;
}
.ap-cat-banner
{
    position: absolute;
    right: -5px;
    top: -5px;
}
/* T14874 <23/04/2019> */
.forumIdeasForm {
    border-radius: 20px;
}
.forumIdeasForm .ui-dialog-titlebar {
    background: transparent !important;
}
.forumIdeasForm .ui-dialog-titlebar .ui-dialog-title {
    display: none;
}
.forumIdeasForm .ui-dialog-titlebar-close.resDialogClose {
    color: #4AA555;
    right: 20px;
    top: 25px;
    z-index: 1000;
}
.forumIdeasForm .a-text-holder {
    font-size: 15px;
}
.forumIdeasForm .a-text-holder strong {
    font-size: 20px;
    font-weight: 400;
}
.forumIdeasForm .fg_button.tg_but_class_3 {
    display: none;
}
.forumIdeasForm .fg_button.tg_but_class_1 {
    height: 50px;
    border: 0px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    width: 200px;
    outline: none;
}
.forumIdeasForm .fg_button:hover {
    opacity: 1;
}
.forumIdeasForm .fg-bottom-but-holder {
    text-align: center !important;
    position: absolute;
    text-align: center !important;
    width: 100%;
    margin: 0px auto;
}
.forumIdeasForm .main-fieldset-holder {
    padding: 50px;
}
.forumIdeasForm .modal-lg {
    margin-top: -70px;
}
.forumIdeasForm .edit-popup .col-lg-4, .forumIdeasForm .edit-popup .col-lg-7 {
    width: 100%;
    text-align: left;
}
.forumIdeasForm .edit-popup .col-lg-7 .fg-textarea-field {
    height: 150px;
}
.forumIdeasForm .fg-form-error-holder {
    margin-bottom: -25px;
}
.apDialogX .column-holder .form-group .client-logo-thumb-table,
.apDialogXW .column-holder .form-group .client-logo-thumb-table {
    margin-left: 35.33333333% !important;
}

/*Responsive Device Issues*/
@media only screen and (min-width: 1399px){
    .column-holder .form-group .client-logo-thumb-table {
        margin-top:5px;
    }
}
/*Responsive Device Issues*/
.apDialogX.forumIdeasForm,
.apDialogXW.forumIdeasForm {
    margin: 20px;
}
/*T.No;15533*/
.box-header.job-search-header .svg-icon {
    position: relative;
    top: 10px;
    fill: #ccc;
}
.WorkStationEdit{
    display: flex;
    flex-wrap: wrap;
    margin: 0px 20px;
    align-items: center;
}
.WorkStationEdit .item{
    margin: 10px;
}

.WorkStationEdit select.form-control{
    width:auto;
}
/*T.No;15533*/

/*T.No;15776*/
.HolidayListCard{
    display:flex;
    flex-direction:column;
}
/*ticket no 19700*/
.HolidayListCard .HolidayPerson{
    height:auto;
    text-align:left;
    justify-content: center;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    align-items: center;
    background: #eceff4;
    padding: 20px 15px;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    margin-top:10px;
}
.HolidayListCard .HolidayPerson .heading{
    text-align: center;
}
.HolidayListCard .HolidayPerson i{
    font-size: 30px;
    color: #8f99a3;
}
.HolidayListCard .HolidayPersonBody{
    text-align:center;
    padding: 20px 10px 7px 10px;
    border: 1px solid #eceff4;
    border-top: 0px;
    font-size: 14px;
    -webkit-box-flex: 1;
    flex:1;
}
.HolidayPersonBody .HPBMainLable{
    padding:0 10px;

}
.HolidayPersonBody .HPBMainLable,
.HolidayPerson .HPBMainLable{
    align-items: center;
    line-height: 34px;
    display: -webkit-box;
    display: flex;
}
.HolidayPersonBody .HPBMainLable .HPBleftlable,
.HolidayPerson .HPBMainLable .HPBleftlable{
    text-align: right;
    width:60%;
    padding-right: 10px;
}
.HolidayPersonBody .HPBMainLable .HPBright,
.HolidayPerson .HPBMainLable .HPBright{
    text-align: left;
    width:40%;
    padding-left: 0px;
    font-weight: 600;
    display: flex;
}
.HolidayPersonBody .HPBMainLable .HPBright .Value,
.HolidayPerson .HPBMainLable .HPBright .Value{
    text-align: right;
    width:15%;
    padding-left: 0px;
    font-weight: 600;
}
.HolidayPersonBody .HPBMainLable .HPBright.Text,
.HolidayPerson .HPBMainLable .HPBright .Text{
    text-align: left;
    width:45%;
    padding-left: 0px;
    font-weight: 600;
    margin-left: 8px;
}
.HolidayPersonBody .InsertHoldayBut{
    margin: 10px 0px 5px 0px;
    background: #4aa851;
    padding: 8px 20px;
    border-radius: 4px;
    border:0px;
    color:#fff;
    font-size: 16px;
    font-weight: 500;
}
.HolidayPersonBody .TableViewBut{
    margin: 10px 0px 5px 0px;
    background: #808080;
    padding: 8px 20px;
    border-radius: 4px;
    border:0px;
    color:#fff;
    font-size: 16px;
    font-weight: 500;
}
.HolidayListCard .HolidayPersonFoot{
    flex:none;
    height:30px;
    text-align:center;
}
.CalandarInfoButtons{
    display: flex;
    flex-wrap: wrap;
}
.CalandarInfo .tab-content{
    padding: 40px 0px 0px 0px;
}
.CalandarInfo .navLinktab{
    background: #cc558b;
}
.CalandarInfo .navLinktab2{
    background: #4aa851;
}
.CalandarInfo .navLinktab3{
    background: #4e5a5a;
}
.HolidayStatusKey{
    padding: 0;
    margin: 15px;
}
.HolidayStatusKeyList{
    width: 100%;
    display: flex;
    margin-bottom: 15px;
}
.HolidayStatusKeyList .lt{
    width: 48%;
    text-align: right;
    margin-right: 10px;
}
.HolidayStatusKeyList .rt{
    width: 40%;
    margin-left: 2%;
    text-align: left;
}
.AlertsWidgets {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 150px;
}
.AlertsWidgets a{
    color:#4e5857;
}
.AlertsWidgets .Alerts-Widgets{
    display: -webkit-box;
    display:flex;
    /*T21215*/
    margin:6px;
    background:#eceff4;
    border-radius: 10px;
    align-items: stretch;
}
/*T18635 --------- 20-09-2019*/
.AlertsWidgets .Alerts-Widgets .AlertIcon{
    width: 35%;
    text-align: center;
    background: #6f6f7b;
    border-radius: 10px 0px 0 10px;
    line-height: 130px;
    font-size: 45px;
    color: #fff;
}
.AlertsWidgets .Alerts-Widgets .AlertIcon img{
    max-width: 80%;
    height: auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.AlertsWidgets a.Alerts-Widgets:hover .AlertIcon img{
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3); 
    transform: scale(1.3); 
}
.AlertsWidgets .Alerts-Widgets .AlertCont {
    width: 65%;
    padding: 30px 20px;
    padding: 12px 10px;
    font-size: 14px;
    text-align: left;
}
.AlertsWidgets .Alerts-Widgets .AlertCont h2{
    margin:0px;
    font-weight: 600;
    font-size: 26px;
}
.AlertsWidgets .Alerts-Widgets .AlertCont p{
    margin:0px;
}
.EmergencyAlertsBG{
    background: #f23b2b !important;
    border-radius:10px 0px 0 10px;
}
.WarningAlertsBG{
    background: #fb9a27 !important;
    border-radius:10px 0px 0 10px;
}
@media(max-width: 1360px) {
    .AlertsWidgets {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: 150px;
    }
}
/*T28208*/
@media(max-width: 1440px){
    .column-holder .fg-text-field.fg-element-input.form-control {
        /*width: 80% !important;*/
    }
    .fieldIcon.FontAwsomeIcon {
        font-size: 14px;
        padding: 12px 4px;
    }
    .job-search-form input[type='text']{
        width: 100%;
    }
    .job-search-form .btn{
        margin-top: 32px;
    }
}
@media(max-width: 1024px) {
    .AlertsWidgets {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 150px;
    }
    /*T19787*/
    #main-survey-holder {
        padding: 0px 40px !important;
    }
    /*T19787*/
}
@media(max-width: 800px) {
    .AlertsWidgets {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 100px;
    }
    .AlertsWidgets .Alerts-Widgets .AlertIcon{
        line-height: 0px;
        padding: 10px 10px;
    }
    .AlertsWidgets .Alerts-Widgets .AlertCont{
        padding: 15px 10px;
    }
}
/** Make it look pretty **/
@media(max-width: 640px) {
    .AlertsWidgets .Alerts-Widgets .AlertIcon {
        line-height: 0px;
        padding: 15px 10px;
    }
    .AlertsWidgets .Alerts-Widgets .AlertCont h2 {
        margin: 0px;
        font-weight: 600;
        font-size: 20px;
    }
    .AlertsWidgets .Alerts-Widgets .AlertCont p {
        margin: 0px;
        font-size: 14px;
    }

    .book_section_data label{
        text-align: left !important;
    }
}
@media(max-width: 540px) {
    .WellBeingLogo img{
        width:100%;
    }
}
@media(max-width: 480px) {
    .AlertsWidgets {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: 100px;
    }
    .AlertsWidgets .Alerts-Widgets{
        margin: 5px 0px;
    }
    .AlertsWidgets .Alerts-Widgets .AlertIcon {
        line-height: 80px;
        padding: 5px 10px;
        font-size: 40px;
    }
}
@media(max-width: 360px) {
    .tg_pie_chart_center{
        width: 82px !important;

    }
    .AlertsWidgets .Alerts-Widgets .AlertIcon{
        padding: 10px 10px;
    }
}

@media(max-width: 320px) {
    .AlertsWidgets .Alerts-Widgets .AlertCont{
        padding: 10px 10px;
        line-height: 20px;
    }
    .AlertsWidgets .Alerts-Widgets .AlertIcon{
        padding: 10px 0px;
    }
}
.payslip-box-in a.your-alerts
{
    padding: 0;
    margin: 0px;
    border-radius: 8px;
    background: #d9fcdc;
    list-style: none;
    position: relative;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    height: 140px;
    border: 1px solid #ececec;
}
.payslip-box-in a.your-alerts:hover .data h4{
    color:#4aa851 !important;
}

/*T.No;15776*/

#modP table.tbl-emailMessage, #modP table.tbl-emailMessage table
{
    border-collapse: separate;
    border-spacing: 5px;
}
/*CSS related to skyline_x*/
.xHeaderMenu li
{
    display: inline-block;
}
/*T16368 18-06-2019 */
.youtube-embed-wrapper iframe,
.p-bt30 iframe{
    width: 650px !important;
    max-width: 100%;
    height: 350px !important;
}
.p-bt30 a{
    word-break: break-all;
}

.p-bt30 table{
    width: 100% !important;
}
/* T:16178 */
.alert-notification .alert{   
    padding-right: 55px;
    width: 400px;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #D66B9C;
    color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    margin-right:20px;
    position: absolute;
    bottom: 15px;
    right: 0;
    margin-bottom: 20px;
}
.alert-notification{  
    position: fixed;
    bottom:0;
    right:0;
    width: 90%;
    z-index: 111;
}
.alert-notification .alert-link{
    color: #FFFFFF !important;
    text-decoration: underline;
    font-weight:500 !important;
}
.alert-notification .close:focus, .close:hover {  
    color: #ffffff !important;
    font-size: 16px !important;
}
.alert-notification button.close{  
    color: #ffffff !important;
    font-size: 16px !important;
}
/* forum notification */   
.alert-notification-forum .alert{   
    padding-right: 55px;
    width: 400px;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #4d5858;
    color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    margin-right:20px;          
}
.alert-notification-forum{  
    position: fixed;
    bottom:0;
    right:0;
}
.alert-notification-forum .alert-link{
    color: #FFFFFF !important;
    text-decoration: underline;
    font-weight:500 !important;
}
.alert-notification-forum .close:focus, .close:hover {  
    color: #ffffff !important;
    font-size: 16px !important;
}
.alert-notification-forum button.close{  
    color: #ffffff !important;
    font-size: 16px !important;
}    
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,  /*ticket 45166 -- 08-02-2023*/
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before  /*ticket 45166 -- 08-02-2023*/
{
/*    top: 12px;*/
    left: 12px;
    height: 16px !important;
    width: 16px !important;
    display: block;
    position: absolute;
    color: #4e5858 !important;
    border: 1px solid #4e5858 !important;
    border-radius: 14px;
    box-shadow:none !important;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'FontAwesome' !important;
    line-height: 15px;
    content: '\f107' !important;
    background-color: #fff !important;
}
/*ticket 45166 -- 08-02-2023*/
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '\f106' !important;
    background-color: #fff !important;
}
/*ticket 45166 -- 08-02-2023*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    position: relative;
    padding-left: 35px !important;
}
/*ticket 45166 -- 08-02-2023*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
    padding: 0 !important;
}

/*ticket 17540*/
.ButtoPositionMobileMain .dataTables_length{
    margin-top: 21px !important;
}
/*ticket 17540*/
/*T17674 <29/08/2019>*/
.sitemap-list-orange .icon .amlist, 
.sitemap-list .icon .amlist,
.sitemap-list-mo-blue .icon .amlist,
.sitemap-list-mo-pink .icon .amlist,
.sitemap-list-mo-grey .icon .amlist{
    background: #fff;
    width: 75px;
    height: 75px;
    padding: 0px;
    line-height: 65px;
    border-radius: 100%;
    font-size: 40px;
    color: #555;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
.sitemap-list-orange .data.amdata p, 
.sitemap-list .data.amdata p,
.sitemap-list-mo-blue .data.amdata p,
.sitemap-list-mo-pink .data.amdata p,
.sitemap-list-mo-grey .data.amdata p{
    max-height: none;
    color: #000000;
}
.sitemap-list-orange .data.amdata, 
.sitemap-list .data.amdata,
.sitemap-list-mo-blue .data.amdata,
.sitemap-list-mo-pink .data.amdata,
.sitemap-list-mo-grey .data.amdata{
    margin: 15px 0 15px 45px;
    float: left;
    width: 65%;
    font-size: 14px;
    line-height: 18px;    
}
/*T18012 <30/08/2019>*/
.HelpPannelBody .panelTag {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 59px;
    height: 61px;
}
.NewFormHeader a.ui-combobox-toggle {
    text-align: center;
    width: auto; 
    margin: 10px 5px 0 0; 
    border-radius: 8px;
    position: relative;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
    margin: 0; 
    overflow-x: hidden;
    overflow-y: hidden;
}
/*T-18476*/
#page-settings-form select{
    -webkit-appearance: none;
    appearance: none;
}
#page-settings-form .ui-state-default .ui-icon{
    display:none
}
/*T-18476*/
/*T18500 <24/09/2019>*/
.tableHelpPopover .help-general-body {
    color: #000000;
}
.tableHelpPopover p {
    color: #000000;
}
/*T18500 --- 26-09-2019*/
.popover.bottom.formHelpPopover {
    margin-top: 15px;
}
.popover.bottom.formHelpPopover a.ShowText{
    padding: 5px 10px;
}
/*T19443------ 22-10-2019*/
.popover.buttonHelpPopover,
.popover.buttonHelpPopover.SearchPopover{
    min-width: 300px;
    margin-top: 12px;
    z-index: 1001;
}
div.dt-buttons .dt-button{
    /*T27935*/
    height: 34px;
    border: 0px;
    line-height: normal;
    margin: 0px 5px 5px 0px;
}
.pull-left button.dt-button {
    margin-right: 0px;
}
.popover.tableHelpPopover{
    min-width: 320px;
}
table.dataTable.nowrap th{
    position:relative;
}
/*T18917*/
.sidr.right {
    font-family: 'Lato';
}

.notesDiv,
.attachmentsDiv{
    padding: 10px;
}
.notesDiv h3,
.attachmentsDiv h3{
    font-size: 15px;
    font-weight: 600;
    margin:0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #333;

}
.attachmentsDivContent{

}
.form-grop.insertTcket{
    padding: 0;
    margin: 0;
}
.form-grop.insertTcket label{
    display: block;
    font-weight: 600 !important;
}
.form-grop.insertTcket .CCList{
    padding: 0;
    margin: 0 0 15px;
    border: 1px solid #eaeaf1;
    border-radius: 3px;
}
.form-grop.insertTcket .CCList h3{
    border-bottom: 1px solid #eaeaf1;
    margin:0 0 10px;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    background: #ecf0f5;
}
.form-grop.insertTcket .CCList h3 .CClink a{
    padding: 5px 10px;
    text-align: right;
    border-radius: 5px;
    float: right;
    margin-top: -22px;
    color: #47a654;
}
.form-grop.insertTcket .CCList .CCListContent{
    padding: 10px;
}
#sidrProgramModeDiv .slimScrollDiv{
    width: 100% !important; 
}

.PrevNextarrows img{
    width: 20px;
    margin: 0 5px;
}
ul.SidemenuTablist{
    padding: 0 !important;
    margin: 0;
    border:none;
    background:transparent !important;
}
ul.SidemenuTablist li,
ul.SidemenuTablist li.ui-tabs-active a,
#SideMenuActionTabs ul li.ui-tabs-active{
    background: transparent !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
ul.SidemenuTablist li{
    margin-right: 5px;
}
ul.SidemenuTablist li a{
    border:none;
    padding: 10px;
}

.saEditClass{
    padding: 10px !important;
    line-height: 20px;
    font-size: 14px;
    color: #333 !important;
    border: 1px solid #ecf0f5 !important;
}
.uatsummary{
    padding: 0;
    margin: 0;
}
.uatsummary h3{
    padding: 0 0 10px;
    margin: 0 0 15px ;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #ecf0f5;
    color: #ff0c00;
}
.UatAction{
    width: 100%;
    clear: left;
    height: 180px;
    overflow-y: auto;
    float: left;
    border: 1px solid #e0e1e2;
    padding-left: 5px;
    background: #ecf0f5;
    box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.21);
}
.Createticket-left{
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #ebeff4;
    border-radius: 8px;
    box-shadow: 1px 1px 3px 0px #0000002b;
    display: inline-block;
    width: 100%;
}
.Createticket-left label.fieldError{
    margin: 0;
    color: #ff0000;
    font-weight: 500 !important;
}
.Createticket-left label sup{
    color: #ff0000;
}
/*T-19227*/
.DocTempHeader{
    display:flex;
    width:100%;
    background:#fff;
    align-items: center;
}
.DocTempHeader .ChrchillGroupLogo{
    padding-left: 30px;
}
.DocTempFooter{
    display:flex;
    width:100%;
    background:#fff;
    align-items: center;
    padding:20px 30px;
    justify-content:space-between
}
.DocTempFooter h2,
.DocTempFooter h3,
.DocTempFooter h4,
.DocTempFooter h5,
.DocTempFooter p{
    margin:0px;
    padding:0px
}
.DocTempFooter h2{
    margin-bottom: 20px;
    font-size:25px;
    font-weight: 600;
    color:#f60087;
}
.DocTempFooter h3{
    margin-bottom: 5px;
    font-size:20px;
    font-weight: 600;
    color:#4e5858;
}
.DocTempFooter h4{
    margin-bottom: 20px;
    font-size:18px;
    color:#4e5858;
}
.DocTempFooter h5{
    margin-bottom: 10px;
    font-size:16px;
    font-weight: 600;
    color:#000;
}
.DocTempFooter p{
    font-size:14px;
    color:#000;
    line-height: 24px;
}
.DocTempFooter .right{
    align-self: flex-end;
}
/*T-19227 End*/
/*T-19262*/
.jodit_wysiwyg ol {
    padding-left: 20px !important;
}
.jodit_wysiwyg h3{
    color:#000 !important;
    background: inherit !important;
}
.jodit_container h3{
    color:#000 !important;
    background: inherit !important;
}
.job_description ol{
    padding-left: 20px !important;
}
.jodit_wysiwyg .description__text {
    width:500px !important;
}
.description__text {
    width:500px !important;
}
/*T-19262*/

/*{*UAT CSS ---- 25-10-2019*}*/

.sidr{
    box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
    -moz-box-shadow: inherit !important;
}
.siderBg{
    background:#ecf0f5;
    box-shadow: 0 0 4px 2px #2222221a !important;
    -webkit-box-shadow: 0 0 4px 2px #2222221a !important;
    -moz-box-shadow: 0 0 4px 2px #2222221a !important;
}
.smallHeader h3{
    font-family: Lato;
    color: #000;
    padding-bottom: 0;
    font-size: 17px;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0;
}
.sidrModeTabs{
    background:#FFF;
    border-radius: 8px;
    margin-top: 5px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.05);
}
#sidr_mode_buttons .sidr_mode_button,
#sidr_mode_buttons .sidr_mode_button_selected,
.sidrModeTabs .sidr_mode_button,
.sidrModeTabs .sidr_mode_button_selected,
.sidrModeTabs .sidr_mode_button:hover{
    background: transparent !important;
    border-radius: 0 !important;
    padding: 10px 30px !important;
    color: #333 !important;
    border: none !important;
    border-right: 1px solid #ecf0f5 !important;
    margin: 0;
    outline: none;
    font-size: 15px !important;
}

#sidr_mode_buttons .sidr_mode_button.last{
    border-right: none !important;
}
#sidr_mode_buttons .sidr_mode_button_selected,
.sidrModeTabs .sidr_mode_button_selected
.sidrModeTabs .sidr_mode_button:hover{
    color: #4aa851 !important;
    padding: 10px 30px !important;
}
.sidrContentBox{
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin: 17px;

}
.sidrguidesteps{
    background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin: 17px; 
}
.sidrContentBox h3{
    padding:10px 15px 0;
    margin: 0;
    color: #cc558b;
    font-size: 15px;
    font-weight: 600;
}
.sidrContentBox h3.border{
    border-bottom: 1px solid #ecf0f5;
    height: 50px;
    color: #000;
    text-transform: uppercase;
}
.sidrContentBox p{
    padding: 0 0px 15px;
    margin: 0;
    font-size: 13px;
    color: #333333;
    padding:10px 15px;
}
.sidrContentBox .stpcontrols{
    padding: 0 0px 15px;
    margin: 0;
    font-size: 13px;
    color: #333333;
    padding:10px 15px;
    float: left;
    width: 100%;
}
.UATDescriptionTitle{
    font-size: 15px;
    font-weight: 600;
    color: #000;
    padding:10px 15px 0;
}
.UATbtn,
.sldrMenuGroupNameClass a{
    background: #4aa851;
    padding: 5px 25px;
    color: #fff;
    border-radius: 3px;
    border: none;
    text-transform: capitalize;
}
.sidrContentBoxTable{
    padding: 0 17px;
    border-radius: 8px;
}
.sidrContentBoxTable table.display{
    border-radius: 8px !important;
    width: 100%;
}
#sidr_groups th {
    background-color: #cc558b !important;
    color: #ffffff;
}
#sidr_groups th:first-child{
    border-radius: 8px 0px 0 0;
}
#sidr_groups th:last-child{
    border-radius: 0px 8px 0px 0px;
}
#sidr_groups tr:last-child td:first-child{
    border-radius: 0px 0px 0px 8px;
}
#sidr_groups tr:last-child td:last-child,
#sidr_groups tr:last-child{
    border-radius: 0px 0px 8px 0px;
}
.sldrMenuGroupNameClass a{
    float: right;
    padding: 7px 15px;
    font-weight: 600;
    font-size: 13px;
    margin-right: 5px;
}
.sidrContentBox .box-panel-body{
    padding: 15px;
}
.sidrContentBox i{
    font-size: 20px;
    color: #000;
    margin: 5px;
}
div.sidrHeader canvas 
{ 
    border: 1px solid #ecf0f5; 
    border-radius: 20px;
}
.testAllcategories{
    background-color: #4aa851;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    margin-right: 5px;
    margin-top: 10px;
    border: 0;
    border-radius: 5px;
    padding:5px 10px;
}
.SidrTable.browse{
    padding: 0;
    margin: 0;
}
table.SidrTable.browse th{
    display: none;
}
.SidrTable tr td{
    border-radius: 8px;
}
.GroupList{
    padding: 0 !important;
}
.GroupListTitle{
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
.currentCatDescDiv{
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    border-radius: 8px;
    padding: 10px;
    margin: 10px 0 15px;

}
.currentCatDescDiv h4{
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
} 
.currentCatDescDiv p{
    padding: 0;
}
.sldrMenuActionNameDivClass {
    width: 100%;
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 30px;
}
.summaryTitle{
    margin-left: 10px;
    font-size: 13px;
}
.summaryInfo{
    text-align: left;
    margin-top: -57px;
    font-size: 15px;
}
.PrevNextarrows{
    margin-top: -20px;
}
.sldrMenuGroupNameClass .groupNameText {
    color: #2c2b2b !important;
    font-size: 13px !important;
    margin-left: 15px !important;
    float: none !important;
    font-weight: 500;
    text-transform: initial;
}
.sidr_Status
{
    font-size: 15px;
    color: #333 !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.sidr_Status .sldrMenuUATTestStatusFontClass {
    color: #cc558b
}
#canvas3{
    margin-bottom: 15px;
}
#SideMenuActionTabs .ui-tabs-active a{
    width: 100%;
    text-align: center;
    background: #4aa851;
}
.sidrContentBox .stpcontrols a{
    color: #4aa851;
    font-weight: 600;
    float: left;
}
label.groupTextCls{
    float: left;
    text-align: left
}
label.groupTextCls a{
    color: #ffffff !important;
    float: none;
    margin-right: 30px;
    background: #cc558b;
    border-radius: 3px;
    padding: 3px 5px;
    text-decoration: none ;
}
/*T18837----------- 30-10-2019*/
.view-child-tiles{
    text-align: center;
    margin: 0 auto;
}
.view-child-tiles .box-panel-body{
    width: 100%;
    text-align: center;
    float: left;
}
.view-child-tiles .emp-portal-banner {
    position: absolute;
    right: -5px;
    top: -5px;
}
.apDialogX.view-group-child-tiles,
.apDialogXW.view-group-child-tiles {
    border-radius: 0;
    width: 930px !important; /**T13835*/
}
.apDialogX.view-group-child-tiles.ui-dialog .ui-dialog-titlebar,
.apDialogXW.view-group-child-tiles.ui-dialog .ui-dialog-titlebar {
    background: #4aa851 !important;
}
.apDialogX.view-group-child-tiles.ui-dialog .ui-dialog-titlebar-close.resDialogClose,
.apDialogXW.view-group-child-tiles.ui-dialog .ui-dialog-titlebar-close.resDialogClose {
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
}
@media (max-width:1280px){
    .apDialogX.view-group-child-tiles,
    .apDialogXW.view-group-child-tiles {
        border-radius: 0;
        width: 80% !important;
    }
    .login-new-body{
        /*T28730*/
        min-height: calc(100vh - 240px) !important;
        position: relative !important;
        margin: 0 0 2% 0;
    }
}
/*T19787*/
@media screen and (max-width: 768px)   {
    #main-survey-holder {
        padding: 0px 20px !important;
    }
    #main-survey-holder .surveyCloseButton{
        width: auto !important;
    }
    .tmpl-question-filter{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 640px)   {
    .tmpl-question-filter span{
        padding-left:0px !important;
        width:100%
    }
    .survey-title{
        margin-bottom: 40px !important;
    }

    /*T19773*/
    .ui-dialog-systemMessages.ui-dialog-buttons{
        min-width: 90% !important;
        margin: 0px 20px !important;
        left: 0 !important;
    }
    .ui-dialog-systemMessages .ui-dialog-content {
        margin-bottom: 0px !important;
        padding: 0px 10px 0px 10px !important;
    }
    /*T19773*/
}
/*T19773*/
@media screen and (max-width: 768px)   {
    .ui-dialog-systemMessages.ui-dialog-buttons{
        min-width: 90% !important;
        margin: 0px 20px !important;
        left: 0 !important;
    }
}
/*T19773*/
/*T19787*/
div.dt-buttons .dt-button:hover>span {
    background-color: inherit !important;
}
/*T19850 ------- 08-11-2019*/
/*Right Side Tab*/
.sidrTabs{
    position: fixed;
    right: 40px;
    /*T59261 <30/04/2025> - Issue 2*/
    z-index: 1000;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 80px;
    transform-origin: top right;
    outline :   1px solid transparent;
    
}
.sideMenuTabsCls{
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

.sidr_tab_hide_display {
    height: 40px;
    width: 40px;
    padding: 4px !important;
    border-radius: 4px;
}

#sidr{
    width: 500px ;
}
.sidrTabs.sidrTabs-move{
    right: 540px;
    top: 150px;
}
#sideMenuHideDisplayTab{
    position: fixed;
    right: 5px;
    /*T59261 <30/04/2025> - Issue 2*/
    z-index: 1000;
    top: 15px;
}
div.sidrHeader canvas{
    width: 100%;
    height: 15px;
}
#SideMenuActionTabs ul li{ 
    text-align:center;
    width:50%;
}
.containermode {
    margin: 0 5px;
}
@media (max-width:768px){

    #sidr{
        width: 300px;
    }
    .sidrTabs{
        /*T23014*/
        top: 155px;
    }

    .sidrTabs.sidrTabs-move{
        right: 340px;
    }
    .main-header .navbar-custom-menu {
        margin-right: 0px;
    }
    #sideMenuHideDisplayTab{
        right: -5px;
        /*T23014*/
        top: 110px;
    }
    .sidr_tab_hide_display {
        height: 40px;
        width: 46px;
        padding: 4px !important;
        border-radius: 4px;
    }
    #sidr_mode_buttons .sidr_mode_button,
    #sidr_mode_buttons .sidr_mode_button_selected{
        padding: 10px 8px !important;
    }

    .sidrContentBox h3{
        font-size: 14px;
    }
    .sldrMenuGroupNameClass .groupNameText{
        font-size: 14px !important;
        margin-left: 10px !important;
    }
    .sldrMenuGroupNameClass a{
        padding: 5px;
        float: none;
        display: block;
        text-align: center;
        margin-top: 10px;
    }
    #SideMenuActionTabs ul li a,
    #SideMenuActionTabs .ui-tabs-active a{
        font-size: 12px ;
    }
    .sidrContentBox h3.border {
        border-bottom: 1px solid #ecf0f5;
        height: 70px;
    }

    #SideMenuActionTabs ul li {
        text-align: center;
        width: 48%;
    }
}
/*T19794 ------- 08-11-2019*/
.sidrContentBox a.GuideStepsPlus i{
    font-size: 35px;
    color: #4aa851;
    cursor: pointer;
}
.sidrContentBox a.GuideStepsPlay i{
    font-size: 35px;
    color: #cc558b;
    cursor: pointer;
}
.sidrContentBox a.GuideResource i{
    font-size: 35px;
    color: #000000;
    cursor: pointer;
}
.sidrContentBox a.GuideStepsRecord i{
    font-size: 33px;
    color: #ff0000;
    cursor: pointer;
}
.sidrContentBox a.GuideStepsDelete i{
    font-size: 19px;
    color: #fff;
    background: #555;
    padding: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: right;
}
.sidrContentBox a.GuideStepsCompact, .sidrContentBox a.GuideStepsExpand, .sidrContentBox a.GuideStepsTable {
    margin-top: 1px;
    float: right;
}
.sidrContentBox a.GuideStepsCompact img, .sidrContentBox a.GuideStepsExpand img, .sidrContentBox a.GuideStepsTable img {
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.sidrContentBox .gssteps, .sidrContentBox .nonsteps, .sidrContentBox .lockedsteps{
    background: #ecf0f5;
    padding: 0px;
    margin: 0 20px 20px;
    width: 92%;
    border-radius: 10px;
    display: inline-flex;
}
.sidrContentBox .gssteps .num, .sidrContentBox .nonsteps .num, .sidrContentBox .lockedsteps .num {
    background: #4aa851;
    padding: 20px;
    width: 20%;
    text-align: center;
    border-radius: 10px 0px 0px 10px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    font-size: 40px;
    font-weight: 600;
    border-right: 3px solid #ffffff;
}
.sidrContentBox .gssteps .stepsDisc, .sidrContentBox .nonsteps .stepsDisc, .sidrContentBox .lockedsteps .stepsDisc {
    padding: 5px;
    color: #333;
    font-size: 14px;
    /*ticket 31261 - changed from 80% to 70% - helps with the CircleR thing*/
    width: 70%;
}
.sidrContentBox .gssteps .stepsDisc div, .sidrContentBox .nonsteps .stepsDisc div, .sidrContentBox .lockedsteps .stepsDisc div {
    line-height: 25px;
}
.top-home-icon.top-cati-icon{
    line-height: 35px;
    color: #cad509;
}
.sidrContentBox .gssteps div label, .sidrContentBox .nonsteps div label, .sidrContentBox .lockedsteps div label {
    font-weight: bold;
}
/*T20054 ----- new Popup --------11-11-2019*/
a.SystemMessageButton{
    background: #18a8ea;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 600;
    padding: 10px;
    color: #fff;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.SystemMessageBox{
    padding: 0px 0px !important;
    width: 1024px;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align:center;
}
.SystemMessageBox h2 {
    margin: 0px;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    background: #333;
    color: #fff;
    padding: 10px 10px 15px 10px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.ui-dialog.apDialogSysMessage .ui-dialog-titlebar{
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    position: absolute;
}
.ui-dialog.apDialogSysMessage .ui-dialog-titlebar .ui-dialog-titlebar-close:before{
    content: "\e912";
    font-size: 12px;
    font-weight: 300;
    font-family: 'skyicon' !important;
}
.ui-dialog.apDialogSysMessage .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    margin: -26px -15px 0 0;
    padding: 1px;
    height: 30px;
    background: #000000;
    border: none;
    color: #fff;
    outline: none;
    border-radius: 50%;
    line-height: 20px;
}
.ui-dialog.apDialogSysMessage .ui-dialog-content{
    padding: 0 !important;
    text-align: center;
}

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

.SystemMessageContent h3{
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    margin: 0 0 20px 0;
    color: #000;
}
.SystemMessageContent h3.Red{
    color: #ff0000;
}
.SystemMessageContent{
    padding: 25px 35px;
    color: #97999c;
    font-size: 15px;
}
.SystemMessageContent a{
    color: #1b9be5;
}
.SystemMessageFooter{
    background: #1b9be5;
    width: 100%;
}
.SystemMessageFooter button.NewPopupClose{
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    background: transparent;
    color: #fff;
    border: none;
    outline: none;
    padding: 15px;
    margin: 0;
}
.SystemMessageFooter.redBg{
    background: #ff0000;
}
.SystemMessageFooter .BlackBg{
    width: 50%;
    float: left;
    background: #373737;
}
.SystemMessageFooter .RedBg{
    width: 50%;
    float: left;
    background: #ff0000;
}
.ui-dialog.apDialogSysMessage{
    width: 800px !important;
    border-radius: 8px;
}
/*T20206---------------- SantaHAT 15-11-2019*/
.SantaHAT{
    position: absolute;
    top: 1px;
    margin: 0;
    left: 28px;
}
/*T19899----------- Thiru 15-11-2019*/
.top-cati-icon{
    background: #a3a5a4;
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 5px;
    text-align: center;
    margin-top: 15px;
    margin-left: 20px;
    padding: 3px 0;
    font-size: 23px;
    color: #fff;
}
/*19920*/
#HotSpotDisplayPreferences_wrapper table.dataTable thead th{
    background: #4d5858 !important;
}
/*20621*/
#workstationForm32 img{
    width:100%;
    height:auto;
    display:inline-block
}
@media only screen and (min-width: 1900px){
    #FGDataForm-1066 {
        width: auto !important;
    }
}
#FGDataForm-1066 iframe, #FGDataForm-1066 object, #FGDataForm-1066 embed {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 360px;
}
/*T22296 <11/02/2020>*/
/*    T22715 ---------- hide this class because for panel alignment issue coming  24-02-2020*/
#main-form-fg-holder{
    overflow:inherit !important;
}
#FGDataForm-1066 .row{
    margin:0px !important;
}
.fc-event-container a .fc-day.fc-widget-content{
    background: #fcf8e3;
}
.ui-widget-content {
    top: calc(top + 4px);
}
.ui-multiselect-checkboxes.ui-helper-reset .ui-corner-all {
    margin: 3px 5px 5px;
    display: flex;
    align-items: center;
}
/*T22066*/
.sitemap-list-mo-blue .icon{  
    background: #0082c9 !important;
}
.sitemap-list-mo-blue a.view {  
    border: 1px solid #0082c9 !important;  
    color: #0082c9 !important;
}
.sitemap-list-mo-blue:before {  
    background: #0082c9 !important;
}
.sitemap-list-mo-blue .data h4{  
    color: #0082c9 !important;
}
.sitemap-list-mo-blue .icon:after {  
    border-top: 150px solid #0082c9;
}
.sitemap-list-mo-blue a.view:hover, .sitemap-list-mo-blue.sitemap-active a.view{  
    background: #0082c9 !important;
    text-decoration: none !important;  
    color: #fff !important;
}
.sitemap-list-mo-blue:hover, .sitemap-list-mo-blue.sitemap-active{  
    border: 1px solid #0082c9 !important;
}
.sitemap-list-mo-pink .icon{  
    background: #cc4885 !important;
}
.sitemap-list-mo-pink a.view {  
    border: 1px solid #cc4885 !important;  
    color: #cc4885 !important;
}
.sitemap-list-mo-pink:before {  
    background: #cc4885 !important;
}
.sitemap-list-mo-pink .data h4{  
    color: #cc4885 !important;
}
.sitemap-list-mo-pink .icon:after {  
    border-top: 150px solid #cc4885;
}
.sitemap-list-mo-pink a.view:hover, .sitemap-list-mo-pink.sitemap-active a.view{  
    background: #cc4885 !important;
    text-decoration: none !important;  
    color: #fff !important;
}
.sitemap-list-mo-pink:hover, .sitemap-list-mo-pink.sitemap-active{  
    border: 1px solid #cc4885 !important;
}
.sitemap-list-mo-grey .icon{  
    background: #b2beb5 !important;
}
.sitemap-list-mo-grey a.view {  
    border: 1px solid #b2beb5 !important;  
    color: #b2beb5 !important;
}
.sitemap-list-mo-grey:before {  
    background: #b2beb5 !important;
}
.sitemap-list-mo-grey .data h4{  
    color: #b2beb5 !important;
}
.sitemap-list-mo-grey .icon:after {  
    border-top: 150px solid #b2beb5;
}
.sitemap-list-mo-grey a.view:hover, .sitemap-list-mo-grey.sitemap-active a.view{  
    background: #b2beb5 !important;
    text-decoration: none !important;  
    color: #fff !important;
}
.sitemap-list-mo-grey:hover, .sitemap-list-mo-grey.sitemap-active{  
    border: 1px solid #b2beb5 !important;
}
/*T22494*/
.box-panel-shadow .box-header.White-m{
    background: #fff;
}
.box-panel-shadow .box-header.White-m h4 a{
    color:#000;
    font-size: 18px;
    font-weight: 600;
}
.box-panel-shadow .box-header h4 a.catboardscount {
    background-color: #47a654;
    color: #fff !important;
    padding: 5px 10px;
    float: right;
    font-size: 13px !important;
    border-radius: 4px;
    font-weight: 600;
}
.box-header .SecuriyuDivisionCollapse:after {
    font-family:Fontawesome;
    content:"\f146";
    float:left;
    font-size:14px;
    font-weight:300;
    margin-top: 4px;
    margin-right: 10px;
    color: #005fbf;
}
.box-header .SecuriyuDivisionCollapse.collapsed:after {
    font-family:Fontawesome;
    content:"\f0fe";
}
/*T22494*/

/*T22796*/   

.MyAccountNewTabsContainerWrapper{
    width:100%;
    text-align:center;
}

.MyAccountNewTabsContainer{
    width:88%;
    margin:0px auto;
    height: 180px;
    display: flex;
    justify-content: center;
}
.MyAccountNewTabsContainer .MyAccountNewTabs{
    margin: 10px;
}
.MyAccountNewTabs {
    width: 170px !important;
    height: 170px !important;
    position: relative;
    border-radius: 100px;
}
.MyAccountNewTabs .arrow {
    height: 0px;
    width: 0px;
    position: relative;
    border-right: 80px solid transparent;
    left: 0px;
    top: 0;
    z-index: 0;
}
.MyAccountNewTabs .Churchillborder1{
    border-top: 80px solid #4aa851;
}
.MyAccountNewTabs .Churchillborder2 {
    border-top: 80px solid #cc558b;
}
.MyAccountNewTabs .Churchillborder3 {
    border-top: 80px solid #0182c4;
}
.MyAccountNewTabs .Churchillborder4 {
    border-top: 80px solid #76c37c;   
}
.ChurchillBack1{
    background: #4aa851 !important; 
}
.ChurchillBack2{
    background: #cc558b !important; 
}
.ChurchillBack3{
    background: #0182c4 !important; 
}
.ChurchillBack4{
    background: #76c37c !important; 
}
.MyAccountNewTabs .arrow span{
    position: absolute;
    top: -72px;
    left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.MyAccountNewTabs .Content {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    text-align: center;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.MyAccountNewTabsContainer .slick-prev {
    left: -30px;
}
.MyAccountNewTabsContainer .slick-next {
    right: -20px;
}
.MyAccountNewTabs a.active .slidingDiv,
.MyAccountNewTabs a.active .slidingDiv1,
.MyAccountNewTabs a.active .slidingDiv2,
.MyAccountNewTabs a.active .slidingDiv3{
    width: 162px !important;
    height: 162px !important;
    border-radius: 50%;
    position: absolute;
    padding: 20px 15px;
    top: 4px;
    left: 4px;
    z-index:1;
    display:block;
    text-align: center;
}

.slidingDiv,
.slidingDiv1,
.slidingDiv2,
.slidingDiv3{
    display: none;
}
.slidingDiv{
    background-color: #4aa851;
    color:#fff;
}
.slidingDiv1{
    background-color: #cc558b;
    color:#fff;
}
.slidingDiv2{
    background-color: #0182c4;
    color:#fff;
}
.slidingDiv3{
    background-color: #76c37c;
    color:#fff;
}
.slidingDiv h4,
.slidingDiv1 h4,
.slidingDiv2 h4,
.slidingDiv3 h4{
    font-size: 14px;
    font-weight: 600;
}
.slidingDiv p,
.slidingDiv1 p,
.slidingDiv2 p,
.slidingDiv3 p{
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    padding:0px;
}
.show_hide,
.show_hide1,
.show_hide2,
.show_hide3{
    /*    display:none;*/
    cursor: pointer;
}
.MyAccountNewTabs a,
.MyAccountNewTabs a:hover{
    color:#555;
}
/*T22796*/  
/*T23125*/ 
.fg-element span.fg-currency::before
{
    top: -2px !important;
    display: block !important;
}
#modP img
{
    max-width: 100%!important;
    height:auto!important;;
}
/*T22796*/  

/*T23720*/
.ExpenceContainer{
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    min-height: 384px;
    padding: 20px;
    line-height:28px;
}
.ExpencesLogoSec{
    display:flex;
    justify-content: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
    padding-bottom:20px;

}
.ExpenceContainer h2{
    font-size: 22px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    font-weight: 600;
}
.ConcurContent{
    padding: 10px;
    margin-bottom: 10px;
    padding:30px;
}
.ExpenceContainer h3{
    font-size: 20px;
    margin: 20px 0px;
    padding: 0px;
    text-align: center;
    margin-bottom: 10px;
    color:#23b9ff;
    font-weight: 600;
}
.ConcurImgcenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:20px;
}
.ExpenceContainer p{
    font-size: 16px;
}
.ConcurContent ul{
    margin:0px;
    padding:0px;
    padding-left: 30px;
}
.ConcurContent ul li{
    list-style:decimal;
    padding-left:8px;
    line-height:28px;
}
.ConcurContent ul li ul li{
    list-style: disc;
    padding-left:0px;
}
.concurcontSub{
    display: flex;
    justify-content: space-between; 
    align-items: center;
    margin:20px 0px;
    border-bottom: 1px solid #f1f1f1;
    padding:20px 0px;
}
.concurcontSub .left{
    width:25%;
    text-align: center
}
.concurcontSub .center{
    width:50%
}
.concurcontSub .right{
    width:25%;
    text-align: center
}
.concurcontSub .right button,
.concurcontSub .right a,
.concurcontSub .left a,
.concurcontSub .left button
{
    padding: 8px 20px;
    background: #cc558b;
    border: 0px;
    border-radius: 6px;
    color: #fff;
    vertical-align: baseline;
    font-size: 18px;
    font-weight: 300;
}
.concurfooter h4{
    font-size: 18px;
    line-height:30px;
    font-weight: 600;
}
.concurfooter {
    border-top: 1px solid #000;
}
.ConcurWebinar{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ConcurWebinar a{
    margin:0px 10px;
}
.ConcurWebinar button,
.ConcurWebinar a
{
    padding: 8px 20px;
    background: #cc558b;
    border: 0px;
    border-radius: 6px;
    color: #fff;
    vertical-align: baseline;
    font-size: 18px;
    font-weight: 300;
}
/*T23777*/

.personaldetails-tabs::-webkit-scrollbar-thumb {
    background-color: #63666b;
    border-radius: 6px;
    height: 8px;
}
.personaldetails-tabs::-webkit-scrollbar{
    margin-bottom: 0px;
}


.TabContBG{
    background:inherit !important;
}
.TabPanWhitBackground{
    background: #fff;
    padding:10px;
    border-radius: 4px;
}
.AppliManagerFixedTabMeu .tabs_wrapper{
    padding:0px;
}
.push-site-nav.push-lt .TabsListMenuRebuild li:hover p, .push-site-nav.push-lt .TabsListMenuRebuild li p{
    padding-left: 55px;
}
.push-site-nav ul.TabsListMenuRebuild{
    margin-top: 55px;
}
.AppliManagerFixedTabMeu .push-main-header a.open-menu{
    z-index: 30;
    top: 10px;
    width:35px !important;
}
.TabsListContRebuild .tab_content.details-content h2{
    margin-top: 20px !important; 
}

.AppliManagerFixedTabMeu .push-site-nav.push-lt{
    width: 20%;
    position: fixed;
    top: 230px;
    background:#fff;
    border-radius:4px;
}
.AppliManagerFixedTabMeu .tab_container{
    width:100%
}
.AppliManagerFixedTabMeu .push-site-nav{
    top: 5px;
}

.AppliManagerFixedTabMeu .page-wrap.push-rt{
    width: 78%;
}
.wizard-top-bg1.wizard-top-bgApplicationManag{
    margin-top: 50px;
}

.push-site-nav .slimScrollDiv{
    z-index: 1;
}
.AppliManagerFixedTabMeu.stick .push-site-nav.push-lt{
    top: 90px;
}

.AppliManagerFixedTabMeu .push-site-nav{
    height: inherit;
}
.AppliManagerFixedTabMeu .persnol-tabs-rt{
    border-left: none;
}
/*T25025 ---------------------- 08-05-2020*/

.yourCommunity-panel.box-panel-body {
    padding: 5px 15px;
}

.yourCommunity a{
    background: #0182c4;
    border-radius: 8px;
    color: #fff;
    float: left;
    margin-right: 0;
    padding: 15px;;
    font-size: 13px;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 10px;
    text-align: left;
    box-shadow: 1px 2px 17px 2px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
.yourCommunity .topPost{
    position: absolute;
    top:15px;
    left: 0;
}
.yourCommunity .topPost span{
    background: #cc4885;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    border-radius: 0px 50px 50px 0px;
    padding: 6px 20px;
}
.YCCont{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.YCCont .icon {
    margin: 10px;
}
.YCCont .icon .YCContImg{
    position: absolute;
    left: 0;
    width: 110px;
    bottom: -20px;
}
.YCCont .text{
    padding: 0 10px;
    margin-left: 100px;
}
.YCCont .text h3{
    font-size: 25px;
    font-weight: 600;
    padding: 0;
    margin: 0 0 10px 0
}
.YCCont .text p{
    font-size: 15px;
    margin: 0;
    padding: 0 0 10px 0
}
.YCCont .text .bottom{
    display: flex;
    justify-content: space-between;
}
.YCCont .text .bottom .postBy,
.YCCont .text .bottom .Date{
    font-size: 14px;
}
.YCCont .text .bottom .postBy span,
.YCCont .text .bottom .Date span{
    color: #f9eea5;
}
.YCCont .text .bottom .postBy span{
    font-weight: 600;
    font-style: italic;
}
.Community .slick-prev:before, .Community .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 1;
    color: #fff;
    color: #3e3e3e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #dcdfe0;
    padding: 5px 11px;
    border-radius: 100%;
}
.Community .slick-next {
    right: -10px;
}
.Community .slick-prev {
    left: -10px;
    z-index: 11;
}
.Community .slick-next:before {
    content: "\f105";
}
.Community .slick-prev:before {
    content: "\f104";
}
.Community .slick-slide{
    margin: 0 5px;
}
@media (max-width:1440px){
    .YCCont .text h3{
        font-size: 15px;
        font-weight: 600;
        padding: 0;
        margin: 0 0 10px 0
    }
    .YCCont .text p{
        font-size: 13px;
        margin: 0;
        padding: 0 0 5px 0
    }
    .YCCont .text .bottom .postBy,
    .YCCont .text .bottom .Date{
        font-size: 10px;
    }
}


@media (max-width:530px){
    .YCCont .text .bottom{
        display: inherit;
    }
    .bookingProcess{
        margin: 0px;
    }
    .login-new-body {
        min-height: calc(100vh - 150px) !important;
        position: relative !important;
        margin: 0 0 2% 0;
    }

}
#timepicker-n .ui-slider-horizontal {
    height: 15px;
    background: #c5c5c5;
}
@media (max-width:1440px){
    /*T20631 --------- 04-12-2019*/
    .wizard-top-bg .fg-form{
        width: 100% !important;
    }
    /*T20631 --------- 04-12-2019*/
}

/*T26193 Preview pannel Response*/
.MobilePreview .hasDatepicker {
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 10px;
}
.MobilePreview .tg_but_class_1{
    margin-left: 0px !important;
    width: 100% !important;
    height: auto !important;
}
.MobilePreview input.postCode-input {
    margin-bottom: 10px;
    width: 100% !important;
    height: auto !important;
}
.MobilePreview .sg-x-span-other {
    position: absolute !important;
    right: 24px !important;
    top: 42px !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    display: flex;
    align-items: center;
    font-weight: bold;
    justify-content: center;
}
.MobilePreview #section-change-button-holder {
    height: auto !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex !important;
    position: inherit !important;
    margin-top: 20px !important;
    justify-content: center !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}
.MobilePreview #section-change-button-holder .fg_button {
    width: 100% !important;
    margin-bottom: 10px !important;
    position: inherit !important;
}
/*T 26395*/
/*T26413 <07/07/2020>*/
div.dt-buttons.guidethickelement {
    padding: 0px 0px 5px 5px;
}
/*T26410 <07/07/2020>*/
.context-menu-icon.context-menu-icon-editps:before {
    font-family: FontAwesome !important;
}
.context-menu-icon.context-menu-icon-editps:before {
    content: "\f040";
}

.HouseOfWellBeing { 
    width: 70%;
    margin: 0px auto;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    min-height: 384px;
    padding: 20px;
}
.HouseOfWellBeing .logo{
    font-size: 50px;
    font-weight: 600;
     display: flex; 
     align-items: center; 
    color: #949494;
     border-bottom: 2px solid #f2f2f2; 
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.HouseOfWellBeing .logo span{
    font-size: 36px;
    font-weight: 600;
    margin-left:20px;
    text-transform: uppercase;
    color: #949494;
}
.HouseOfWellBeing .txt{
    line-height: 26px;
    font-size: 16px;
}
.HouseOfWellBeing .txt .WellBeingLogo{
    width:100%;
    text-align: center;
    margin-bottom:30px;
}
.HouseOfWellBeing .txt .container {
    width: auto;
    margin-top: 30px;
}
.HouseOfWellBeing .txt .row {
  margin-bottom: 30px;
}
.HouseOfWellBeing .txt .row img{
  border:1px solid #efecec;
  width:100%
}
.HouseOfWellBeing .txt ol li{
    line-height: 40px;
}
.HouseOfWellBeing .txt .ButtonAndLink{
    text-align: center;
    margin:34px 0 20px 0px;
}
.HouseOfWellBeing .txt .ButtonAndLink a{
    text-align: center;
    background: #0082c9;
    padding:10px 24px;
    font-size: 20px;
    font-weight: 600;
    border-radius:6px;
    border:0px;
    color:#fff;
}


  
/*Jpicker(New Color Picker)---31-08-2020*/

.jPicker.Container {
    z-index: 100020 !important;
}
.jpcpinptgrp{
    display: flex;
}

/*T27962*/
.ui-widget-content a {
     word-break: break-all;
}

.panelTagNew{
    position: absolute;
    top: -5px;
    right: -5px;    
    height: 61px;
}
/*T28208*/
#FGDataForm-967 .fields-holder label.col-lg-4 {
    width: 150px !important;
}
/*T28208*/
.OrderTable{
    width:50px !important;
}
.SNameTable{
    width:400px !important; 
}
.ANameTable{
    width:400px !important;
}
.DsplayTable{
    width:20px !important;
}
.OpenTable{
    width:20px !important; 
}
#FGDataForm-818 .fg-element{
    clear: both;
}
/*T28652*/
.catiTables table.dataTable.display tbody tr.even, 
.catiTables table.dataTable.display tbody tr.even>.sorting_1, 
.catiTables table.dataTable.display tbody tr.even>.sorting_2, 
.catiTables table.dataTable.display tbody tr.even>.sorting_3,
.catiTables table.browse tbody tr.even td
{
    min-height: 20px;
}

.catiTables table.dataTable.display tbody tr.odd, 
.catiTables table.dataTable.display tbody tr.odd>.sorting_1, 
.catiTables table.dataTable.display tbody tr.odd>.sorting_2, 
.catiTables table.dataTable.display tbody tr.odd>.sorting_3,
.catiTables table.browse tbody tr.odd td
{
    min-height: 20px;
}
/*T28709*/
#Kati_CT footer.main-footer.GlobalBackGroundFooter.New-Login-Footer {
    margin-left: 0 !important;
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#Kati_CT  p.CatiFooter{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    border-right: 1px solid #d2d3d4;
    margin-right: 6px;
}

.flow-setupClass{
    display: flex;
}


@media(max-width: 768px) {
    #Kati_CT footer.main-footer.GlobalBackGroundFooter.New-Login-Footer{
        display: block;
    }
    #Kati_CT p.CatiFooter {
        border-right: 0;
        margin-right: 0px;
    }
    .flow-setupClass{
        display: inline-block;
    }
}
/*T28709*/

div.iframe-content-scroll iframe{
    height: 800px;
}


@media screen and (max-width: 767px){
    
    div.iframe-content-scroll{
        position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
    }
    
    div.iframe-content-scroll iframe{
        position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
    }
}

/*T33190*/
.SMItemResponseWrap{
     display:flex;
     flex-wrap:wrap;
 }
 .SMItemResponse{
     width:31.3333%;
     margin: 0 10px 0 10px;
 }
 @media only screen and (max-width: 1280px) 
 {
     .SMItemResponse{
          width:47%;
          margin: 0 10px 0 10px;
      }
 }
 @media only screen and (max-width: 1024px) 
 {
     .SMItemResponse{
          width:46%;
          margin: 0 10px 0 10px;
      }
 }
 @media only screen and (max-width: 768px) 
 {
     .SMItemResponse{
          width:45%;
          margin: 0 10px 0 10px;
      }
 }
 @media only screen and (max-width: 667px) 
 {
     .SMItemResponse{
          width: 100%;
          margin: 0 10px 0 10px;
      }
 }
 /*T33190*/
 /*T36824 <09/12/2021>*/
 .carousel {
     position: relative;
 }
 .carousel.pointer-event {
     touch-action: pan-y;
 }
 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
 }
 .carousel-inner::after {
     display: block;
     clear: both;
     content: "";
 }
 .carousel-item {
     position: relative;
     display: none;
     float: right;
     width: 100%;
     margin-left: -100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: transform 0.6s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
     .carousel-item {
         transition: none;
     }
 }
 .carousel-item.active, .carousel-item-next, .carousel-item-prev {
     display: block;
 }
 .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
     transform: translateX(100%);
 }
 .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
     transform: translateX(-100%);
 }
 .tooltip {
     opacity: initial;
     font-size: 15px;
 }
 .tooltip.bs-tooltip-top {
     padding: 5px 0;
 }
 .tooltip.bs-tooltip-top > .tooltip-arrow {
     border-top-color: #cc4885;
     width: auto !important;
 }
 .tooltip.bs-tooltip-top .tooltip-arrow {
     bottom: 0;
     left: 50%;
     margin-left: -5px;
     border-width: 5px 5px 0;
     border-top-color: #000;
 }
 .tooltip-inner {
     max-width: 200px;
     padding: 10px 20px;
     color: #fff;
     text-align: center;
     background-color: #cc4885;
     border-radius: 4px;
 }
 .popover .box-panel-shadow .box-header h4 a {
     color: #000;
 }
 .popover{
     max-width: 250px;
 }
 .popover .box-panel-shadow {
     margin-top: 0;
 }
 .popover .popover-arrow {
     position: absolute;
     display: block;
     width: 1rem;
     height: 0.5rem;
 }
 .popover .popover-arrow::after, .popover .popover-arrow::before {
     position: absolute;
     display: block;
     content: "";
     border-color: transparent;
     border-style: solid;
 }
 .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, .bs-popover-top > .popover-arrow {
     bottom: calc(-0.5rem - 1px);
 }
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-0.5rem - 1px);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

/*T38620*/
@media screen and (max-width:768px) {
    #forumPanel28 {
        order: -1;
    }
}
/*T38620*/



/* Start T38676*/
.toplinks.pull-right{
    margin:0px;
}
.JobtoplinksWrap{
    display:flex; 
    align-items: center; 
    justify-content: 
    space-between;
} 
@media screen and (max-width:1024px) {
    .page-filter button.ui-multiselect {
        width: 230px!important;
    }
}

@media screen and (max-width:768px) {
    .date-range-filter{
        margin-bottom:20px
    }
    #date-range-data{
        margin-bottom:20px
    }
    .page-filter, .page-filter-button{
        margin-bottom: 20px;
    }
    .ChartGenDateRangeDD{
        padding:0px;
    }
    .ChartFlex{
       flex-wrap: wrap;
    }
    .cell-30{
        width: 100% !important;
        margin-bottom: 20px;
    }
    .toplinks a{
        white-space: nowrap;
    }
}
@media screen and (max-width:620px) {
    .JobtoplinksWrap .display-top-row .check-new{
        margin-bottom: 14px;
    }
    .date-range-filter{
        margin-bottom:10px
    }
    .JobtoplinksWrap{
        flex-wrap: wrap;
    }
    
}

.modal-lg.fg-form {
    width: 100%;
}
/*End T38676*/

/*39228 Zindex issue for ckEditor Table and image iptioons*/
.cke_dialog_container{
    z-index: 100010 !important;
}
/*39228 End*/


/*T39716 -- 02-05-2022*/

.modal-lg.fg-form.fg-form-api-code- {
    width: 100%;
}

.ui-dialog.apChequersEmail{
    border: none;
    width: 920px !important;
    
}
.ui-dialog.apChequersEmail .ui-dialog-titlebar-close{
    color: #000000 !important;
}

.ui-dialog.apChequersEmail .ui-widget-header{
    background: transparent !important;
    padding: 0 !important;
}

.box-panel-body.evm-body{
    padding: 0px 20px 15px;
}
.evm-box-in a {
    background: #fff;
    text-align: center;
}
.evm-box-in a div img {
    width: 85%;
    height: auto;
    margin: 0 auto;
}

.fg-element {
    font-size: 15px;
}
#main-form-fg-holder .fg-element, form .fg-element {
    margin-bottom: 0px;
}
#main-form-fg-holder .fg-element, form .fg-element {
    padding-bottom: 0px;
}
#main-form-fg-holder .fg-element, form .fg-element {
    padding-top: 0px;
}
.dl-horizontal dd {
    margin-bottom: 0px;
}
.fg-element button i, .fg-element [type="button"] i {
    font-size: 14px!important;
}

.box-panel-shadow .box-header .fg-element button[iconname]{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-panel-shadow .box-header .fg-element button,.box-panel-shadow .box-header .fg-element [type="button"]{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 6px;
    padding: 0px 8px !important;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
}


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

.linkedButtons .selectedLinkButton
{
    background: #3670d2;
    color: #FFFFFF;
}

.linkedButtons .linkedButton
{
    border-left: 1px solid #e8eae9;
    border-right: 1px solid #e8eae9;
}

.linkedButtons .linkedButton:first-child
{
    border-radius: 5px 0 0 5px;
}

.linkedButtons .linkedButton:last-child
{
    border-radius: 0px 5px 5px 0px;
}
.linkedButton
{
    padding: 10px 10px 8px;
    text-align: center;
    color: #c9d2d9;
    background: #FFF
}
.linkedButton i
{
    font-size: 20px;
}
.linkedButton .linked-button-data-container
{
    display: inline-grid;
    cursor: pointer;
}

.linkedButtons
{
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #e8eae9;
    display: flex;
    width: fit-content;
}
#atlwdg-trigger {
    z-index: 1001;
}
.ui-dialog .ui-dialog-titlebar-custom {
    position: absolute;
    top: 35% !important;
    width: 100px !important;
    text-align: center !important;
    margin: -10px 0 0 0;
    padding: 5px !important;
    height: auto !important;
    color: red;
    border: 1px solid black !important;
    border-radius: 5px !important;
    background: white !important;
}
.ui-dialog .ui-dialog-titlebar-span {
    position: absolute;
    top: 35% !important;
    text-align: center !important;
    margin: -10px 0 0 0;
    padding: 5px !important;
    height: auto !important;
    color: red;
}
.ui-dialog .ui-dialog-titlebar-custom.pos1,
.ui-dialog .ui-dialog-titlebar-span.pos1 {
    left: 410px;
}
.ui-dialog .ui-dialog-titlebar-custom.pos2,
.ui-dialog .ui-dialog-titlebar-span.pos2 {
    left: 520px;
}
.ui-dialog .ui-dialog-titlebar-custom.pos3,
.ui-dialog .ui-dialog-titlebar-span.pos3 {
    left: 630px;
}
.ui-dialog .ui-dialog-titlebar-custom.pos4,
.ui-dialog .ui-dialog-titlebar-span.pos4 {
    left: 740px;
}

.G2ETabCategory .disabled-sg-item{
        padding: 0px !important;
}