@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf') format('truetype'), url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'CenturyGothic-Bold';
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic-Bold.woff') format('woff'), url('../fonts/CenturyGothic-Bold.ttf') format('truetype'), url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yantramanav-Bold';
    src: url('../fonts/Yantramanav-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Yantramanav-Bold.woff') format('woff'), url('../fonts/Yantramanav-Bold.ttf') format('truetype'), url('../fonts/Yantramanav-Bold.svg#Yantramanav-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yantramanav-Light';
    src: url('../fonts/Yantramanav-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Yantramanav-Light.woff') format('woff'), url('../fonts/Yantramanav-Light.ttf') format('truetype'), url('../fonts/Yantramanav-Light.svg#Yantramanav-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yantramanav';
    src: url('../fonts/Yantramanav-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Yantramanav-Regular.woff') format('woff'), url('../fonts/Yantramanav-Regular.ttf') format('truetype'), url('../fonts/Yantramanav-Regular.svg#Yantramanav-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    margin: 0px;
    padding: 0px;
}
#report::-ms-scrollbar {
    width: 8px !important;
}
body {
    color: #2d2f40;
    background: #f1f1f1 url(/images/pattern.png);
    font-size: small;
}
div:focus{outline:none!important;}

p {
    margin-bottom: 0px;
}

.with-tooltip {
    position: relative;
    cursor: pointer;
/*    z-index: 88;*/
  }
.zoomtool04.with-tooltip::after{
    font-size: 1.4rem!important; 
    bottom: 77%!important;

    
  }

 .task-email-icon .tooltip03  .with-tooltip::after,
  .zoomtool.with-tooltip::after{
    font-size: 1.1rem!important; 
  }
  .zoomtool03.with-tooltip::after,
  #kb-footer  .with-tooltip::after{
    font-size: 1.4rem; 
  }
  .opppopup .op-raci-photos{
    overflow: inherit!important;
    margin: 0px 2px;
  }
  .zoomtool03 {
    overflow: inherit!important;
    -webkit-mask-image: none!important;
  }
  .zoomtooover {
    overflow: inherit!important;
    -webkit-mask-image: none!important;
  }
  .opppopup .project-notes-container .op-raci-search
  {
    width: 100%!important;
  }

.opppopup .note-rw-container{
    margin-top: 21px;
}
.myworktaskrow{
     display: flex;
    margin-right: 23px;
    border-radius: 5px;
    text-transform: capitalize;
}
.myworktaskrow>div{
  width: 143px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    font-weight: 800;
    cursor: pointer;
    font-size: 17px;
    border: solid 2px #c1c1c1;
    height: 36px;
    position: relative;
    top: -2px;

}
.myworktaskrow>div:first-child{
    border-right: none;
}
.myworktaskrow>div.active{
        background-color: #e6e6e6!important;

}
.wrappertooltip .checkbox{
margin-top: 0;}
.ifospan{
    position: absolute;
}
.myworktaskrow>div .ifospan {
    background: aliceblue;
    width: 25px;
    position: relative;
    height: 25px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

#cm-global-report{
    top:0px!important;
}
  .zoomtool03.with-tooltip::after
{
    font-size: 1.4rem; 
  }
.zoomtool04.with-tooltip::after
{
    font-size: 1.6rem; 
    font-weight: 800;
}


  .with-tooltip::after {
    content: attr(data-tooltip-content);
    padding: 6px 10px;
    border-radius: 4px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    color: #050505;
    bottom: 115%;
    right: 50%;
    left: 50%;
    width: max-content;
    background-color: #fff;
    opacity: 0;
    font-size: 1rem; 
    z-index: 88888888;
    visibility: hidden;
    transform: translate(-50%, 18px) scale(0.8);
    transition: visibility, opacity, transform 200ms;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  }
  
  .with-tooltip:hover::after {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
  }



.h78{
padding: 10px 6px 0px 17px;
left: -36px;
position: relative;
font-weight: 600;
}
.close-tpmbtn{
    font-size: 18px!important;
    padding: 4px 26px!important;
}
.m-close{
    font-size: 50px!important;
    top: -24px!important;
}
#badge-desc-modal .modal-title{
    font-size: 26px;
    font-weight: 600;
}

#badge-desc-modal .modal-header .close {
    margin-top: -12px;
    font-size: 50px;
    background: none;
    opacity: 9;
}
.tpm-foursteps-container .fs-row>div{
display: flex;
align-items: center;
font-size: 20px;

}

#badge-desc-modal .modal-body {
    font-size: 21px;
}
#foursteps-container .fs-row>textarea{
    font-size: 19px;
    padding-left: 5px;
}
.rightflex-icon{
    float: right!important;
    width: 27%!important;
    display: flex!important;
    justify-content: flex-end!important;
    align-items: center;
}
.rightflex-icon .edit-audit-btn{
position: relative;
margin: 0px 5px;
}
.form-tab-inner .rightflex-icon .edit-audit-btn img{
    left: 1px;
    top: 4px;
}
.form-tab-inner .rightflex-icon .edit-audit-btn span {
    position: relative;
    left: 0px;
}
.rightflex-icon .audit-docs {
    background: none !important;
    border: none;
    font-size: 37px;
    margin-top: 4px;
    color: #000 !important;
    position: relative;
    top: 3px;
}
.rightflex-icon .audit-docs span{
    padding-left: 7px;

}
a:hover,
a:focus,
a:active {
    text-decoration: none;
}

::-webkit-scrollbar {
    width: 2px !important;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent !important;
}

::-webkit-scrollbar-thumb {
    background-color: #eee !important;
    outline: 2px solid transparent !important;
}
#org-header-nav div{
        font-size: 1.8rem;
    font-weight: 300;
}

#dashbordHoshinModal .hosh-tit{
        background:none;
        top: 47px;
}
#dashbordHoshinModal .dragpanelitem{
        background-color: #fff!important;
}
.ffanel{
    margin-top: 21px;
    width: 68px;
    height: 68px;
}
.processleftcontainer{
    position: absolute;
    left: -50%;
    width: 600px;
}
.explore-btn{
    position: absolute;
    right: -30%;
    top: 50%;
    color: #131212;
    cursor: pointer;
    font-size: 22px;
    background: #fff;
    padding: 5px 13px;
    border-radius: 22px;
}
.explore-btn img{
    width: 50px;
}
.processleftcontainer .cards-frow{
    width: 500px; 
}
.cardsform-frow{
    display: flex;
    width: 599px;
    margin-bottom: 25px;
}
.cardsform-frow .cardsmimg{
    float: left;
    width: 30px;
    position: relative;
    top: 30px;
    left: 30px;
}
.cardsform-frow .cardsmeetingbtn{
    position: relative;
    top: 30px;
}
.cardsform-frow img{
    width: 80px;
    float: left;
}
.cardsform-frow button{
    width: 50px;
    margin: 23px 0px 14px 0px;
    color: red;
}
.cardsform-frow .cardsmeetingbtn button{
    width: 85px;
    height: 43px;
    margin: 18px 0px 11px 0px;
    color: #ffffff;
    background-color: #575f68;
}
.cardsform-frow .cardsmeetingbtn button.clicked {
    border: 2px solid red;
}
.processleftcontainer .formmg5{
    margin: 45px 10px 14px 0px;
    height: 50px;
    width: 69%;
    margin-left: 0;
    font-size: 17px;
}
.cards-frow .frow{
    display: inline-block;
    width: 100%;
}
.cards-frow .frow>div{
    float: left;
    border: solid 1px #1f1c1c;
    padding: 12px;
    width: 50%;
    margin: 0px;
    background: #fff;
    font-size: 19px;
}

body .closetxt{
    position: absolute;
    color: #000;
    right: -1px;
    top: -1px;
    text-align: right;
    font-size: 17px;
    background: none;
    padding: 0px 14px;
    border-radius: 5px;
    text-decoration: underline;
}
.open #menu-button {
    display: none;
  left:0px;
  opacity: 0;
}
.widget .menu .list li a,
.widget .menu .list li img{
    cursor: pointer!important;
}
 .teampanelh100 {
    height: 105vh !important;
    display: inline-block;
}
.panel-container{
       height: 100vh !important; 
}
.tooltip.in{
    opacity: 1!important;
}
.tooltip-inner{
    background: #fff!important;
    color: #000!important;
}
.col-md-w1{
    width: 110px;
    float: left;
}
.col-md-w2{
    width: 260px;
    float: left;
}
.col-md-w3{
    width: 110px;
    float: left;
}
.p-20{
    padding-left: 38px;
}
.w2-m .checkbox-btns label.checkbox::before{
    top: 10px;
}
.w2-m .checkbox-btns label.checkbox span {
    top: 13px;
}
.rightpanelbutton{
    position: fixed;
        right: 0;
        display: none;
}
.rightpanelbutton button{
    display: block;
    height: 60px;
    width: 200px;
    position: relative;
    font-size: 21px;
    color: #fff;
    background: #0061b5;
    line-height: 26px;
    margin-bottom: 3px;
    border: dotted 1px #fff;
}

.drag-droparearow #trash .gallery li{
    width: 100% !important;
    background: #eee;
    border: dotted #333 1px;
    cursor: pointer;
}
.widgetsbtnreport,.widgetsbtndashboard,
.widgets-newbtn, .widgetsbtnkpireport,
.widgets-btn{
        background: #0061b5;
    color: #fff;
    position: absolute;
    rotate: -90deg;
    font-size: 20px;
    top: auto;
    padding: 8px 10px;
    margin-left: 15px;
    bottom: 90px;
    width: 105px;
    cursor: pointer;
    border: none;
    font-family: SourceSansPro;
}




.myteamcontainer .presto-table-h{
    padding-left: 0px!important;
}
.myteamcontainer .presto-table-b>.row>div{
text-align: left!important;
}

.drag-droparearow #trash .gallery li a{
    opacity: 0;
}
.drag-droparearow #trash .gallery li:hover a{
    opacity: 1;
}

.bottombtmrt{
    margin-top: 80px;
}

.rightpanelbutton .bottombtmrt  button{
    display: block;
    height: 60px;
    width: 200px;
    position: relative;
    font-size: 21px;
    color: #fff;
    background: #0061b5;
    line-height: 26px;
    margin-bottom: 3px;
    border: dotted 1px #fff;
}

.accountmanagement-panel .cm-initiative-contain>div{
height: 30px;
}
.accountmanagement-panel .cm-initiative-contain>div:first-child{
    width: 8%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
.accountmanagement-panel .w-80{
    width: 85%;
}
.accountmanagement-panel .w-20 .delete-account-type{
    padding-top: 8px;
    font-size: 25px;
    margin-left: 10px;
}

.accountmanagement-panel .cm-initiative-contain:first-child{
    margin-top: 35px;
}
.spradiorow .text-breack{
    width: auto !important;
    font-size: 20px;
    position: relative;
    top: -4px;
}
.spradiorow{
border: solid 1px #eee;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    height: 60px;
    width: 240px;
    justify-content: center;
        position: absolute;
    margin-top: -30px;
    background: #f9f9f9;
    color: #fff;
}
.providers-management-search{
    float: left!important;
}
.addnewbtn{
    float: right;
    font-size: 19px;
    margin-top: 2px;
    margin-right: 10px;
    height: 42px;
    background: #fff;
}
.clintcontainerinner .searchproviderow{
      width: 94%;
}
.searchproviderow{
    float: left;
    margin-top: 7px;
  
    position: relative;
}
.searchproviderow .service-providers-search{
    height: 39px!important;
    width: 320px!important;
    margin: 10px!important;
    margin-top: -4px!important;

}
.presourcerowpanel .presto-table-h{
    font-size: 18px;
        height: 35px!important;
            padding-left: 10px;
}
.presourcerowpanel .presto-table-h>div{
      font-size: 18px!important;
       height: 35px!important;
       line-height: 1.8!important;
}
.contentrowclient label{
        font-size: 18px !important;
    top: -10px !important;
}
.chang-p{
    font-size: 28px;
}
.searchproviderow .glyphicon-search{
    color: #000;
    font-size: 23px;
    padding-top: 4px;
    position: relative;
    left: -65px;
    border-left: solid 1px #eee;
    padding-left: 8px;
}
.spradiorow .form-group{
        padding-top: 17px;
            width: 170px;
}
.myclientsrow .hdpheader.presto-p-header {
    height: 65px;
}
.presourcerow .presto-button{
    width: 150px;
    font-size: 20px;
        background: #fff;
    padding: 10px 13px;
    cursor: pointer;
    background: #fff;
    border: solid 1px #817474;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 5px;
    height: 40px;
}
#show-archived-clients {
        margin-left: 86px;
    border: none;
    margin-top: -7px;
}
.drag-droparearow #gallery li{
    width: 100%!important;
}
.dropher{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    font-size: 58px;
    color: #ffffff;
    opacity: 0.3;
    line-height: normal !important;
}
.searchcrm .form-control{
    height: 45px;
}
.searchcrm  .form-group{
        width: 25%;
    float: left;
}
.searchcrm.radio-btns label.btn span {
    top: -4px;
    left: 5px;
}


.presourcerow .presto-button.greyed {
    background-color: #adadad;
    color: #fff;
}
.manual-mailpop p{
    float: left;
    font-weight: bold;
    padding: 7px;
}
/* .manual-mailpop{
    float: left;
    margin-top: -15px;
    position: absolute;
    right: 7px;
    width: 369px;
    padding: 10px 0px;
} */
.ui-icon-refresh.fa{
text-indent: inherit;
    height: auto;
    position: absolute;
    left: -9px;
    background: #f1f1f1;
    padding: 6px;
    width: auto;
    color: #564646 !important;
    top: 6px;
    font-size: 16px;
    border-radius: 4px
}
.accountmanagement-panel .text-ellipsis{
    padding: 10px;
}
.accountmanagement-panel .presto-p-header{
        height: 57px;
}
.accountmanagement-panel .cm-i-container{
    height: 100vh;
}
.accountmanagement-panel .save-initiative-type{
    font-size: 20px;
    background: #fff;
    border: solid 1px #fff;
    padding: 9px;
    margin-left: 3px;
}

.accountmanagement-panel input{
    width: 100%;
    height: 40px;
}
.accountmanagement-panel .cm-initiative-contain{
    margin: 10px 0px;
}

#projectleftuserrow
{
width: 50%;    
    top: 12%;
    margin: 0 3%;
    position: fixed;
    z-index:200;
    display: none;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #fff;
    padding: 10px 20px 20px;
    font-family: SourceSansPro;
    line-height: 1.6;
    float: left;
        padding: 20px 50px;
}
.linking-popup .searchcrm{
    width: 50%;    
}
#projectleftuserrow .close-project-details,.close-resource-cost-details{
    position: absolute;
    right: -15px;
    font-size: 30px;
    top: -17px;
    width: 42px;
    border-radius: 34px;
    height: 42px;
    line-height: 12px;
    background: #add;
    color: #fff;
    border: solid 1px #fff;
}

.drag-droparearow li{
    position: relative;
    padding: 9px 20px;
    border: solid 1px #eee;
    list-style: none;
    margin-top: 9px;
    font-size: 20px;
    cursor: -webkit-grab;
    cursor: grab;
}
.drag-droparearow ul{
    margin:0px;
    padding: 0px;
}
.dragboxrow {
    position: absolute;
    background: rgb(0 0 0 / 69%);
    padding: 15px !important;
    border: dotted 4px #eee;
    margin: 0px 50px;
    left: 100%;
    min-width: 600px;
    bottom: 50px;
    min-height: 80px;
    border-radius: 15px;
}
.drag-droparearow #trash .gallery li {
    margin-right: 20px;
}

.dragboxrow li{
        color: #fff;
}
.dragboxrow li {
    color: #fff;
    float: left;
    margin-right: 15px;
}
#projectleftuserrow .right-panel-container .closed {
    left: -50px;
    transform: rotate(180deg);
    background-color: #fff;
}
.searchform{
        height: 40px;
    width: 100%;
}
body .linking-popup .right-panel-container,
#projectleftuserrow .right-panel-container{
    background: #f5f5f5 url(/images/bg.png)!important;
    padding: 15px;
    height: calc(100% - -10px);
    overflow: auto;
}
#projectleftuserrow .searchcrm{
        display: flex;
    align-items: center;
    margin: 20px 0px;
}
.dragboxrow ul{
    height: 60px;
    width: 100%;
}
#projectleftuserrow .searchcrm .fa-search{
/*font-size: 24px;
    margin-left: 1px;
    background: #fff;
    padding: 9px;
    width: 50px;
    text-align: center;
    border: solid 1px #dbdbdb;
    height: 40px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;*/
}
#projectleftuserrow 
.opcheck02 {
    padding-top: 50px!important;
}
.hd-toplistmenu02{
     /*   top: 11px!important;*/
}
.op-chk-body .presto-input.input-reducetaskrow.input-reducetaskrow02 {
    width: calc(100% - 355px);
}
.hd-toplistmenu02.hd-toplistmenu ul li:first-child {
    width: calc(100% - 310px);
}

.task-email-icon .email-envolop-panel02{
    left: 39px;
    position: relative;
}
.task-email-icon .email-envolop-panel02 img{
    width: 24px;
    height: 25px;
    position: relative;
    top: -7px;
}

.tooltip03 img{
    width: 25px;

}
.right-info .op-raci-photos{
overflow: inherit;
}
.planned03{
    left: 22px;
    position: relative; 
}
.hd-toplistmenu02 .fst-03 {
    position: relative;
    left: 10px;
    font-size: 12px;
}
.planned-finish-date.planned02, .planned-start-date.planned02{
    margin-left: 24px !important;
}
.op-chk-body .presto-input.input-reducetaskrow.presto-input02 {
    width: calc(100% - 440px);
}
.completion-perc.completion-perc02{
    min-width: 50px!important;
}
.per02{
        width: 70px;
    text-align: center;
}
.edit-checkbutton.edit-checkbutton02{
        right: -35px;
}
.row-user02 .topcyl-02,
.row-user02 .task-prority02{
        margin-right: 5px;
        height: 31px;
            color: #5c5858;
            position: relative;
    left: 39px;
          top: -2px;
          z-index: auto;
}
.presto-input02 .edit-checkbutton{
    z-index: auto;
}
.row-user02 .topp-task02{
         height: 31px;
             display: flex;
    align-items: center;
    justify-content: center;
}
#asset-container.opexpanelcontainer .presto-table-b .row.active:nth-child(odd){
/*background: #eeeeee !important;*/
}

.opexpanelcontainer  .mid-divider {
    height: 1094px;
    border-right: 4px dotted #eee;
    margin-top: -108px;
    left: 10px;
}
#asset-container.opexpanelcontainer .presto-table-b .row.active{
    background: #fff !important;
}
.opexpanelcontainer #readiness-obj-save{
        width: 65px;
}
.opexpanelcontainer #filter-history {
    right: 6px;
    top: 8px;
    padding-top: 0px;
    background: #f3f3f3;
    color: #000;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.opexpanelcontainer #filter-history-container {
    top: 48px;
}
.opexpanelcontainer #filter-history-container>div{
color: #000;
}

.opexpanelcontainer #opex-readiness-doc-edit-form {
    border: 3px dotted #cdc3c3;
}
.opexpanelcontainer #manage-parametres {
    font-size: 15px;
    height: auto;
    line-height: 15px;
    padding: 7px 8px;
}

.hover-rightalign.hover-rightalign02 .get-task-notes.glyph-warning {
    right: 283px;
}
.rightaccmenu-panel #account-panel{
    left: 0px!important;
    top: 0px!important;
    margin-top: 3px;
}
.mainavmenu{
        width:100%;
    display: flex;
    padding-left: 5%;
    position: relative;
    top: 20px;
    height: 100px;

}
.account-photouser{
    margin-right: 20px;
}
.mainmenu{
    float: left;
    position: relative;
    width:45%;
    margin: 0% 1%;
}
.mainmneu2{
      float: left;
    position: relative;
    width: 25%;
    margin: 0% 1%;
}

.rightaccmenu-panel{
    float: right;
    position: relative;
    padding: 14px 0px;
    width: 30%;
    display: flex;
    height: 88px;
    align-items: center;
    justify-content: center;
    margin: 0% 1%;
    border-top: solid 1px #c1c1c1;
    border-bottom: solid 1px #c1c1c1;
}
.rightaccmenu-panel ul{
    margin: 0px;
    padding: 0px;
    display: flex;
}
.rightaccmenu-panel ul li{
    list-style: none;
    display: inline;
    position: relative;
    float: left;
    cursor: pointer;
}
.rightaccmenu-panel #account-photo img{
    position: relative;
    border-radius: 50%;
    left: 8px;
    width: 27px;
    top: -3px;
}

.account-photouser #account-photo {
    width: 35px;
    height: 35px;
    margin-top: 2px;
}


.profile-menu-li .bx-arrowdown{
    top: 13px;
}

.me-top {
    position: relative;
    top: 1px;
}
.rightaccmenu-panel ul li img{
    width: 29px;
    margin: 0px 15px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rightaccmenu-panel ul li span{
    display: block;
    text-align: center;
    font-size: 1.4rem;
}
.grayBGPanel{
    background: #f5f5f5 !important;
    margin-bottom: 20px;
}
.notificationPopupSelect{
    background: none; border: none; width: 100%;
}
.triggerTableStatusHeader{
    margin: 0;
    padding: 0;
    height: 40px;
    text-align: center !important; 
    vertical-align :center !important;
}
.triggerTableTDBoxes{
    border: solid 1px #1379bf;
    padding: 12px;
    margin-left: 15px;
    text-align: center;
    height: 42px;
    width: 90%;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    line-height: 15px;
}
.goal-list-icon,
.upehover{
        -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.goal-list-icon:hover,
.upehover:hover
{
        -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
#add-userrolemodal .tooltip-inner {
    max-width: 400px; /* set this to your maximum fitting width */
        min-width: 400px; /* will take up least amount of space */ 
    color: #fff;
    font-size: 18px;
    padding: 15px;
    z-index: 99999999999999;
}
.tooltip{
       z-index: 99999999999999; 
}
.trnsation{
    -webkit-box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.qustion-micon img{
width: 25px;
}
.qustion-micon{
position: absolute;
    right: 400px;
    cursor: pointer;
    background: #fff;
    padding: 15px;
    border-radius: 50%;
    top: 23px;
}

#report-choice{
    position: relative;
}
#report-choice .proj-tasks-h {
    font-size: 18px;
    font-weight: bold;
    border-right: solid 1px #c8c6c6!important;
}
.proj-tasks-h.selected {
    background-color: #0e5692 !important;
    margin: 5px 5px 5px 7px;
    height: 80%;
    width: 17%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.upehover:hover,
.trnsation:hover{
        -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.p-full-w{
    width: 800px;
}
.d-inlineblock{
    display: inline-block;
    width: 100%;
}
.mt-2{
    margin-top: 5px;
}
.d-flex{
    display: flex;
}
.note-privacy-flex{

    display: flex;
}
.note-privacy-flex .note-privacy{
    margin-right: 8px;
    margin-top: 10px;
}
#hoshin-matrix-kpi-report.new-presto-report{
    z-index: 199999999 !important;
}
.table-fixed{
    position: absolute;
}
.table-fixed .table-hfixed {
    position: fixed;
    width:77.5%;
}
.issuetablepanel{
    margin-top: -6px!important;
        overflow-x: scroll!important;
}
#issue-table-container.issuetablepanel::-webkit-scrollbar{
    width: 20px;
    height: 6px;
    background-color: #F5F5F5;
}
.add-map-sliding{
    background: none;
    border:none;
}
.add-map-sliding img{
    width: 40px;
}
body .close-right{
       left: inherit;
    top: -14px;
    right: -22px; 
}
.hover-up{
      transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    cursor: pointer;  
}

.hover-up:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.audit-type-filter{
    padding-bottom: 206px!important;
    position: absolute;
    margin-bottom: 100px;
}
.tasktype-rwo{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 42px;
}
.tasktype-rwo .strategy-title{
  display: inline-block;
    width: 100%;
    display: inline-block;
    width: 100%;
}
.tasktype-rwo .strategy-title .strategy-label{
    margin-left: 0px;
}

.tasktype-rwo .strategy-tb{
    float: left;
    width: 100%;
    padding-left: 20px;
}
.tasktype-rwo .strategy-th{
    width: 100%;
    padding-right: 10px;
    margin-top: 39px;
    margin-bottom: 20px;
}
.tasktype-rwo .new-tasktype{
    width: 100%!important;
}
.opppopup .planned-finish-date, .opppopup .planned-start-date{
    position: relative;
    /* z-index: 1; */
}

.tasktype-rwo  .strategy-tb>.row>div>input {
    width: 92%!important;
}
.tasktype-rwo .sub-codes-container-left input{
    border: solid 1px #eee!important;
}

.tasktype-rwo #new-type-cat div:first-child,
.tasktype-rwo .strategy-th .row div:first-child{
       width: 80px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
}
.tasktype-rwo #new-type-cat div:nth-child(2),
.tasktype-rwo .strategy-th .row div:nth-child(2){
          width: calc(50% - 115px) !important;  
}
.tasktype-rwo #new-type-cat div:nth-child(3),
.tasktype-rwo .strategy-th .row div:nth-child(3){
    width: calc(50% - 60px) !important;
}
.tasktype-rwo .task-typelist.row>div:first-child{
       width: 80px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
}
.tasktype-rwo .close-btng{
right: 62px;
    margin-top: -57px;
    font-weight: 100;
    text-align: center;
    font-size: 21px;
    line-height: 39px;
    width: 56px!important;
    height: 56px!important;
    background: #42a5f5;
    color: #fff;
}
.task-types-tab {
        margin-left: 17px!important;
    opacity: .3;
    cursor: pointer;
}
.task-typelist .radio, .task-typelist .checkbox {
    margin-top: -21px;
    margin-left: 20px;
}
.tasktype-rwo .task-typelist.row>div:last-child{
    background: none;
    border: none;
}

.tasktype-rwo .task-typelist.row>div:nth-child(2){
        width: calc(50% - 115px) !important;
}
.tasktype-rwo .task-typelist.row>div:nth-child(3){
    width: calc(50% - 60px) !important;
}
#issue-table-container.issuetablepanel::-webkit-scrollbar-thumb{
background-color: #555555!important;    
}
.alert-kanabanmodal .modal-dialog{
    width: 860px;
}
.pr-flex-raci  .control-image01{
    width: 46px!important;
    height: 46px!important;
    float: left;
    margin-right: 5px;
    border: none!important;
}
body .tasktype-rwo .sub-codes-container>.row.sub-codes-container-left{
       width: 100%!important; 
}
.md-w50{
    width: 50%;
    float: left;
}
.label-md-row{
width: 100%;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: dotted 1px #c7b5b5;
}
.checklist-modal .modal-body,.status-note-modal  .modal-body{
    overflow: hidden;
}
.label-rightuser{
font-size: 20px;
    padding-right: 38px;
    display: inline-block;
    font-weight: 600;
    padding-top: 30px;
}
.w-80 {
    width: 150px;
}
.w-80 .pr-flex-raci>div{
    float: left;
}
.w-80 .pr-flex-raci{
    width: 155px;
}
.export-btn{
display: flex;
position: relative;
}
body .project-formrow-notes{
        border-top-left-radius: 10px!important;
        border-top-right-radius: 10px!important;
        background: #fff!important;
}
body .project-formrow-notes .project-notes-top-bar{
    background: #fff!important;
        padding: 30px 50px;   
        height: auto;
        overflow: hidden;
}
body .project-formrow-notes .prject-hdnotes{
    border-bottom: solid 1px #eee;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;

}
.expand-btns{
    display: flex;
    position: relative;
    left: -123px;
}
.process-userdetailsmodalcontainer .modal-dialog{
    width: 80%;
    background: #fff;
    border-radius: 0;
    border: none;
}
.process-controlmodalcontainer .modal-dialog{
  width:50%;
    background: #fff;
    border-radius: 0;
    border: none;
    margin:30px;
    height: 100%;
}
.process-control-modal .modal-content,
.process-Infodetailsmodalcontainer .modal-content,
.process-controlmodalcontainer .modal-content{
        /* height: 100%; */
        border: none;
}
.process-control-modal .processslider{
    padding: 0px 80px;
}
.process-control-modal .processslider .owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}
.process-control-modal .processslider .owl-theme .owl-nav .owl-prev,
.process-control-modal .processslider .owl-theme .owl-nav .owl-next{
       position: absolute;
    font-size: 100px;
    line-height: 0px;
}
.process-control-modal .owl-theme .owl-nav [class*='owl-']:hover
{
    color: #ada4a4;
}

.process-control-modal .processslider .owl-theme .owl-nav .owl-prev{
    left: -68px;
}
.process-control-modal .processslider .owl-theme .owl-nav .owl-next{
    right: -68px;
}
.process-control-modal .label-hd-process{
    font-size: 28px;
    font-weight: bold;
    padding: 20px 0px;
}


.process-userdetailsmodalcontainer .modal-content{
        border: none;
}
.process-userdetailsmodalcontainer .import-iconbtn{
    width: 150px;
    background: #f7f7f7;
    border: solid 1px #f5f3f3;
    font-size: 22px;
    height: 47px;
}
.process-headdetails,
.process-bodydetails{
    width: 100%;
    display: inline-block;
}
.process-userdetailsmodalcontainer .import-iconbtn:hover{
    background: #eee;
    color: #333;
}
.process-userdetailsmodalcontainer .import-iconbtn img{
    width: 23px;
margin-left: 16px;
    float: right;
    position: relative;
    top: 3px;
    text-align: right;}
.process-userdetailsmodalcontainer .hedaer-section{
    border-bottom: solid 1px #ebebeb;
    padding: 20px 0px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.hedaer-section .form-control{
height: 45px;
    font-size: 20px;
    width: 100%;
}
.shorting-icon{
    position: absolute;
    right: 14px;
    font-size: 40px;
}
.process-importhd div{
float: left;
position: relative; 
    padding-right: 10px;
    margin-right: 1%;
    height: 52px;
    padding-left: 15px;
    width: 27%;
    display: flex;
    font-weight: 800;
    overflow: hidden;
    align-items: center;
    border: solid 1px #eee;
    font-size: 20px;
    background: #e3e3e3;
    margin-bottom: 0px;

}
.process-importbody::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.process-importbody div{
float: left;
    padding-right: 10px;
    margin-right: 1%;
    padding-left: 15px;
    width: 27%;
    display: flex;
    font-weight: 800;
    align-items: center;
    font-size: 20px;
    background: #f7f7f7;
    margin-bottom: 5px;
        min-height: 45px;
    border: solid 1px #eee;

}

.process-importbody div:first-child,
.process-importhd div:first-child{
 width: 10%;
 text-align: center;
     display: flex;
    align-items: center;
    justify-content: center;
}
.process-importhd div:last-child,
.process-importhd div:first-child
{
    justify-content: left!important;
}
.process-importbody div:last-child,
.process-importhd div:last-child{
    width: 10%;
        display: flex;
    align-items: center;
    justify-content: center;
}
.process-importbody .main-media-info{
  width: 30px;
    height: 30px;
    font-size: 19px;
        margin-top: 0px;
}
.process-importbody div:nth-child(2),
.process-importhd div:nth-child(2) {
    width: 15%;
}
.process-importbody div:nth-child(3),
.process-importhd div:nth-child(3) {
    width: 61%;
}
.process-importbody div:nth-child(3) span{
    width: 100%;
}
.checkbox-btns .process-importbody label.checkbox{
    top: -15px;
        left: 7px;
}
.process-Infodetailsmodalcontainer .modal-dialog{
    width:60%;
    background: #fff;
    border-radius: 0;
    border: none;
    /* height: 90%; */
}
.process-Infodetailsmodalcontainer .modal-dialog .modal-body{
    max-height: 90vh;
}
.process-control-modal .processslider{
    padding: 60px 100px;
}
.process-control-modal .owl-carousel .owl-stage {
    display: flex;
}
.services-processbtn{
        position: relative;
    left: -20px;
}


.process-control-modal .modal-dialog{
    width:60%;
    background: #fff;
    border-radius: 0;
    border: none;
}


.process-Infodetailsmodalcontainer .label-sub-process .count-process{
font-size: 19px;
}
.process-Infodetailsmodalcontainer .label-hd-process{
    font-size: 20px;
    font-weight: 800;
    margin-top: 20px;
    padding-bottom: 10px;
}
.processslider .owl-dots{
display: none;
}
.process-labelrow p{
    font-size: 20px;
    padding: 10px 14px;
    border: solid 1px #eee;
}
.process-Infodetailsmodalcontainer .label-sub-process div{
font-size: 22px;
    border-bottom: solid 1px #eee;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0px 0px;
    border-left: solid 8px #3f51b5;
    margin-bottom: 5px;
}
.process-Infodetailsmodalcontainer .label-sub-process{
    padding-left: 30px;
    overflow-y: scroll;
    height: 75vh;
}

.process-userdetailsmodalcontainer .process-bodydetails{
    overflow: scroll;
    height:700px;
}

.process-Infodetailsmodalcontainer .count-process{
        padding: 10px 14px;
    display: initial;
    font-weight: 800;
    font-size: 26px;
}
.process-Infodetailsmodalcontainer .p-skills-value{
        position: absolute;
    right: 25px;
}

.hedaer-section .search-fld{
    position: relative;
}
.hedaer-section .servicegroup{
    padding-left: 30px;
}


.hedaer-section .search-fld span{
position: absolute;
    right: 2px;
    top: 2px;
    background: #fff;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    height: 40px;
    border-left: solid 1px #eee;
}
.download-btn{
    margin-left: 10px;
    background: #fff!important;
    display: flex;
    opacity: 0;
    outline: none !important;
    margin-left: 12px;
    transition: opacity .2s;
    align-items: center;
    justify-content: center;
}
.services-processbtn{
    margin-left: 10px;
    background: #fff!important;
    display: flex;
    opacity: 0;
    outline: none !important;
    margin-left: 12px;
    transition: opacity .2s;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    padding: 10px;
    min-width: 100px;
}
/* .macro-row-container:hover .micro-count {
    display: none;
} */
.macro-row-container:hover .serviceelments{
    display: none;
}
.micro-count {
    font-style: normal;
    color: #292e3e;
    font-weight: bold;
    font-size: 16px;
}
.serviceelments{
    display: block;
    padding-right: 5px;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    color: #858585;
}
.process-cyclerow{
    margin-left: 27px;
    position: relative;
    top: 10px;
    width: 150px;
}
.process-cyclerow .topp-cycle{
    border: solid 1px #dfdbdb;
    /* padding: 5px 20px; */
    background: #03a9f4;
    font-size: 20px;
    width: 129px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
    height: 46px;
    text-align: center;
}
.process-cyclerow > .btn-group {
    width: 100%;
}
.process-cyclerow > .btn-group > .btn {
    padding: 2px 10px;
    width: 100%;
    text-align: left;
    font-size: 18px;
    border-radius: 4px;
}
.process-cyclerow .process-sharable-text {
    width: calc(100% - 10px);
}
.process-cyclerow .btn .caret {
    float: right;
    margin-top: 11px;
}
.process-cyclerow .btn-group > .dropdown-menu {
    width: 100%;
    font-size: 16px;
    padding: 0;
}
.process-cyclerow .dropdown-menu > li:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.process-cyclerow > .btn-group > .dropdown-menu > li > .checkbox {
    margin: 0;
    padding-left: 10px;
}
.process-cyclerow > .btn-group > .dropdown-menu > li > .checkbox > label {
    padding: 6px 0 6px 20px;
    width: 100%;
}


.macro-row-container:hover .services-processbtn,
.team-row-container:hover .download-btn{
    opacity: 1;
}
.download-btn img{
    width: 23px;
}
body .project-notes-container.project-formrow-notes {
        overflow: visible;
}
body .project-formrow-notes .prject-hdnotes p{
        float: left;
    font-size: 24px;
    font-weight: 600;
    padding: 10px;
}
body .project-formrow-notes .label-rightuser{
        padding-top: 0px;
}
body .project-formrow-notes input.label-rightuser{
    height: 55px;
    margin-left: 6px;
        padding-left: 19px;
    border-radius: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95%;
}
body .project-formrow-notes .p-radiotabs {
    width: 50%;
    display: inline-block;
    padding:0px 0px;
    margin-top: 30px;
}
body .project-formrow-notes .project-notes-list .tab-content{
    padding: 0px;
    overflow: scroll;
}
.project-notes-container #notes,
.project-notes-container #media {
    overflow: scroll;
    height: 90vh;
}
.project-notes-container #okr .presto-table-b{
    overflow: scroll;
    height: 90vh!important;
} 
body .project-formrow-notes .btn-group>.op-current-status{
        background: #f3f3f3!important;
}
body .project-formrow-notes .project-note-row{

box-shadow: none!important;
border-bottom: solid 1px #eee;
    margin-top: 10px;
}
body .project-formrow-notes .project-note-row:last-child{
box-shadow: none!important;
border-bottom: solid 1px #eee;
padding-bottom: 50px;
}
body .project-formrow-notes .main{
    background: none!important;
}
.project-formrow-notes .tab-scroll{
        overflow-y: scroll;
    height: 100%;
}
.project-formrow-notes  .project-notes-list.project-listrow {
    /* height:95vh!important; */
    height: calc(100% - 200px);
}
body .project-formrow-notes .op-deadline {
    margin-right:15px;
    width: 80%;
    float: left;
}

body .project-formrow-notes .op-date-copy {
    margin-top: 23px!important;
    left: -23px;
    /* position: relative!important; */
}
 /*body .project-formrow-notes .op-date-operation.modal-op-datein{
       left: 95px!important;
}*/

body .project-formrow-notes .op-deadline-label{
    font-weight: 700;
}

 body .project-formrow-notes .right-separator {
    height: 1px;
    background: #cfcfcf;
}

.chk-task-infod .cti-dates .op-deadline-date-panel{
    position: relative;
        width: 50%;
    float: left;
}


body .project-formrow-notes .projectpalnrow textarea.form-control {
    min-height: 90px;
    border: 1px solid #000;
}
body .project-formrow-notes .op-deadline-box{
    padding: 11px;
    width: 100%;
    font-size: 17px;
}
#last-status-note-txt{
    color: #000;
    position: relative;
    margin-top: -15px;
    font-size: 24px;
    font-weight: bold; 
}
.last-status-update{
    color:#f00;
    font-weight: bold;
}
.issues-report-last-status-update span,
.issues-report-last-status-update p {
    display: inline;
    margin: 0;
    padding: 0;
}
.issues-report-last-status-update span {
    margin-right: 8px;
    font-weight: bold;
}
body .project-formrow-notes .material-checkbox>input[type="checkbox"]+span::after{
    left: 2px;
}
body .project-formrow-notes .nav-tabs>li {
    border: solid 1px #b3b3b3;
    width: 100px;
    text-align: center;
    height: 51px;
    margin-right: -5px;
}
body .project-formrow-notes .col-md-44 {
    width: 41%;
}

body .project-formrow-notes .glyphicon-calendar:before{
    font-size: 19px;
    cursor: pointer;
}

.paneloverscroll{
    min-height: 200px;
    overflow: scroll;
    max-height: 240px;
    padding-bottom: 201px;
}
body .project-formrow-notes .p-doc-row{
    border-bottom: solid 1px #cbc2c2!important;
    border: none;
}
body .project-formrow-notes .project-note-involvement-row{
    min-width: 1px;
    max-width: 100%;
}
/*body .project-formrow-notes .p-radiotabs ul li a{
       border: none!important;
}*/
.project-formrow-notes .full-rowcontainer{
width: 100%;
display: inline-block;
}
.project-formrow-notes .flag-ellips{
 padding-left: 10px;
}
.project-formrow-notes .flag-ellips img{
    width: 28px;
    border: solid 1px #adadad;
    padding: 0px;
    border-radius: 4px;
}
.project-notes-container .quick-last-status {
    width: 40px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    background: #2196f3;
    cursor: pointer;
    float: right;
    border-radius: 3px;
    color: #fff;
    font-size: 33px;
    font-weight: bold;
    margin-bottom: 10px;
}

/*body .project-formrow-notes .checklist-taskpanel{
        position: relative;
    overflow: scroll;
    height: 200px;
}*/

body .project-formrow-notes .cp-project-image{
    float: none;
}
body .project-formrow-notes .close-project-notebook{
    position: relative;
    top: -10px;
}
body .project-formrow-notes .checklist-taskpanel :first-child.checklabelcontent{
    margin-top: 8px;
}
body .project-formrow-notes .upload-imagerow,.is-agenda-row{
    width: 50%;
    display: inline-block;
    float: left;
}
.is-agenda-row{
    margin-top: 50px;
}
body .project-notes-container .project-note-involvement>.project-note-people-container>.project-note-person{
    float: left!important;
}
body .project-formrow-notes  .project-note-row>.project-note-header>.project-note-creator{
        border-radius: 20%!important;
        margin-right: 10px;
}
body .project-formrow-notes .projectpalnrow .presto-button{
    margin-left: 0px!important;
    margin-right: 0px!important;
}


body .project-formrow-notes .op-deadline-box{
    margin: 0px!important;
}
body .project-formrow-notes  .btn-group>.dropdown-toggle {
    background: #edecec!important;
}
body .project-formrow-notes .op-project-info-input,
body .project-formrow-notes .datepicker{
    padding: 10px;
    border-radius: 5px;
    font-size: 18px;
}
body .project-formrow-notes .projectpalnrow .op-status-container {
    border:none;

    margin-bottom: 10px;
}
body .project-formrow-notes .cti-dates{
    width: 100%;
    display: inline-block;

}
body .project-formrow-notes .op-status-right{
display: flex;
    justify-content: end;
}
.exportcv-btn{
    float: right;
    font-size: 18px;
    background: #2196f3;
    color: #fff;
}
.kanaban-tabrow .or-photo{
    width: 80px;
    float: left;
    justify-content: center;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.kanaban-tabrow .or-photo>img {
    border-radius: 4px;
        width: 50px;
}
.alert-kanabanmodal .modal-body{
    overflow: hidden;
    background: #eee;
}
.kanaban-tabrow.strategy-tb>.row{
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
    margin-bottom: 0px;
}
.kanaban-tabrow.strategy-tb>.row:nth-child(odd) {
    background: #f7f7f7;
}
.kanaban-tabrow.strategy-tb>.row:nth-child(even) {
    background: #fff;
}
.issues-container-row{
    border: solid 3px #007eb1;
}
#CloneItemsModal.exportmodal-container .modal-dialog,
#dashboardAccess.dashboardAccess-container .modal-dialog {
    width: 950px;
    display: block;
}
#CloneItemsModal.exportmodal-container .check-row {
    width: 50%;
}
.info-btnmodal{
background: #000;
height: 40px;
width: 40px;
border-radius: 50%;
font-size: 22px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.online-secondrow,
.online-row{
    display: inline-block;
    width: 100%;
    padding: 0px 13px;
}
.rc-w-30
{
float: left!important;
    width: 370px!important;
    margin-right: 10px;
}
.online-secondrow .inline-btn-rowdiv .form-group,
.online-row .inline-btn-rowdiv .form-group {
    padding: 6px 15px;
}
.online-secondrow  .inline-btn-rowdiv .form-group
{
width: 100%!important;
margin-right: 0px!important;
}
.c-w-20{
float: left!important;
    width: 337px!important;
    margin-right: 10px;
}
.rc-w-35
{
float: left!important;
    width: 231px!important;
    margin-right: 8px!important;
    height: 45px;
}
.leftbtn-section{

    display: inline-block;
    width: 100%;
    padding-right: 27px;
}
.left-mrg-0{
    margin-right: 0px!important;
        width: 224px!important;
}
.leftbtn-section .inline-btn-rowdiv {
    margin-left: 12px;
}
.myprofilemodalcontainer .modal-dialog{
    width: 1000px;
    margin: 30px auto; 
    margin-top: 150px;
}
.image-rowcontain{

overflow: hidden;
    background: #c9e2ec;
    height: 644px;
}
#change_passwordModal .image-rowcontain{
    height:570px;
}
#contact-removeimagelabel {
    position: absolute;
    top: -34px;
    left: 74px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 25px;
    color: #030303;
    /* display: none; */
}

.image-rowcontain img{
height: 100%;
width: auto;
position: absolute;
    left: -140px;
}


.myprofilemodalcontainer .presto-change-password-container{
    width: 100%;
    background: none;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
}
.myprofilemodalcontainer .modal-body {
    padding:0px;
}
.myprofilemodalcontainer .left-06 {
    padding:0px;
}
.poppbook img{
    cursor: pointer!important;
}
.view-ceckrow{
    height: 150px;
    left: 38%;
    right: 0;
    padding: 30px;
    background: #ffffff;
    z-index: 9;
    display: none;
    position: absolute;
    top: 54px;
    width: 620px;
    box-shadow: 2px 8px 16px -6px #ab9d9d !important;

}
.pceckrow{
    font-size: 19px;
    font-weight: 600;
}
.view-ceckrow .form-group label b{
    position: relative;
    top:5px;
}
.myprofilemodalcontainer .profile-phone-con {
color: #262323;
    font-size: 52px;
    border-radius: 50%;
    border: solid 4px #f5f5f5;
    width: 100px;
    height: 100px;
    left: 41%;
    right: 0;
    background: #ffffff;
    z-index: 9;
    top: -58px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.myprofilemodalcontainer .presto-input > textarea,
.myprofilemodalcontainer .presto-change-password-container .presto-input .form-control,
.myprofilemodalcontainer .presto-input > input{
font-size: 18px;
cursor: pointer;
}
.btsave:focus{
    color: #f00!important;
}
#contact-editimg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    float: left;
}
#contact-addimagelabel {
    position: absolute;
    top: 45%;
    left: 20%;
    width: 60%;
    text-align: center;
    font-family: Yantramanav;
    font-weight: bold;
    cursor: pointer;
}

.myprofilemodalcontainer .presto-input > textarea{
    color: #000;
}
.online-secondrow .form-group,
.online-row .inline-btn-rowdiv .form-group,
.left-justyfy .inline-btn-rowdiv .form-group{

justify-content: left!important;

}
.myprofilemodalcontainer .presto-color-button{
width: 120px!important;
float: right;
height: 30px;

}


.c-w-25{
float: left!important;
    width: 270px!important;
    margin-right: 0px!important;
}

.c-w-26{
float: left!important;
    width: 226px!important;
    margin-right: 0px!important;
    margin-left: 8px!important;
}
.online-row .inline-btn-rowdiv .form-group{
        padding: 6px 15px;
}
.left-justyfy{
    justify-content: left!important;
    margin-left: 13px;
}
.online-row.clone-div .inline-btn-rowdiv .form-group{
    width: 100%;
}
.exportmodal-container .modal-dialog {
    width: 1200px;
    display: block;
}
#CloneItemsModal.exportmodal-container,
#dashboardAccess.dashboardAccess-container {
background: rgb(0 0 0 / 42%);
}

.exportmodal-container .md-check-label {
    float: left;
    font-size: 19px;
    padding-left: 43px;
    padding-top: 14px;
    font-weight: 600;
}
.exportmodal-container .md-check-label.selectlabel{
        padding: 0 40px;
    font-size: 20px;
    margin-bottom: 20px;
}
.exportmodal-container .hd-label{
    font-size: 26px;
    font-weight: 600;
    float: left;
}
.checkcontainer h2{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
        border-bottom: dotted 1px #939393;
    padding-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.exportmodal-container .modal-body {
    position: relative;
    padding: 15px 30px;
}
.exportmodal-container .check-row{
display: block;
    width: 275px;
    float: left;
    height: 50px;
}
.checkcontainer{
    display: inline-block;
    width: 100%;
}

.pdca-row-hd{
    display: none;
    width: 100%;
        position: relative;
    left: -1px;
    border-right: none!important;
}
.bg-blue{
    background: #0061b5;
}
.slider-table{
    width: 100%;
    display: flex;
}
.slide-first-row{
    width: 42%;
}
.slide-mov-row{
    width: 42%;  
}
.slide-last-row{
    width: 16%;
}
.checklistplancontainer .chk-task-infod{
width: 100%;
}
.projectpalnrow .form-control{
        height: 50px;
    font-size: 20px;
}
.projectpalnrow .creation-log{
    min-height: 180px;
    font-size: 16px;
    padding-left: 5px;
    padding-top: 10px;
    border: 1px solid #000;
}
/* .projectpalnrow textarea.form-control {
    height: auto;
} */
.projectpalnrow .pl-md-10{
    padding-left: 100px;
}
.projectpalnrow .projectcheck-label{
        font-size: 22px;
    padding: 15px 0px;
    margin: 20px 0px;
    border-bottom: solid 5px #8b8b8b;
    font-weight: 600;
}
.projectpalnrow{
        width: 100%;
    display: inline-block;
    margin-top:30px;
}
.projectpalnrow .op-status-container>.btn-group{
    width: 170px;
}
.checklist-taskpanel  .form-group {
        margin-bottom: 5px;
}
.checklist-taskpanel .checklabelcontent{
     margin-top: 30px;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 30px;
    font-size: 19px;
    padding-bottom: 11px;
    font-weight: 700;
    border-bottom: solid 1px #eee;
}
.checklist-taskpanel .form-labelw30 .form-group {
    width: 30%;
    margin: 8px 0px;
    float: left;
}
.checklist-taskpanel  .md-check-label{
        padding-left: 4px;
    font-size: 20px;
    padding-top: 14px;
    position: relative;
        top: 10px;
}
.checklist-taskpanel  .checkbox{
    float: left;
}

.projectpalnrow .op-status-container{
    padding: 10px;
    border-bottom: solid 5px #888;
    margin-bottom: 10px;
}
.projectpalnrow .op-status-container .btn{
    margin: 0px;
}
.projecttaskinfo{
    position: absolute;
    right: 0px;
}
.projectpalnrow #op-raci-box-help {
   top: -41px;
    right: -28px;
    left: auto;
}
.projectpalnrow .md-sp-6{
    padding-right: 0px;
    width: 371px;

}
body .project-formrow-notes .btn-default{
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
 .close-btnlg.close:hover,  .close-btnlg.close:focus{
    color: #f00;
    text-decoration: none;
    cursor: pointer;
    opacity: 10;
 }
 .close-btnlg{
        position: absolute;
    right: 10%;
        font-weight: 200;
    /* background: #b7b7b7; */
    opacity: 9;
        text-shadow: none!important;
    width: 84px;
    font-family: serif;
    top: 28px;
    height: 84px;
    font-size: 123px;
    color: #ffffff;
    line-height: 0;
    border-radius: 50%;
}
.row.popopportunity .oph-item{
        height: 60px;
            line-height: 28px;
}
body .project-formrow-notes .fg-lable input{
    text-align: center;
    width: 100%;
}
body .project-formrow-notes .fg-lable{
    float: right;
}
.project-formrow-notes .prject-hdnotes .text-ellipsis{
    font-weight: 700!important;
    background: #fff;
    color: #000;
/*    border-radius: 15px;*/
    padding: 10px 15px;
/*    margin-bottom: 20px;*/
    width: 310px;
/*    border: solid 1px #000;*/
}
.checklistplancontainer .clone-btn{
 position: absolute;
    left: -1px;
    width: auto!important;
    top: -55px;
}
.checklistplancontainer .raci-mr-2{
    margin-top: 35px;
}
body .checklistplancontainer  .op-raci-box{

    width: 66%;
}
body .checklistplancontainer #op-help-container {
    top: -6px;
    display: none;
    left: 351px;
}
.projectpalnrow .md-sp-6 {
    float: right!important;
}
.projectpalnrow .md-sp-6 label{
    text-align: right;
        width: 120px;
}
.projectpalnrow .projecttaskinfo .fa-info:hover{
    background-color: #286090;
    color: #fff;
}
.fg-lable label{
    font-size: 18px;
    text-align: center;width: 100%;
}
.projectpalnrow .presto-button{
    width: 99px;
    margin-top: 10px;
}
.projectpalnrow .projecttaskinfo .fa-info{
    font-size: 24px;
    cursor: pointer;
    background: #ffffff;
    border: solid 1px #747474;
    border-radius: 50%;
    width: 40px;
    color: #343434;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide-h{
font-size: 18px;
height: 45px;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-right: solid 1px #eee;
}
.slide-row-h div{
    float: left;
}
.slide-mov-row-mont,
.slide-last-row,
.slide-mov-row,
.slide-first-row{
    float: left;
    text-align: center;
}
.slide-panel{
    float: left;
    width: 8.3333333%;
}
.dashboard-pdca{
    display: none;
}
.dashboard-pdca{
    width: 100%;
}
.hd-right{
    width: 43%;
    margin-right: 7%;
    float: right;
}
.active-maproad-modal .modal-body {
    overflow: hidden;
}

.qmonth-view{
    width: 25%;
    float: left;
}
.macroprocessmodal .modal-dialog{
width: 96%;
}
.macroprocessmodal .close-modal-icon {
    top: 19px;
    right: 14px;
}



.qmonth-view ul{
    margin: 0px;
    padding: 0px;
}
.qmonth-view ul li{
list-style: none;
float: left;
    width: 25%;
    font-size: 11px;
    border: solid 1px #eee;
}
.slide-mov-row-mont .slide-h span{
        position: relative;
    margin-top: -4px;
    display: block;
}
.slide-mov-row-mont .slide-h {
    padding: 5px 0px;
}
.slide-mov-row-mont {
    width: 42%;
}
.hd-left{
    width: 43%;
    margin-right: 7%;
    float: left;
}.pdca-row-hd div>div:first-child{
   border-left: solid 1px #e3e3e3;  
}
.pdca-row-hd div>div{
float: left;
    width: 20%;
    font-size: 16px;
    display: flex;
    margin-top: 9px;
    height: 47px;
    border-right: solid 1px #e3e3e3;
    align-items: center;
    justify-content: center;
    border-top: solid 1px #ddd9d9;
    font-weight: bold;
}
.pdca-row-inner .hd-right, 
.pdca-row-inner .hd-left {
margin:0px;
width: 43%;
float: left;
}
.p-radiotabs{
    width: 100%;
    display: inline-block;
        padding: 20px;
}
.p-radiotabs ul{
    border:none;
}
.p-radiotabs ul li a{
font-size: 20px!important;
    border: none!important;
    border-radius: 0!important;
        background: #fff;
}
.project-notes-list .tab-content .main{
    padding: 0px!important;
}
.p-radiotabs ul li a:focus,
.p-radiotabs ul li a:hover,
.p-radiotabs ul .active a{
    background-color: #286090;
        color: #fff;
}
.project-notes-list .tab-content {
padding: 0px 25px 50px 25px;
    display: inline-block;
    overflow-y: scroll;
    width: 56%;
    position: fixed;
        height: calc(100% - 300px);
}
.project-notes-list .tab-content .p-doc-row {
    background: #fff;
    cursor: pointer;
}
.project-notebook .project-notes-list

.all-btn{
    width: 7%;
    float: left;
    padding-left: 1%;
}
.all-btn span{
        float: left;
    width: 30px;
    border: #fff;
    display: block;
    height: 30px;
    background: #ffffff;
    margin-top: 18px;
    display: flex;
    color: #221f1f;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 5px;
}
.road-mapbtn{
    position: absolute;
    right: 15px;
    top: 0px;
    background: #0061b5;
    color: #fff;
    font-size: 17px;
}
.road-mapbtn:hover{
   background: #0061b5;
    color: #fff;   
}
.active-maproad-modal .modal-dialog{
    width: 1900px;
    padding: 0px 50px;
}
.p-headerrow{
    width: 100%;
    display: inline-block;
   padding: 20px 0px;
}
.active-maproad-modal .close-modal-icon{
    right: 11px;
    top: 12px;
}
.p-viewdate{
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;
}
/*.slide-mov-row{
    display: none;
}
.slide-mov-row-mont{
    display: none;
}*/
.p-pipe{
    position: absolute;
    background: #2196f3;
    height:10px;
        margin-top: -15px;
    width: 100px;
}
 .processuser-container .owl-carousel .owl-nav.disabled{
display: block;
}
 .processuser-container  .owl-prev,
 .processuser-container  .owl-next{
        font-size: 52px!important;
    background: #000!important;
    height: 50px!important;
    display: flex!important;
    align-items: center!important;
    width: 50px!important;
    justify-content: center;
    float: left;
    color: #fff!important;
    line-height: 0px!important;
 }
  .processuser-container .owl-prev span,
   .processuser-container  .owl-next span{
    top: -5px;
    position: relative;
   }
 .processuser-container .owl-nav{
    position: absolute;
    top: -114px;
    right: 0;
    width: 134px;
}
.processuser-container .process-search-right{
    float: right;
    width: 360px;
    margin-right: 10px;
}
.processuser-container .process-search-right input{
height: 44px;
font-size: 18px;
}
.processuser-container .p-skilllist{
    margin: 0px;
    padding: 28px 0px;
}
.processuser-container .p-skilllist li{
list-style: none;
    padding-bottom: 1px;
    width: 63px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 16px;
}
.processuser-container .p-skilllist li img{
    width: 100%;
    border:none;
        -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    cursor: pointer;
}
.processuser-container .p-skilllist li img:hover{ 
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);}
.processuser-container .p-process-hd{
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
    /* margin-bottom: 20px; */
}
.Score-rowhd .process-count{
    background: #fff;
    font-size: 20px;
    font-weight: 500;
}
.macroprocessmodal .ml-lt-2{
margin-left: 8px;
    font-size: 21px!important;
}

.macroprocessmodal label .fa-2x{
    margin-left: 10px;
    font-size: 32px;
    position: relative;
    font-weight: 500;
}


.process-check .btn-group{
    width: 100%;
}

.left-processrow .process-score{
    border: solid 1px #39a3cd;
    margin-top: -16px;
    height: 35px;
    background: #fff;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    float: right;
    width: 150px;
    align-items: inherit;
    justify-content: center;
    margin-top: 82px;
}
.p-process-owlslid{
    width: 100%;
    display: inline-block;
}
.processuser-container h1{
font-size: 41px;
    margin: 0px;
    font-weight: 500;
    padding-bottom: 13px;
    float: left;
}
.macroprocessmodal .modal-body{
    padding: 50px;
}

.macroprocessmodal .owl-dots{
display: none;
}
.process-user-row{
    margin-right: 20px;
}
.process-user-row.filter-show {
    display: table-cell;
}
.process-user-row.filter-hide {
    display: none;
}
.process-user-row .contact-name img{
width: 100%;
height: 130px;
margin: 0 auto;
display: flex;
width: 130px;
    padding: 8px;
    border-radius: 5%;
    border: solid 1px #000;
}
.process-user-row p{
font-size: 18px;
    border: solid 1px #39a3cd;
    margin-top: 10px;
    height: 35px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.processuser-container{
    padding-left: 30px;
}
.left-processrow{
    padding-right: 14px;
}
.process-check{
        margin-top: 6px;
        width: 300px;
        /* position: absolute; */
        /* float: left; */
} 
.process-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 80px;
}
.process-button .sort-icon {
    font-size: 20px;
    color: #000;
    position: relative;
    top: 3px;
    transform: rotate(90deg);
    left: 3px;
}
.scrore-row{
    display: flex;
}
.chhd-mrg-02{
    padding-top: 10px;
}
.left-processrow div{
    background: #fff;
    padding: 10px;
    font-size: 20px;
    color: #000;
    display: inline-block;
    height: 54px;
    width: 100%;
    text-align: center;
    border: 1px dashed #39a3cd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-pipe-2{
    position: absolute;
    background: #2196f3;
    height:10px;
    margin-left: 20px;
    width: 100px;
}
.p-pipe-2.p-fullw{
width: 690px;
}
.p-pipe-2.p-80{
top: 107px;
    width: 574px;
}
.p-pipe-2.p-70{
top: 150px;
    width: 450px;
}
.p-pipe-2.p-60{
top: 195px;
    width: 324px;
}
.p-pipe-2.p-50{
    top: 242px;
    width: 215px;
}
.zomm-rowcontainer .item div {
    border: solid 1px #e1c6c6;
    height: 45px;
    display: flex;
    align-items: center;
    width: 61.777px;
    float: left;
    border-top: none;
}
.zomm-rowcontainer .item{
    width: 100%;
    display: flex;
}
/*.p-search-btn{
font-size: 20px;
    background: #fff;
    border: solid 1px #c9c9c9;
    padding: 8px 24px;
    height: 46px;
}*/
.active-maproad-modal thead {
    position: sticky;
}
.tick-icon{
    width: 30px;
}
.p-action{
    margin-bottom: 0px;
    padding: 0px;
}
.p-action .delete-icon {
    width: 35px;
}
.p-action .edit-icon {
    width: 28px;
}
.p-export-btn{
    font-size: 20px;
    background: #2196f3;
    border: solid 1px #c9c9c9;
    padding: 8px 24px;
    height: 46px;
    color: #fff;
    line-height: normal;
    float: right;
    margin-right: 10px;
}
.p-action li{
    list-style: none;
        display: inline;
}
/*.active-maproad-modal tbody {
        position: fixed;
    overflow: scroll;
    height: 800px;
}*/
.active-maproad-modal .responisive-table {
height: 600px;
    overflow: scroll;
    width: 100%;
    display: grid;
}
.active-maproad-modal  .rsh-data{
padding-left: 15px; width: calc(100% - 160px);
}

.active-maproad-modal h1{
font-weight: 600;
    font-size: 24px;
    margin-bottom: 0;
}
.p-datelabel{
    font-size: 24px;
    font-weight: 900;
}

.slide-row-container{
    height: 45px;
        width: 100%;
        display: flex;
            border: solid 1px #e1e1e1;
}
.slide-mov-row .item div:nth-child(even),
.slide-row-container:nth-child(even) {
    background:#d9d9d9;
}
.slide-first-row .p-1 {
    width: 43% !important;
}
.slide-first-row .p-2 {
width: 19% !important;
}
.active-maproad-modal .p-3 {
width: 12% !important;
}
.slide-last-row .w-50{
    width: 50%;
}
.slide-mov-row .owl-nav {
    display: block!important;
    position: absolute;
    right: 20%;
    top: -71px;
    width: 300px;
}
  .slide-mov-row .owl-nav .owl-prev{
    position: absolute;
    left: 45px;
     font-size: 49px!important;
       line-height: initial!important;
  }
  .slide-mov-row .owl-theme .owl-nav [class*='owl-']:hover{
    color: #000;
    background: none;
  }
  .slide-mov-row .item .slide-h{
    border-right: solid 1px #eee!important;
    border:none;
  } 
  .slide-row-container div{
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    border-right: solid 1px #e1e1e1;
    font-size: 18px; 
  }
  .slide-mov-row .owl-prev,
.slide-mov-row .owl-next{
background: #000!important;
    width: 37px;
    top: -15px;
    height: 39px;
}
.slide-mov-row .owl-next{
    right: 24px!important;
}
  .slide-mov-row .owl-prev{
        left: 38px!important;
  }
.slide-mov-row .owl-carousel .owl-item{
    position:initial;
    -webkit-transform: initial;
  }
  .slide-mov-row .item div{
    border-left: none!important;
    border: solid 1px #e1e1e1;
    height: 45px;
    display: flex;
  align-items: center;
     justify-content: flex-start;
  }
  .slide-mov-row .item .tick-icon{
    width: 30px!important;
}
  .slide-mov-row .owl-nav .owl-next{  position: absolute;
    right: 41px;
    font-size: 49px!important;
    line-height: initial!important;
}
  .slide-mov-row .owl-nav .owl-prev  span,
  .slide-mov-row .owl-nav .owl-next span{
        position: relative;
    top: -18px;
    left: 1px;
    color: #fff;
  }
.zoom-btn{
background: #fbfbfb;
    font-size: 21px;
    margin-top: 0px;
    width: 100px;
    border: solid 1px #d1d1d1;
    border-radius: 8px;
}
.zoom-btn:hover{
    background: #000;
    color: #fff;
}
.slide-last-row .w-50>div{
    width: 100%;
}
.active-maproad-modal .form-control{
    height: 45px;
    font-size: 18px;
}
.h-w-50{
    width: 30%;
    float: left;
    margin-right: 3%;
}
.help-deskbanner{
    height: 300px;    background: #fff;
}
.active-maproad-modal .p-4 {
width: 8% !important;
}
.pdca-row-inner div>div{
float: left;
    width: 20%;
    border-radius: 4px;
    font-size: 16px;
    display: flex;
    margin-top: 9px;
    height: 47px;
    border-right: solid 1px #e3e3e3;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.pdca-row-inner div>div span{
    width: 40px;
    height: 33px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #e5e5e5;
}

.alert-kanabanmodal .checkbox-btns label.checkbox::before{
height:50px;
width: 50px;
top: -23px;
}
.alert-kanabanmodal .checkbox-btns label.checkbox span::before{
    position: absolute;
    content: '';
    left: -14px;
    width: 48px;
    top: -37px;
    height: 49px;
    background-color: #4caf50;
    transform: rotate( 45deg );}
.alert-kanabanmodal .checkbox-btns label.checkbox span::after{
    display: none;
}
#global-container{
        padding: 90px 25px 25px!important;
}
.kanaban-tabrow{
padding: 35px 25px;
    background: #fdfdfd;
    margin-bottom: 20px;
}
.alert-kanabanmodal  .strategy-tb>.row:not(.measurement-panel)>div{
        height: 55px;
}


.alert-kanabanmodal .modal-footer {
    display: inline-block;
    width: 100%;
}
.border-none{
    border: none!important;
}
.table-fixed #highway-table-b {
position: fixed;
    height: 90%;
    padding-bottom: 30px;
    margin-bottom: 10%;
    width: 77.5%;
    /* overflow: inherit; */
    display: block;
}
.rash-right-colum img{
    height: 80px;
    max-width: 80px;
}
.rash-right-colum p{
    font-size: 23px!important;
    /* display: inline-block; */
    /* width: 100%; */
    padding-top: 27px;
    text-align: right;
    margin-right: 20px;
}
.edit-form{
       display: inline-block;
    width: 100%;
        border-bottom: solid 1px #e0dcdc;
    padding: 10px 0px;

}
.table-fixed .row div{
        height: 30px!important;
}

.table-fixed .no-padd{
        padding: 0px!important;
}
.fx-3{
    font-size: 20px;
}
.mr-5{
/*    margin-right: 115px;*/
}
.w-100{
    width: 100%!important;
}
.project-listimg img{
    width: 35px!important;
    height: 35px!important;
    padding: 2px!important;
        -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.filtter-btn{
position: fixed;
    top: 15px;
    left: 39%;
    display: flex;
    right: 0;
    justify-content: center;
    align-items: center;
    border-radius: 67px;
    width: 169px;
    background: #ffffff;
    padding: 10px;
    border: solid 1px #7aa0ae;
    font-size: 20px;
    font-weight: bold;
    margin-left: -20px;
    color: #000;cursor: pointer;
        height: 45px;
        box-shadow: 2px 8px 16px -6px #bfbfbf;
        -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.filtter-btn span img{
    width: 26px;
    margin-right: 10px;
} 
.filtter-btn:hover,
.project-listimg img:hover{
        -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
}
.padd-left0{
    padding-left: 0px!important;
}
.p-hlabel{
    padding-left: 11px;
    text-align: left;
}
.p-label-leftalign p{
    text-align: left!important;
    padding-left: 0px!important;
    justify-content: left!important;
}
.edit-btnihden,
.edit-btnihdenT
{display: none;}
.edit-form button{
    float: left;
    margin-top: 3px;
    margin-left: 20px;
    background: #018af9;
    border: none;
    color: #fff;
    font-size: 14px;
    width: 69px;
    height: 30px;
        position: absolute;
}
/* richtext custom style */
.richText {
    margin-top: 40px;
    -webkit-box-shadow: 0 0 20px 0 #999;
    -moz-box-shadow: 0 0 20px 0 #999;
    box-shadow: 0 0 20px 0 #999;
}
.close-btng{
position: absolute;
    right: 30px;
    border: solid 3px #eee;
    margin-top: -35px;
    background: none;
    height: 45px!important;
    width: 45px!important;
    display: flex;
    border-radius: 50%!important;
    padding: 6px 10px;
    display: none;
    font-size: 26px;
    cursor: pointer;
    color: #a9a9a9;


}
.close-btng:hover{
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: transform;
    transition-property: transform;
    cursor: pointer;
}
.go-backpanle img{
       width: 20px;
    position: relative;
    right: -5px;
    cursor: pointer;
    margin-right: 20px;
}
.p-xg .static.bg-success{
    background: #949494;
}

.p-xg .bg-red1.bg-complete{
       background: #585757; 
}
.p-grb .bg-complete,
.p-grb .bg-success{
    background: #949494;
}
.p-grb .bg-complete{
    background: #585757;
}
.p-xg .bg-gr.bg-success,
.p-xg .bg-gr.bg-complete{
     background: #61BD4F;  
} 
.col-x100 .bg-complete,
.col-x100 .bg-success
{
      background: #949494;  
}

.after-line{position: relative;}
.after-line:before{
content: "";
    border: solid 1px #333;
    height: 155%;
    width: 1px;
    /* background: #887d7d; */
    position: absolute;
    top: -97px;
    left: 203px;
    transform: rotate(49.5deg);
}
.process-tab-menu li a{
    font-size:20px;
    color: #000;
    font-weight: bold;
}
.process-tab-menu li{
    float: left;
    background: #fff;
    margin-right: 2px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    min-width: 140px;
    text-align: center;
}
.p-export-con li:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);

}
.process-tab-menu li.active{
    background: #24284e;

}
.process-tab-menu li.active a{
      color: #fff;  
}
.process-tab-menu li a:focus,
.process-tab-menu li a:hover{
    background: none!important;
}
.kanvbord-section{
    width: 216px;
    display: inline-block;
    margin-top: 50px;
    /*border: solid 1px #737373;*/
    color: #000;
    font-size: 18px;
    /*background: rgb(36 40 78 / 15%);*/
    background: none;
    padding: 50px 30px;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;

}
.kanvbord-section  .checkbox-btns label.checkbox span::before,
.kanvbord-section .checkbox-btns label.checkbox span::after{
background: #fff;
}
.kanvbord-section .checkbox-btns label.checkbox::before{
        background: #152bfd;
}
.head-labelp>div{
float: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.form-menutab .form-control{
height: 44px;
font-size: 18px;}
.form-menutab label{
  font-size: 18px;  
}
.form-menutab{
padding: 50px 50px;
background: rgb(238 238 238 / 27%);
    overflow: hidden;
    margin: 20px;
}
.kanvbord-section .form-control{
    font-size: 18px;
    height: 45px;
}
.processchecklistSetupmodal .tab-content{
    background: #fff;
    min-height: 800px;
        padding: 20px;
}
.processchecklistSetupmodal{
    overflow: scroll;
}
.after-line:after{
content: "";
    border: solid 1px #333;
    height: 155%;
    width: 1px;
    /* background: #887d7d; */
    position: absolute;
    top: -97px;
    right: 203px;
    transform: rotate(-49.5deg);
}
.none-rt{
    border-right: none!important;
}
@media print {
.audit-report-container ul li{
    padding: 2px 0px 3px 0px!important;
}
.report-sheet{margin-bottom: inherit!important;}

.hidePrint{
    display:none !important;
}
body .print-view-report{
    display:block !important;
}

.sign-off-sheet-container .waste-report-table-b>.row>div{
        height: 29px!important;min-height: 29px!important;
        border-right: 1px solid #c1c1c1!important;
}
.sign-off-sheet-container .report-sheet-body .presto-table-b>.row>div:first-child{
    border-left: 1px solid #c1c1c1!important;

}
.sign-off-sheet-container .waste-report-table-b>.row{
border-bottom: 1px solid #c1c1c1!important;

}
.vdma-option-two-container .row{
border-bottom: 1px solid #c1c1c1!important;
    
}



.audit-user-reportmd-container .vdma-option-two-container .row {
    width: 100%!important;
    float: left;
    min-width: 100%;
    border-bottom: 1px solid #c1c1c1!important;
}

.vdma-option-two-container .presto-table-b>.row>div:first-child {
    border-left: 1px solid #c1c1c1!important;
}
}

.presto-table-b .row>div>textarea::-webkit-scrollbar {
    width: 3px !important
}

.presto-table-b .row>div>textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent !important
}

.presto-table-b .row>div>textarea::-webkit-scrollbar-thumb {
    background-color: #000 !important;
    outline: 3px solid transparent !important
}

.presto-table-b .row>div>textarea::-moz-scrollbar {
    width: 3px !important
}

.presto-table-b .row>div>textarea::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent !important
}

.presto-table-b .row>div>textarea::-moz-scrollbar-thumb {
    background-color: #000 !important;
    outline: 3px solid transparent !important
}

.presto-table-b .row>div>textarea::-ms-scrollbar {
    width: 3px !important
}

.presto-table-b .row>div>textarea::-ms-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent !important
}

.presto-table-b .row>div>textarea::-ms-scrollbar-thumb {
    background-color: #000 !important;
    outline: 3px solid transparent !important
}

.idea-panel-div {
    font-size: 18px;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.idea-panel-div img {
    width: 50px;
    height: 50px;
    border: solid 1px #eee;
    padding: 5px;
    float: left;
    margin-right: 10px;
}

.idea-suggestion-check-box {
    margin-top: 0px;
    position: absolute;
    right: 0px;
    z-index: 9999;
}

.idea-suggestion-check-box img {
    width: 50px;
}

#idea-suggestion-comment-section .idea-row-count {
    background: #fff;
}

.idea-panel-form .form-control {
    height: 60px;
    margin-right: 5px;
}

.idea-label-feeds p {
    padding: 10px 10px;
    font-size: 16px;
    border-bottom: solid 1px #eee;
}

.idea-label-feeds {
    margin-bottom: 10px;
    border-bottom: solid 1px #eee;
}

.idea-label-feeds p:last-child {
    border: none;
}

#waste-idea-type-panel .modal-dialog {
    width: 900px;
}

.idea-panel-div div span {
    font-size: 40px;
    color: #5d5c5c;
}

.idea-panel-modal-body {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.idea-panel-form {
    margin-bottom: 10px;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}

.idea-panel-form .checkbox-btns {
    width: 5%;
    float: left;
}

.topp-searchable div {
    line-height: 12px!important;
    display: flex;
    align-items: center;
    padding: 5px;
    font-size: 13px;
}
.p-bottomfixed{
    position: absolute;
    bottom:8px;
}
.tab-content.p-rowpanel{
        height: calc(100% - 150px);
}
 .p-rowpanel .group-filters .label{
padding: .8em .8em .8em;
 }
.topp-searchable .topp-cycle .fa {
    display: flex;
    float: left;
    padding-right: 3px;
}

#opex-records-panel .topp-searchable div {
    justify-content: center;
}

#opex-records-panel .filterable {
    justify-content: left!important;
}

#opex-records-panel .topp-searchable div {
    justify-content: left!important;
}
#report-choice-text .audit-global-report{
float: right;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    top: -5px;
    background-color: #fff;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 25px;
    padding: 0;
}
#report-choice-text{
    float: right;
    /*  width: 150px;*/
    margin-right:0px;
    line-height: 39px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 3px;
    padding-left: 15px;
}

/*text move css start here*/

.cool-link {
    display: inline-block;
    color: #f58220;
    text-decoration: none;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #f58220;
    transition: width .3s;
}

.cool-link:hover::after {
    width: 100%;
    /* transition: width .3s; */
}


/*text move css end here*/


/*--loader start here--*/

.presto-loaders,.presto-loaders1 {
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 0px;
    bottom: 0px;
    opacity: 0.6;
    /*display: none;*/
}
 .presto-loaders span,.presto-loaders1 span{
padding: 40px 0px 0px 2px;
    font-size: 12px;
    font-weight: 800;
    color: #f1e8e8;
    color: #e8d5d5;
    /* y: 9; */
    opacity: revert;
    position: relative;
    top: 0px;

}
.marg-btn .print-reports{
    margin-right: 5px;
}
.presto-loader-container {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0px;
    bottom: 0px;
    opacity: 0.6;
}
.manage-wastes-modal-container .mw-label p{
width: 90%;
    float: left;
    padding-left: 10px;
}


.challenge-idea-right-column {
    float: left;
    width: 60%;
}

.icon-Issue-idea img {
    width: 90px;
    height: 90px;
    padding-right: 10px;
}
.issues-autowidth.issues-h>div{
width: 13.5%!important;
    margin: 0px 1px;

}
.issues-autowidth{
       display: flex; 
}
.cat-subheader .rsh-icon{
width: 45px;
    height: 45px;
    margin-right: 10px;
}
.issue-noflexrow.issues-b>div{
    width: 10.5%;
}


.cat-subheader .rsh-subtitle{
    padding-top: 7px;
}
.cat-subheader {
        margin-top: 17px;
    font-size: 24px;
    align-items: center;
    font-weight: 600;
    padding-bottom: 7px;
    display: inline-flex;
    width: 100%;
    border-bottom: solid 1px #eeee;
}
.report-choice-row>.issue-noflexrow{
    justify-content: left!important;
}
#idea-challenge-owner-popup .modal-dialog {
    height: 70%;
}

.challenges-panel-box-bottom {
    position: relative;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.challenge-idea-images {
    width: 40%;
    float: left;
    text-align: center;
}

.Workflow-md-row-one .checkbox-btns label.checkbox {
    margin-left: 0px!important;
    margin-top: 0px!important;
}

#idea-challenge-owner-popup {
    background: rgba(0, 0, 0, 0.88);
}

#idea-challenge-owner-popup .form-control {
    border-radius: 0px;
}

.idea-assign-modal-box-container h2 {
    margin: 0px;
    padding-bottom: 15px;
}

.org-team-photo img {
    transition: all 1.1s;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.org-team-photo:hover img {
    transform: scale(1.1);
}

#media-panel-container #reset-media-filter {
    margin-top: 38px!important;
}

#kpi-editbox label {
    font-size: 14px;
}

#idea-panel-right-row img {
    float: left;
    width: 67px;
    height: 90px;
    margin-top: 7px;
    cursor: pointer;
}

#idea-panel-right-row span {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    left: 10px;
    top: 22px;
}

textarea {
    resize: none;
}

.close-tpm-item-btn {
    background: #337ab7!important;
    color: #fff;
    height: 45px!important;
    border-radius: 0px!important;
}

.row-md-0 {
    padding: 20px 0px!important;
}

.margin-space .contact-input>label {
    color: #333;
}

.btn-save {
    min-width: 75px;
    margin-left: 18px;
    padding: 8px 0px;
    text-align: center;
    font-size: 14px;
    margin-top: 24px;
    cursor: pointer;
}

.pr-md-space-h5 h5 {
    margin-top: 6px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
    min-height: 18px;
}
.h3-left h3{
    text-align: left;
}
.info-target-container-second {
    display: none;
    background: #fff;
    margin-top: 38px;
    width: 100%;
    padding: 0px 20px;
    position: absolute;
    border: solid 1px #bfb9b9;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.kpi-tab-width-con{display: flex;
    align-items: center;
    justify-content: center;
        padding: 0px;


}
#idea-mgmt-table-b .presto-table-b .row {
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-inner {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    margin: 5px;
}

.line-one {
    float: left;
    margin-top: 7px;
    margin-left: 12px;
    position: relative;
}
.disable-hdrow .checkbox-btns label.checkbox span{
    top: 2px;
}
.disable-hdrow .select-all-row{
    margin-bottom: 20px;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
    width: 50%;
    float: left;
}


.disable-hdrow .checkbox-btns label.checkbox::before{
    top: -1px;
}
.btn-flow-rt{
    float: right;
    padding: 0px!important;
    margin: 0px!important;
    top: -11px;
    background: none!important;
    position: absolute!important;
    right: 0;
}
.disable-hdrow{
    display: inline-block;
    overflow: hidden;
    width: 100%;
    padding: 27px 0px;
}
.disable-hdrow .cr-header{
display: inline-block;
width: 100%;
}
#initiativeTypeSettingsForm{
    padding: 30px 30px;
}
.btn-flow-rt .phase-info-btn{
    position: relative!important;
    background: #337ab7!important;
    width: auto!important;
    border-radius: 0px!important;
    padding: 15px 15px!important;
    margin: 3px;
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    border: none;
}
.btn-flow-rt .phase-info-btn:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.line-content {
    display: inline-block;
    width: 89%;
}

#pr-report-container .report-sheet-header {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}

.pr-user-details {
    float: right;
    width:auto;
}
.pr-p-data b {
    padding-left: 6px;
}


.job-profile-container-md-right {
    float: left;
    width: 60%;
    margin-right: 3%;
}
.job-profile-container-md-left-row .presto-table-b .row>div{
        text-align: center!important;
    border-right: solid 1px #e6e6e6!important;
    min-height: 35px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.job-profile-container-md-left-row .presto-table-h {
    text-align: center;
    background: #efeeee!important;
    overflow: hidden;
}


.job-profile-container-md-left-row{
    float: left;
    width: 37%;
}
.job-radio-btn-right label.btn span {
    padding-left: 7px;
}
.ph0rt{
    float: right!important;
    padding: 5px!important;
}
.job-profile-container-md-left-row .presto-panel{
    background-color: #f7f7f7;
    box-shadow: none;
    border-top: 1px solid #e6e6e6;
}


.presto-table-bjobescription .row{
background: #f7f7f7;
}
.job-profile-head {
    float: right;
    width: 100%;
    display: inline-block;
    text-align: right;
/*    border-bottom: solid 1px #eee;*/
        margin-bottom: 10px;
    padding-top: 10px;
}

.col-sm-6-column {
    float: left;
    width: 53%;
    margin-top: 10px;
}

.col-sm-6-column h2 {
    padding: 10px 0px;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 20px;
    border-bottom: solid 1px #eee;
    width: 100%;
    color: #0061b5;
}

.row-sk-md-container .kpi-wr-processh {
    border-bottom: solid 1px #eee;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.row-sk-md-container #sk-4steps h4 {
    text-align: left;
    color: #0061b5;
    border-bottom: solid 1px #eee;
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.row-sk-md-container #resource-status>div {
    border-bottom: 1px solid #f3f4f5;
    border-top: 1px solid #f3f4f5;
}

.row-sk-md-container .sk-icons {
    font-size: 26px;
    padding: 10px
}

.news-skills-pr-container .close-report {
    position: fixed;
    right: 20px;
    top: 10px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    z-index: 9;
}

.news-skills-pr-container .close-report>div:first-child {
    width: 45px;
    height: 4px;
}

.news-skills-pr-container .close-report>div:last-child {
    width: 45px;
    height: 4px;
}

.row-sk-md-container #sk-proc-info,
.row-sk-md-container #sk-4steps {
    padding: 10px 15px;
}

.md-sm-6-column {
    width: 47%;
    padding-right: 3%;
    float: left;
}

.job-radio-btn-right {
    float: right;
    width: 50%;
    text-align: right;
}

.pr-process-container {
    border-bottom: solid 1px #eee!important;
}

.line-loader {
    -webkit-animation: line-loader 1.8s infinite linear;
    -moz-animation: line-loader 1.8s infinite linear;
    -o-animation: line-loader 1.8s infinite linear;
    animation: line-loader 1.8s infinite linear;
}

.job-profile-container-md-right .presto-p-header {
    background-color: #165b80;
    height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #e6e6e6;
    width: calc(100% + 2px);
    margin-left: -1px;
}
.user-border{
        border: solid  #3eb5e2;
}
.job-profile-container-md-right .presto-table-h {
    text-align: center;
    background: #efeeee!important;
    overflow: hidden;
}

.job-profile-container-md-right h5 {
    font-size: 18px;
}

.pr-raci-header-right {
    float: left;
    width: 20%;
    border-left: solid 1px #e6e6e6;
    height: 33px;
    padding-left: 10px;
    font-size: 18px;
    text-align: left;
}
.label-h1{
    margin: 0px;
        border-bottom: solid 1px #c1b6b6;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight:bold;
    padding:10px 0px;}
.icons-wastes-text {
    font-size: 20px;
}

.low-med-span {
    color: #3FB9C6;
}

.high-med-span {
    color: #061A55;
}

.oppotunities-icon-right {
    height: 50px;
    float: right;
    margin-right: 13px;
    margin-top: 75px;
}

.job-profile-container-md-right .presto-table-b>.row>div:first-child {
    border-left: 1px solid #e6e6e6!important;
}

.job-profile-required-skills div {
    width: 10%;
    float: left;
    padding: 0px 0px;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #efeeee;
}

.f-interaction:hover {
    background: #c9e2ec!important;
}

.Workflow-md-row .checkbox-btns label.checkbox {
    margin-left: 33px;
    margin-top: -1px;
}

.mrg-md-bottom {
    margin-top: 217px!important;
}

.mrg-md-bottom img {
    width: 35px;
}

.mrg-md-top-bottom img {
    width: 30px;
}

.job-profile-required-skills div:first-child {
    border: none;
}

.job-profile-required-skills {
    width: 100%;
    border: solid 1px #eee;
    overflow: hidden;
    display: inline-block;
    margin-top: 5px;
}

.job-profile-required-skills span img {
    width: 40px;
    padding-top: 15px;
}

.proj-calendar-h {
    width: 7.674%!important;
}

#media-panel-container #media-status-filter.btn-group>button {
    min-height: 40px;
}

.job-profile-required-skills span {
    text-align: center;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}

#job-profile-container h5 {
    font-size: 20px;
    padding: 11px 0px 2px 0px;
    display: inline-block;
}

.pr-raci-header-right .icon-wastes {
    font-size: 2rem;
}

.job-profile-container-md-right .presto-ph-icon {
    color: #fff;
}

.job-profile-container-md-right .presto-p-header>p {
    color: #fff;
}

.job-profile-container-md-right .presto-table-b .row>div {
    text-align: center!important;
    border-right: solid 1px #e6e6e6!important;
    min-height: 35px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.job-profile-container-md-right .presto-panel {
    background-color: #f7f7f7;
    box-shadow: none;
    border-top: 1px solid #e6e6e6;
}

.searchloader {
    background: #fff;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px 5px;
    overflow: hidden;
}

@-moz-keyframes line-loader {
    0% {
        opacity: 1
    }
    40% {
        opacity: .6
    }
    60% {
        opacity: .3
    }
    80% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@-o-keyframes line-loader {
    0% {
        opacity: 1
    }
    40% {
        opacity: .6
    }
    60% {
        opacity: .3
    }
    80% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes line-loader {
    0% {
        opacity: 1
    }
    40% {
        opacity: .6
    }
    60% {
        opacity: .3
    }
    80% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes line-loader {
    0% {
        opacity: 1
    }
    40% {
        opacity: .6
    }
    60% {
        opacity: .3
    }
    80% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

.md-team-container ul {
    position: relative;
}

.md-team-container ul li span img {
    width: 28px;
    display: inline-block;
    cursor: pointer;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.md-team-container ul li span img:hover {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.md-team-container ul li span {
    position: absolute;
    right: 0px;
    top: 0px;
}

.md-team-container ul li {
    position: relative;
}

.news-pic-loader {
    float: left;
    width: 50px;
    height: 50px;
    background: #ccc;
    border-radius: 50%;
}

.line-content span {
    height: 5px;
    background: #d2d2d2;
    width: 95%;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    float: left;
}

.line-content span:first-child {
    width: 40%;
}

.loader-footer span {
    height: 5px;
    background: #d2d2d2;
    width: 95%;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    float: left;
}
/*.p-rorw:nth-child(odd),
.process-user-row:nth-child(odd) {
background: rgb(245 245 245 / 62%);  
}
*/


.idea-employee-container .cat-header>p {
    font-size: 14px;
    display: block;
    text-align: left;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 4px;
    width: calc(60% - 40px);
}

.idea-employee-container .rsh-data {
    width: 70%;
    padding-left: 15px;
}

.idea-employee-container .report-sheet-header {
    border-bottom: solid 1px #eee;
    padding: 0px 0px 20px 0px;
}

.idea-employee-container .cat-header>img {
    float: left;
    max-width: 40px;
    max-height: 40px;
    border-radius: 0;
}

.idea-employee-container .cat-header {
    height: auto;
}

.idea-employee-container .report-sheet-body .presto-table-h {
    background: #e6e6e6;
    color: #666;
    font-size: 16px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.idea-employee-container .action-plan-th p {
    background: #2d2f40;
}

.idea-employee-container .action-plan-th {
    color: #fff;
}

.idea-employee-container .cat-header>p>b {
    font-size: 16px;
    font-family: CenturyGothic;
}

.idea-employee-container .report-table .cat-header>p {
    width: 30%;
}

.idea-employee-container .cat-header>h5 {
    font-size: 20px;
    padding-right: 20px;
    font-weight: bold;
    text-align: right;
    width: 30%;
}

.trend-small {
    width: 10%!important;
}

.report-infobox h2 {
    font-size: 22px;
    margin-bottom: 0px;
}

#skills-report .report-infobox {
    height: auto!important;
}

.idea-employee-container .cat-header>h6 {
    font-size: 16px;
    font-weight: bold;
    width: 40%;
    text-align: center;
}

#pc-report-content .glyph-complete {
    text-align: center;
    background: #eee;
    padding: 5px 0px;
}

.idea-employee-container .issue-report-table-b>.row>div {
    border-right: 2px solid #ececec;
    line-height: 1.5;
}

.filters-container {
    height: 100%!important;
}

.idea-employee-container .report-sheet {
    background: #ffffffff url(/images/bg.png);
}

.loader-footer {
    display: flex;
    padding: 13px 0px 10px 0px;
    margin: 20px 32px 4px -1px;
    border-top: solid 1px #d1d1d1;
}


/*--loader end here--*/

#audit-panel .right-panel-container .rp-report-icons {
    margin-right: 63px!important;
    display: block!important;
}

.filters-container .panel-default .collapse.in {
    overflow: scroll;
    max-height: 700px;
    position: relative;
}

.final-event-report-modal {
      z-index: 999;
    cursor: pointer;
    margin-top: -15px;
}

.final-event-report-modalcontainer .modal-dialog {
    width: 1414px;
    margin: 20px;
}
.fc-display{

    position: absolute!important;
    left:45px!important;
}
.fc-display-02{

    position: absolute!important;
     left: 106px!important;
    margin-top: 0px;
}

.fc-display-03{
  
    position: absolute!important;
    left: 175px!important;
    margin-top: 8px;
    z-index: 999;
}

.fc-display-03 img{max-width: 66px;
    border: solid 1px #dadada;
    padding: 5px!important;
    height: 66px;
    border-radius: 10px;
    margin-right: -11px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}

.final-event-report-modalcontainer .modal-dialog .modal-body {
    height: 889px;
}
.final-target-report-modal {
    cursor: pointer;
    z-index: 999;
}

.audit-event-filter .active .final-event-report-modal {
    display: block!important;
}

.audit-event-filter .active .final-target-report-modal {
    display: block!important;
}

.final-target-report-fadeicon {
    position: relative;
}

.final-event-report-modal{
    width: 65px;border:none!important;
        max-width: initial!important;
            height: auto!important;
}

.final-target-report-modal{
    width: 75px;
    border:none!important;
        max-width: initial!important;
            height: auto!important;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.unclickable {
    pointer-events: none;
}
.date-unclickable {
    pointer-events: none;
    opacity: 0.4;
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.ripple {
    display: block;
    position: absolute;
    background: hsl(235, 10%, 57%);
    border-radius: 100%;
    transform: scale(0);
}

.ripple.animate {
    animation: ripple 0.8s linear;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.ripple-effect {
    overflow: hidden;
    position: relative;
}

.ripple-effect-radius {
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    position: relative;
}

.ripple-effect-radius.no-mask {
    -webkit-mask-image: none;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
}

*::-webkit-scrollbar-thumb {
    border-radius: 0;
    width: 3px;
    background-color: #C3C3C3;
}sSsd

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white !important;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0px 9999px white !important;
}


.waste-counts-report-container .display-flex{
    justify-content: left;
    text-align: left;
}   

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

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

.presto-button {
    float: left;
    width: 80px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    font-size: 17px;
    border: 1px solid;
    background: #fff;
    transition: background .2s, color .2s;
}

.presto-button:hover {
    color: #fff;
}

.presto-button.glyph-custom {
    border-color: #7ba1af;
}

.presto-button.glyph-custom:hover {
    background: #7ba1af;
}

.presto-button.glyph-complete {
    border-color: #0079BF;
}

.presto-button.glyph-complete:hover {
    background: #0079BF;
}

.presto-button.glyph-default {
    border-color: #ccc;
}

.presto-button.glyph-default:hover {
    background: #ccc;
}

.presto-button.glyph-success {
    border-color: #61BD4F;
}

.presto-button.glyph-success:hover {
    background: #61BD4F;
}

.presto-button.glyph-warning {
    border-color: #F2D600;
}

.presto-button.glyph-warning:hover {
    background: #F2D600;
}

.presto-button.glyph-danger {
    border-color: #f44336;
}

.presto-button.glyph-danger:hover {
    background: #f44336;
}

.presto-button.glyph-stuck {
    border-color: #333;
}

.presto-button.glyph-stuck:hover {
    background: #333;
}

.presto-button.glyph-idea {
    border-color: #FFC107;
}

.presto-button.glyph-idea:hover {
    background: #FFC107;
}

.presto-button.unclickable {
    background: #ebebe4;
}

.topp-cycle {
    cursor: pointer;
}
#kanban-notification-alert-modal .topp-cycle{
    width: 100%;
}
#navbar {
    top: 0;
    bottom: initial;
    position: fixed;
    z-index: 4;
    min-height: 0;
    margin-bottom: 0;
    background-color: #f0f0f0;
    border: 0;
    border-radius: 0;
    height: 50px;
    width: 98%;
    margin-left: 1%;
    border-top: 8px solid #f0f0f0;
    display: block;
}

#global-container {
    padding: 75px 25px 25px;
    font-family: 'CenturyGothic';/**/
}

#presto-menu,
#presto-goback,
.presto-goback {
    width: 50px;
    height: 50px;
    float: left;
    color: #2d2f40;
    font-size: 24px;
    text-align: center;
    padding: 8px;
    cursor: pointer;
}

#audit-panel .right-panel-container .rp-report-icons .label-pop span>img.active{

    outline: 7px solid #ffeb3b;
    outline-offset: -5px;
}
#presto-menu {
    padding-top: 13px;
}

.main-menu #presto-menu{
    position: relative;
    top:67px;
    z-index: 9999;
}


.presto-menu-line {
    width: 20px;
    height: 2px;
    background: #2d2f40;
    margin: 4px auto 4px;
    position: relative;
}

#presto-goback:before,
.presto-goback:before {
    content: "";
    position: absolute;
    height: 25px;
    width: 2px;
    background-color: #2d2f40;
    left: 54px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    top: 12px;
}

#presto-company {
    background: url(../images/navbar-dashboard.png) no-repeat;
    width: 50px;
    height: 50px;
    background-position: 50%;
    float: left;
    background-size: contain;
    cursor: pointer;
    margin-left: 15px;
}

#presto-left-menu {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: -100px;
    width: 100px;
    background-color: #23284e;
    z-index: 9;
    /*padding-top: 1%;*/
}
.utility-row img{
    width: 35px;
}



.presto-lm-item {
    color: #fff;
    height: 80px;
    font-size: 22px;
    cursor: pointer;
    background-color: #23284e;
    text-align: center;
    position: relative;
    top: 1000px;
    border-bottom: solid 1px #969696;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hvr-underline-from-left:hover {
    background: #427bc1;
}

.last-presto-lm-item:hover {
    background: none!important;
}

.presto-lm-item:hover {
    background: #427bc1;
}

.presto-lm-item li:hover {
    background: #427bc1;
}

.presto-lm-item>div:first-child {
    text-align: center;
}

.presto-lm-label {
    font-size: 12px;
    width: 100%;
    line-height: 1;
    height: 20px;
    padding-top: 10px;
    font-family: CenturyGothic;
}

.presto-lm-i-label {
    position: absolute;
    top: 0px;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    background-color: #2d2f40;
    line-height: 3;
    padding-left: 20px;
    width: 230px;
    right: 20px;
    float: left;
    z-index: -1;
    font-family: CenturyGothic;
    text-align: left;
    border-bottom: 1px solid #42445a;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
}
@-moz-document url-prefix() {
    .presto-lm-i-label {
    width: 350px!important;
    padding-left: 80px!important;
    padding-left: 65px!important;
    }
    #contacts-management .presto-lm-i-label{
        width: 350px!important;
        padding-left:120px!important;
    }

}


.left-modal50
{
    float: left;
    width: 58%;
}

.flag-countryuser img{
    width: 40px;
    float: right;
    position: absolute;
    right: 10px;
    margin-top: -10px;
    cursor: pointer;
        -webkit-transition: transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.flag-countryuser img:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.right-modal50>.row:nth-child(even) {
    background: #f9f9f9;
}

.right-modal50>.row{
display: flex;
    align-items: center;
    border-bottom: solid 1px #eee;
        position: relative;
            padding: 10px 5px 10px 3px;
}
.right-modal50 .user-detailsList p{
    font-size: 18px;
}
.right-modal50 .user-detailsList{
    padding-left: 15px;
}

.job-description-row h3{
    padding: 0px;
    margin: 0px;
}

.right-modal50{
    margin-left: 2%;
        width: 40%;
        float: left;
        max-height: 900px;
        padding: 20px;
        overflow: scroll;
}
.right-modal50 .user-row img{
    width: 70px;
    border: solid 1px #eee;
    padding: 4px;
    float: left;
}
.right-modal50>.row>div{
    float: left;
}

.presto-lm-list>.presto-lm-i-label {
    padding-left: 0;
}

.presto-lm-list ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.notification-alert-row{
    margin-top: 26px!important;
}
.presto-lm-list ul>a>li {
    height: 30px;
    line-height: 2;
    border-bottom: 1px solid #42445a;
    padding-left: 20px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    font-size: 15px;
}

.presto-lm-list ul>a {
    color: #fff;
}

#presto-shortcut-list {
    margin-left: 2%;
    float: left;
}

#presto-shortcut-list>a:first-child>.presto-shortcut {
    border-left: 1px solid #a3a5b5;
}

#presto-shortcut-list .presto-shortcut {
    float: left;
    font-size: 14px;
    font-family: CenturyGothic;
    color: #2d2f40;
    height: 50px;
    padding: 15px 14px;
    border-right: 1px solid #a3a5b5;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    cursor: pointer;
}

.presto-lm-i-label:before,
.presto-lm-list ul>a>li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0px;
    background: #42445a;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.presto-shortcut:before {
    height: 4px;
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #a3a5b5;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.presto-lm-i-label:hover:before,
.presto-lm-i-label:focus:before,
.presto-lm-i-label:active:before,
.presto-lm-list ul>a>li:hover:before,
.presto-lm-list ul>a>li:focus:before,
.presto-lm-list ul>a>li:active:before,
.presto-shortcut:hover:before,
.presto-shortcut:focus:before,
.presto-shortcut:active:before {
    right: 0;
}

#presto-lm-expand {
    color: #fff;
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    font-family: CenturyGothic;
    cursor: pointer;
}

@media(max-width: 1500px) {
    #presto-lm-expand {
        font-size: smaller;
    }
}

@media(max-width: 1300px) {
    #presto-lm-expand {
        font-size: x-small;
    }
}
#contacts-management,
#teams-management {
    line-height: 0;
}

.presto-panel {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 3px;
    border-top: 1px solid #e6e6e6;
    padding: 0;
    position: relative;
}

.presto-p-header {
    height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #e6e6e6;
    width: calc(100% + 2px);
    margin-left: -1px;
}

.presto-ph-icon {
    width: 40px;
    height: 40px;
    border-right: 0px solid #e6e6e6;
    float: left;
    font-size: 18px;
    padding: 9px 10px 10px 11px;
    color: #42445a;
}

.presto-p-header>p {
    font-family: Yantramanav;
    font-size: 20px;
    text-align: center;
    line-height: 1.9;
}

.presto-p-header.toolbox>p {
    padding-left: 10px;
    text-align: left;
    max-width: calc(100% - 100px);
    float: left;
}

.panel-toolbox {
    float: right;
    width: 100px;
    height: 40px;
}

.panel-searchbox {
    width: 0;
    height: 39px;
    background-color: #fff;
    position: absolute;
    right: 100px;
    overflow: hidden;
}

.panel-search {
    width: 100%;
    height: 39px;
    border: 0;
    padding-left: 10px;
    padding-top: 0;
    font-family: Yantramanav;
    font-size: 15px;
}

.panel-add,
.panel-search-button {
    width: 50px;
    height: 40px;
    float: right;
    font-size: 30px;
    font-family: CenturyGothic;
    text-align: center;
    color: #42445a;
}

.panel-add>div {
    border-radius: 2px;
    height: 27px;
    width: 27px;
    margin: 6px auto;
    cursor: pointer;
    line-height: 0.85;
    position: relative;
    display: block;
    overflow: hidden;
    font-family: serif;
    background-color: #fff;
}

.panel-search-button {
    color: #fff;
    font-size: 16px;
    line-height: 2.7;
    cursor: pointer;
}

.presto-panel > .presto-p-header + .presto-table-h + .presto-table-b {
    height: calc(100% - 70px);
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: auto;
    top: calc(50% - 20px);
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #005b80;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.panel-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 0;
    background: #fff;
    z-index: 5;
}

.presto-p-body {
    padding: 15px;
}

.presto-input {
    height: 29px;
    position: relative;
    margin-bottom: 16px;
}

.presto-input > input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    font-family: Yantramanav;
    font-size: 14px;
    padding-left: 4px;
    transition: all 0.3s;
    font-weight: bold;
    height: 28px;
}

.presto-input > textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    font-family: Yantramanav;
    font-size: 14px;
    padding-left: 4px;
    transition: all 0.3s;
    font-weight: bold;
    height: auto;
}

.presto-input > label {
    color: #a9a9a9;
    font-size: 15px;
    cursor: text;
    font-family: Yantramanav;
    font-weight: 100;
    transition: 0.2s ease-out;
    position: relative;
    top: -27px;
    left: 4px;
    pointer-events: none;
}

.presto-input > .dropdown-m-toggle {
    height: 26px;
    width: 26px;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 2;
    cursor: pointer;
}

.presto-input > .dropdown-menu {
    position: absolute;
    width: 100%;
    margin-top: 0px;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.175);
    font-family: Yantramanav;
}

.presto-input > .dropdown-menu > li {
    padding: 2px 6px;
    cursor: pointer;
}

.presto-input > .dropdown-menu > li:hover {
    background: #e6e6e6;
}

.presto-input.active > label {
    font-size: 10px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #42445a;
}

.presto-input.filled > label {
    font-size: 10px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #a9a9a9;
}

.presto-input.active > input {
    box-shadow: 0 1px 0 0 #42445a;
    border-color: #42445a;
}

.presto-input.invalid > label {
    color: #f44336;
}

.presto-input.invalid > input {
    box-shadow: 0 1px 0 0 #f44336;
    border-color: #f44336;
}

.presto-input.active > textarea {
    box-shadow: 0 1px 0 0 #42445a;
    border-bottom-color: #42445a !important;
}

.presto-input.invalid > textarea {
    box-shadow: 0 1px 0 0 #f44336;
    border-bottom-color: #f44336 !important;
}

.ui-autocomplete {
    font-family: Yantramanav;
    border: 1px solid #e6e6e6;
    border-top: 1px solid #2d2f40;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.175);
}

input.ui-autocomplete-loading {
    background-size: contain;
}

.presto-hover-label {
    position: absolute;
    background: #fff;
    z-index: 1;
    line-height: 2.3;
    padding-left: 4px;
    border-right: 2px solid #e6e6e6;
    max-width: 99%;
    overflow: hidden;
}

#presto-toast-container {
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: 30px;
    right: 35px;
    max-width: 50%;
    font-family: SourceSansPro;
    cursor: default;
}

#presto-toast-container>div {
    border-radius: 2px;
    top: 0;
    width: auto;
    margin-top: 10px;
    max-width: 100%;
    height: auto;
    min-height: 50px;
    line-height: 1.3;
    word-break: break-all;
    background-color: #323232;
    padding: 20px 25px;
    font-size: 14px;
    color: #fff;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    position: relative;
    top: -25px;
    float: right;
    clear: right;
}

.presto-table-h {
    width: 100%;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, .1);
    height: 30px;
    position: relative;
    z-index: 1;
}

.presto-table-h>div {
    height: 30px;
    border-right: 1px solid #e6e6e6;
    float: left;
    line-height: 1.8;
    font-family: Yantramanav;
    font-size: 15px;
    padding: 4px;
    cursor: pointer;
}

.presto-table-h>div:last-child {
    border-right: 0;
}

.presto-table-b {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 30px);
    width: calc(100% + 1px);
}

.presto-table-b .row>div {
    height: 30px;
    border-right: 1px solid #e6e6e6;
    float: left;
    line-height: 1.8;
    font-family: Yantramanav;
    padding: 4px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
}

.presto-table-b .row {
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.presto-table-b .row>div:last-child {
    border-right: 0;
}

#presto-alert {
    width: 400px;
    background: #333;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    font-family: Yantramanav;
    font-size: 19px;
    padding: 20px;
    border-radius: 2px;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    display: none;
    z-index: 99999999999999999;
}







.issue-reports-column-md .presto-table-b>.row>div {
    border-right: 1px solid #ececec;
}

.presto-alert-button {
    float: right;
    cursor: pointer;
    padding: 8px 16px 4px;
    color: #2d2f40;
    background: #fff;
    border-radius: 2px;
    margin-left: 10px;
    transition: background .1s, color .1s;
}

.presto-alert-button:hover {
    color: #fff;
    background: #43455b;
}

#presto-alert-message {
    margin-bottom: 30px;
}

#page-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    position: fixed;
    z-index: 16;
    opacity: .5;
    display: none;
}
#alert-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    position: fixed;
    z-index: 16;
    opacity: .5;
    display: none;
}

#presto-lm-divider {
    padding: 24px 14px;
}

#presto-lm-divider>div {
    height: 1px;
    width: 100%;
    background: #fff;
}

.glyph-white {
    color: #fff;
}

.glyph-default {
    color: #ccc;
}

.glyph-success {
    color: #61BD4F;
}

.glyph-warning {
    color: #F2D600;
}

.glyph-danger {
    color: #f44336;
}

.glyph-complete {
    color: #0079BF;
    position: relative;
    z-index: 4!important;
}

.glyph-custom {
    color: #7ba1af;
}

.glyph-stuck {
    color: #333;
}

.glyph-idea {
    color: #FFC107;
}

.bg-default {
    background: #ccc;
/*    color: black !important;*/
}

.bg-default-dark {
    background-color: #b1a8a8;
}

.border-default {
    border-color: #ccc !important;
}

.bg-success {
    background: #61BD4F !important;
    color: #fff;
}

.border-success {
    border-color: #61BD4F !important;
}

.bg-warning {
    background: #F2D600 !important;
}

.bg-idea {
    background: #FFC107;
}

.border-warning {
    border-color: #F2D600 !important;
}

.bg-danger {
    background: #f44336 !important;
    color: #ffffff;
}

.border-danger {
    border-color: #f44336 !important;
}

.bg-complete {
    background: #0079BF;
}

.bg-stuck {
    background: #333;
}

.fg-workload-none {
    background-color: #fff;
}

.fg-default {
    background-color: #e6e6e6;
}

.fg-workload-low {
    background-color: #7CCEBB;
}

.fg-workload-low-med {
    background-color: #3FB9C6;
}

.fg-workload-med {
    background-color: #1C92BD;
    color: #fff !important;
}

.fg-workload-med-high {
    background-color: #1E59A5;
    color: #fff !important;
}

.fg-workload-high {
    background-color: #061A55;
    color: #fff !important;
}

.bg-dark {
    background-color: #b1adad;
}

#account-panel {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.main-menu #bpo-back,
.main-menu #account-panel,
.main-menu #presto-shortcut-list
{
    top:55px;
    position: relative;
}
.main-menu #account-panel{
    left: 15px;
}

/*#account-photo {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    border: 2px solid #fff;
}
*/
/*#account-photo>img {
    width: 100%;
    height: 100%;
}*/

#account-info {
    top: 43px;
    float: right;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2d2f40;
    border-radius: 50%;
    color: #fff;
    border: 2px solid;
    font-size: 10px;
    margin-left: 43px;
    position: absolute;
    top: 29px;
}

.header-popup {
    height: 0px;
    width: 200px;
    position: absolute;
    top: calc(100% + 25px);
    right: 0;
    z-index: 10;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    display: none;
}

.header-popup-back {
    position: absolute;
    right: -23px;
    width: 14px;
    height: 15px;
    top: 6px;
    border-radius: 50%;
    background-color: #fff;
    z-index: -1;
}

.header-popup-text {
    color: #2d2f40;
    font-weight: bold;
    font-size: 14px;
    font-family: Yantramanav;
    padding: 10px 0 0;
    opacity: 0;
    top: 15px;
    position: relative;
    border: 2px solid #00489a;
}

#account-panel-text {
    border: none;
    padding: 10px;
}

#account-panel-text>p {
    line-height: 2;
    position: relative;
}
/*
#user-utilities {
    float: right;
    margin-right: -6px;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 16px;
}*/
.header-alerts-notifiaction .header-popup-back{background: none!important;top: 50px!important;}
.header-alerts-notifiaction .header-popup-text{
    background: #fff;
        padding:10px 5px;

}
/*#user-utilities>div {
    padding: 10px 12px;
    position: relative;
}*/
#or-roles-save{
        width: 98px;
    height: 41px;
    margin-top: 22px;
    background: #4CAF50;
    border: none;
    color: #fff;
}

.role-row-add-container{
    height: 610px;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}
#titles-tb.role-row-add-container{
        height: 550px;
}
.role-row-add-container::-webkit-scrollbar {
    width: 10px !important;
}

.role-row-add-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent !important;
}

.role-row-add-container::-webkit-scrollbar-thumb {
    background-color: #21284e !important;
    outline: 10px solid transparent !important;
}

.right-modal50r::-webkit-scrollbar {
    width: 10px !important;
}

.right-modal50::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent !important;
}

.right-modal50::-webkit-scrollbar-thumb {
    background-color: #21284e !important;
    outline: 10px solid transparent !important;
}




.role-row-add-container .title-name{
        width: calc(82% - 25px);
        margin-bottom: 8px;
}

.role-row-add-container  .title-row .title-name{
        width: calc(90% - 25px);
        margin-bottom: 8px;
}
.roles-responsibilities-rowmodla .modal-title{
    float: left;
}
.roles-responsibilities-rowmodla .des-btn-row{
    float: right;
    margin-right: 20px;
    cursor: pointer;
    background: #028af9;
    border: none;
    color: #fff;
    padding: 6px 18px;
    font-size: 15px;
    font-weight: 800;
    margin-top: -4px;
}
.role-row-add-container .delete-or{
margin-left: 4px;
    margin-top: 4px;
    top: 10px;
    cursor: pointer;
}

.search_bar-role .form-control{

        height: 50px;
            font-size: 18px;
}
.search_bar-role .search-from {
    width: calc(65% - 25px)!important;
        position: relative;
        float: left;
}
.search_bar-role .drop-from{
      width: calc(25% - 25px)!important; 
      float: left;
          margin-left: 15px;
}
.inner-barreport .search-from{
width: calc(55% - 25px)!important;
}
.reportSearchbtn{
    background: none;
    border: solid 2px #eee;
    margin-top: 0px;
    height: 49px;
    width: 96px;
    margin-left: 10px;

}
.reportSearchbtn img{
        width: 55px;
    margin-top: -6px;
}
.search_bar-role .search-from button{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 48px;
    width: 50px;
    background: #21284e;
    color: #fff;
    border: none;
    font-size: 21px;
}
.role-row-add-container .role-info{
    width: 30px;
    height: 30px;

}
.post .deletePost{
    opacity: 9;
    right: -39px;display: none;
}
.post .icon-wastes{
    font-size: 22px;
    position: relative;
    top: 11px;
    color: #8c8585;}
.deletePost-upload{
display: block!important;
}
.role-row-column.checkbox-btns{
        height: 450px;
    overflow: scroll;
}

#user-utilities>span {
font-size: 11px;
    margin-left: -22px;
    font-weight: bold;
    min-width: 16px;
    text-align: center;
    background: #ff0000;
    border-radius: 50%;
    color: white;
    line-height: 1.5;
    position: relative;
    right: 9px;
    top: -5px;
    z-index: 99999;
}

#header-comments #account-comment-count{
position: absolute;
    top: -5px;
    right: 9px;
    background: #f00;
    padding: 5px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
}
#global-search {
    float: left;
    height: 50px;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

#global-search>input {
    width: 260px;
    font-size: 15px;
    border-radius: 20px;
    border: 1px solid #cacaca;
    padding-left: 28px;
    height: 30px;
    font-weight: bold;
    font-family: CenturyGothic;
}

#global-search>span {
    margin-right: -24px;
    z-index: 1;
    font-size: 16px;
}

.presto-modal-title {
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 10px;
}

.presto-modal-close {
    float: right;
    width: 40px;
    height: 30px;
    position: relative;
    cursor: pointer;
    margin-right: 8px;
}

.presto-modal-close>div:first-child {
    width: 24px;
    height: 4px;
    background: #888;
    margin: auto;
    border-radius: 4px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 8px;
    bottom: 0;
    right: 0;
}

.presto-modal-close>div:last-child {
    width: 24px;
    height: 4px;
    background: #888;
    margin: auto;
    border-radius: 4px;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 8px;
    bottom: 0;
    right: 0;
}

.presto-modal-body {
    float: left;
    width: 100%;
    height: calc(100% - 38px);
    padding: 6px 0;
}

.presto-modal-footer {
    float: left;
    width: 100%;
    height: 50px;
    padding-right: 21px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.presto-modal-footer button {
    outline: none !important;
}

#header-comments>.header-popup {
    top: calc(100% - 1px);
    width: 350px;
    min-height: 60px;
    left: -165px;
}

#header-comments .header-popup-back {
    left: 50%;
    top: -20px;
}

#header-alerts>.header-popup {
    top: calc(100% - 1px);
    width: 350px;
    left: -235px;
}

#header-alerts .header-popup-back {
    left: 50%;
    top: -20px;
}

.header-popup-content {
    max-height: 500px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    box-shadow: inset 0px 3px 7px -5px #000;
    -webkit-box-shadow: inset 0px 3px 7px -5px #000;
    -moz-box-shadow: inset 0px 3px 7px -5px #000;
    -o-box-shadow: inset 0px 3px 7px -5px #000;
}

.header-popup-text>b {
    padding-left: 15px;
    margin-bottom: 5px;
}

.users-like-notification {
    float: left;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    padding: 15px 5px 0;
    position: relative;
    min-height: 85px;
}

.uln-badge-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .35;
    background-position-x: 100%;
}

.users-like-notification:hover {
    background-color: #f3f3f3;
}

.uln-photos {
    float: left;
    width: 100%;
    padding: 8px 0;
}

.uln-photos>img {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 50%;
    margin-right: 5px;
}

.uln-names {
    width: 100%;
    float: left;
    padding-bottom: 5px;
    font-weight: normal;
}

.uln-description {
    width: calc(100% - 40px);
    float: left;
    font-weight: normal;
    font-size: 13px;
    padding-right: 20px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 2;
    position: relative;
}

.uln-description-time {
    width: 40px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 2;
}

.uln-hide-notif {
    display: none;
}

.kpi-gap {
    padding: 0 8px;
    border-radius: 20px;
    font-weight: bold;
    white-space: nowrap;
}

.uln-photos>span {
    float: left;
    width: 48px;
    height: 48px;
    font-size: 48px;
}

#presto-notification-panel {
    position: absolute;
    top: 10%;
    bottom: 0%;
    left: 0;
    right: 0;
    margin: auto;
    width: 1240px;
    background: #f6f8fa;
    z-index: 20;
    display: none;
    border-radius: 3px;
    font-family: Yantramanav;
}

#pnp-head {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c1c1c1;
    display: none;
}

#pnp-h-icon {
    float: left;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

#pnp-h-macrop {
    float: left;
    width: calc(100% - 120px);
    height: 70px;
    display: flex;
    align-items: center;
    font-size: 36px;
    padding-right: 10px;
}

#pnp-h-newstime {
    float: left;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}

#pnp-left {
    float: left;
    width: 60%;
    height: calc(100% - 71px);
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    border-right: 1px solid #c1c1c1;
}

#pnp-newsblock {
    width: 100%;
    float: left;
    background: #fff;
    border-bottom: 1px solid #c1c1c1;
}

#pnp-people {
    float: left;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
}

#pnp-interaction-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    font-size: 40px;
    opacity: .1;
}

#pnp-people-left,
#pnp-people-right {
    width: 47%;
    float: left;
    display: flex;
    align-items: center;
    font-size: 16px;
}

#pnp-people-left {
    padding-left: 30px;
    margin-right: 3%;
}

#pnp-people-right {
    padding-right: 30px;
    margin-left: 3%;
}

#pnp-people-left>img {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 10px;
    border-radius: 50%;
}

#pnp-pl-name {
    float: left;
    width: calc(100% - 80px);
}

#pnp-people-right>img {
    float: right;
    width: 60px;
    height: 60px;
    margin: 0 10px;
    border-radius: 50%;
}

#pnp-pr-name {
    float: right;
    width: calc(100% - 80px);
    text-align: right;
}

#pnp-process {
    font-size: 30px;
    float: left;
    width: 100%;
    font-weight: bold;
    padding: 10px 15px 25px;
}

#pnp-opp-block {
    width: 100%;
    float: left;
}

#pnp-ob-icon {
    float: left;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}

#pnp-ob-data {
    float: left;
    width: calc(100% - 100px);
    padding: 10px;
}

#pnp-ob-data>p:first-child {
    font-size: 16px;
}

#pnp-ob-data>p:last-child {
    font-size: 15px;
}

#pnp-actions {
    width: calc(100% - 50px);
    float: left;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

#pnp-like {
    font-size: 18px;
    font-weight: bold;
    color: #008CC9;
    margin-right: 18px;
    cursor: pointer;
}

#pnp-comment {
    font-size: 18px;
    font-weight: bold;
    color: #008CC9;
    padding-right: 18px;
    cursor: pointer;
    border-right: 1px solid #e6e6e6;
}

.unread-notif {
    background-color: #e6e6e6;
}

#pnp-likecount,
#pnp-commentcount {
    float: left;
    padding: 0 12px;
    text-align: center;
    font-size: 15px;
}

#pnp-likecount>span:last-child,
#pnp-commentcount>span:last-child {
    margin-left: 4px;
    font-weight: bold;
}

#pnp-commentblock {
    float: left;
    width: 100%;
    background: #eceff2;
    padding: 20px;
}

#pnp-showprevious {
    cursor: pointer;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.pnp-comment {
    width: 100%;
    padding: 10px 0;
    float: left;
}

.pnp-comment>img {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
}

.pnp-commenttext {
    width: calc(100% - 100px);
    padding: 0 10px;
    font-size: 15px;
    float: left;
}

.pnp-commenttime {
    float: right;
    width: 50px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.pnp-delete-comment {
    display: none;
}

.pnp-commenttime .delete-comment {
    top: 100%;
}

.pnp-commenttime .edit-comment {
    top: calc(100% + 25px);
}

.pnp-commentlike {
    float: left;
    clear: both;
    margin: 10px 0 0 60px;
    font-size: 15px;
    font-weight: bold;
    color: #008CC9;
    cursor: pointer;
}

#pnp-addcomment {
    float: left;
    width: 100%;
    padding: 15px 0;
    position: relative;
}

#pnp-addcomment>img {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    opacity: .5;
}

#pnp-addcommenttext {
    float: left;
    width: calc(100% - 60px);
    margin: 5px 0 0 10px;
    resize: none;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 15px;
    line-height: 2;
    height: 40px;
    padding: 3px 10px;
    transition: all 0.2s;
    z-index: 2;
    position: relative;
}

#pnp-addcommenttext:focus {
    border-color: #008CC9;
    width: calc(100% - 160px);
}

#pnp-addcommenttext.edited {
    width: calc(100% - 160px);
}

#pnp-addcommentbutton {
    float: right;
    width: 80px;
    margin: 5px 0 0 20px;
    background: #008CC9;
    border: none;
    border-radius: 3px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    display: none;
    transition: background 0.2s;
    position: absolute;
    right: 0;
    z-index: 1;
}

#pnp-addcommentbutton:focus,
#pnp-addcommentbutton:hover {
    background: #004dc5;
}

#pnp-right {
    float: left;
    width: 40%;
    height: calc(100% - 71px);
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
}

#pnp-raci {
    float: left;
    width: 100%;
    padding: 10px;
}

#pnp-raci>div {
    float: left;
    width: 58px;
    height: 58px;
    margin: 0 2% 15px;
    cursor: pointer;
    position: relative;
}

#pnp-raci>div:nth-child(n+6) {
    display: none;
}

#pnp-raci>div>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

#pnp-raci .tu-popup {
    min-width: calc(100% + 10px);
    left: -5px;
    text-align: center;
    top: 50%;
}

.tu-racitext {
    padding: 0px 5px;
    border-radius: 10px;
    background: #333;
    color: #fff;
}

#pnp-hypothesis,
#pnp-benefits,
#pnp-tcs,
#pnp-costs,
#pnp-itopp,
#pnp-ome,
#pnp-itapp {
    float: left;
    width: 100%;
}

#pnp-benefits,
#pnp-tcs,
#pnp-costs,
#pnp-itopp {
    border-top: 1px solid #c1c1c1;
}

#pnp-costs .opp-costs-left {
    float: left;
    width: 70%;
    height: 30px;
    display: flex;
    align-items: center;
    border-right: 1px solid #e6e6e6;
    padding-right: 15px;
    justify-content: flex-end;
    text-align: right;
    font-size: 12px;
    border-bottom: 1px solid #e6e6e6;
}

#pnp-costs .opp-costs-right {
    float: left;
    width: 30%;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
}

.cost-benefits-display .text-center {
    text-align: left;
}
.kpi-modal-dashbord .or-waste-photo{
    right: 15px;
    
}
.kpi-modal-dashbord .or-waste-photo img{
    width: 40px;
    height: 40px;
}

.kpi-modal-dashbord .form-control {
    height: 40px;
    background: #fff;
    border-radius: 0px;
}
.kpi-modal-dashbord-body .waste-row p{
    font-size: 16px;
    width: 90%;float: left;

}
.kpi-modal-dashbord-body  .waste-row{
    margin-bottom: 20px;
}

.kpi-modal-dashbord-body .waste-row>div:last-child{
     padding: 5px;
    border: solid 1px #eee;
    min-height: 40px;
    display: flex;
    align-items: center;
}
.kpi-modal-dashbord-body .waste-row>div:last-child span{
      background: #f3f3f3;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    float: right;
    position: absolute;
    right: 13px;
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: solid 1px #cecece;
}
#company-card{
    position: relative;
}

#kpi-upload-icon {
       position: absolute;
    right: 0px;
    width: 65%;
    top: 45px;
    display: none;
}
#kpi-upload-icon span{
 font-size:40px;
    margin-right: 7px;
    position: relative;
    top: 7px;
    padding: 10px;
        border: solid 1px #ece9e9;
}
#kpi-upload-icon span img {
    max-width: 46px;
    max-height: 46px;
    margin: 2px;
}
#kpi-upload-icon>div{
       font-size: 22px;
    font-weight: 600;
    position: relative;
    top: 24px;

}
.kpi-modal-dashbord .modal-dialog{
    width: 100%;
}
.kpi-modal-dashbord-body .modal-title {
    font-size: 20px;
    font-weight: 600;
}
.kpi-modal-dashbord .modal-content{
        background: #f3f3f3 url(/images/pattern.png);
        width:40%;
        margin: 0 auto;
        padding: 20px; 
}
.raci-photo-block{
    overflow: inherit!important;
}
.raci-photo-block .label-pop{
    overflow: inherit!important;
}
.raci-photo-block .label-popup{
left:-25px;
}

.kpi-modal-dashbord-body{background: #fff;}

.kpi-choice-header{cursor: pointer;}

.kpi-choice-header>img{
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.kpi-choice-header>img:hover{

        -webkit-transform: translateY(-10px);
    transform: translateY(-10px);cursor: pointer;
}

.report-choice-row .unclickable {
    opacity: .2;
}
.dash-icon.unclickable {
    opacity: .4;
}

.pr-skill-report-container .report-sheet-body .presto-table-b>.row>div:first-child {
    border-left: none;
}

#skills-report-2 .issue-report-table-b>.row>div:last-child {
    border-right: none;
}

.pnp-block-heading {
    text-align: left;
    padding-left: 13px;
    font-size: 16px;
    font-weight: bold;
    color: #008cc9;
    margin-top: 10px;
}

.pnp-block-content {
    width: 100%;
    float: left;
    padding: 5px 10px 10px;
    font-size: 14px;
}

.pnp-block-content b {
    cursor: pointer;
}

.pnp-block-content>.row:last-child>div {
    border-bottom: none !important;
}

#pnp-close {
    float: left;
    width: 50px;
    height: 70px;
    display: flex;
    align-content: center;
    position: relative;
    cursor: pointer;
}

#pnp-close>div:first-child {
    width: 30px;
    height: 4px;
    background: #888;
    margin: auto;
    border-radius: 4px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25%;
}

#pnp-close>div:last-child {
    width: 30px;
    height: 4px;
    background: #888;
    margin: auto;
    border-radius: 4px;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25%;
}

#pnp-idea-details {
    height: 100%;
    padding: 1px;
    font-family: CenturyGothic;
    display: none;
}

#pnp-idea-details #idea-body {
    display: block;
}

#pnp-idea-details #idea-body>div:not(#idea-bg) {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    padding: 12px;
    margin-bottom: 14px;
}

#pnp-idea-details>#idea-body {
    height: 100%;
}

#idea-title-popup {
    font-size: 20px;
}

#pnp-idea-details #pnp-close {
    height: 40px;
    position: absolute;
    right: -50px;
}

#pnp-idea-details #pnp-close>div {
    background: #fff;
}

#pnp-idea-details #idea-costs-container {
    width: calc(50% - 7px);
    float: left;
}

.idea-cost-name {
    float: left;
    width: calc(100% - 100px);
    height: 40px;
    padding: 2px 10px 2px 0;
    text-align: right;
    border-right: 1px solid #c1c1c1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.idea-cost-cycle {
    float: left;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-weight: bold;
}

@media(max-width: 1740px) {
    #pnp-idea-details #idea-desc {
        height: 161px;
        width: calc(100% - 220px);
        float: left;
    }
    #pnp-idea-details #idea-impact,
    #pnp-idea-details #idea-feasibility,
    #pnp-idea-details #idea-wastes-container,
    #pnp-idea-details #idea-risks-container,
    #pnp-idea-details #idea-readiness-container,
    #pnp-idea-details #idea-it-container {
        width: calc(50% - 7px);
        float: left;
    }
    #pnp-idea-details #idea-benefits,
    #pnp-idea-details #idea-raci-container,
    #pnp-idea-details #idea-process,
    #pnp-idea-details #idea-status,
    #pnp-idea-details #idea-startd-container {
        width: calc(50% - 8px);
        float: right;
        margin-left: 15px;
    }
    #pnp-idea-details #idea-status,
    #pnp-idea-details #idea-startd-container {
        width: 205px;
    }
}

@media(max-width: 1800px) {
    #pnp-raci {
        height: 80px;
    }
}

@media(max-width: 1700px) {
    #pnp-raci {
        height: 76px;
    }
    .idea-news-h>p {
        font-size: 20px;
    }
}

@media(max-width: 1580px) {
    #pnp-raci {
        height: 72px;
    }
}

@media(max-width: 1450px) {
    #pnp-raci {
        height: 68px;
    }
}

@media(max-width: 1350px) {
    #pnp-raci {
        height: 64px;
    }
}

.cssload-container {
    display: block;
    margin: 36% auto;
    width: 80px;
}

.cssload-loading i {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    background: rgb(204, 204, 204);
}

.cssload-loading i:first-child {
    opacity: 0;
    animation: cssload-loading-ani2 0.445s linear infinite;
    -o-animation: cssload-loading-ani2 0.445s linear infinite;
    -ms-animation: cssload-loading-ani2 0.445s linear infinite;
    -webkit-animation: cssload-loading-ani2 0.445s linear infinite;
    -moz-animation: cssload-loading-ani2 0.445s linear infinite;
    transform: translate(-16px);
    -o-transform: translate(-16px);
    -ms-transform: translate(-16px);
    -webkit-transform: translate(-16px);
    -moz-transform: translate(-16px);
}

.cssload-loading i:nth-child(2),
.cssload-loading i:nth-child(3) {
    animation: cssload-loading-ani3 0.445s linear infinite;
    -o-animation: cssload-loading-ani3 0.445s linear infinite;
    -ms-animation: cssload-loading-ani3 0.445s linear infinite;
    -webkit-animation: cssload-loading-ani3 0.445s linear infinite;
    -moz-animation: cssload-loading-ani3 0.445s linear infinite;
}

.cssload-loading i:last-child {
    animation: cssload-loading-ani1 0.445s linear infinite;
    -o-animation: cssload-loading-ani1 0.445s linear infinite;
    -ms-animation: cssload-loading-ani1 0.445s linear infinite;
    -webkit-animation: cssload-loading-ani1 0.445s linear infinite;
    -moz-animation: cssload-loading-ani1 0.445s linear infinite;
}

@keyframes cssload-loading-ani1 {
    100% {
        transform: translate(32px);
        opacity: 0;
    }
}

@-o-keyframes cssload-loading-ani1 {
    100% {
        -o-transform: translate(32px);
        opacity: 0;
    }
}

@-ms-keyframes cssload-loading-ani1 {
    100% {
        -ms-transform: translate(32px);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-loading-ani1 {
    100% {
        -webkit-transform: translate(32px);
        opacity: 0;
    }
}

@-moz-keyframes cssload-loading-ani1 {
    100% {
        -moz-transform: translate(32px);
        opacity: 0;
    }
}

@keyframes cssload-loading-ani2 {
    100% {
        transform: translate(16px);
        opacity: 1;
    }
}

@-o-keyframes cssload-loading-ani2 {
    100% {
        -o-transform: translate(16px);
        opacity: 1;
    }
}

@-ms-keyframes cssload-loading-ani2 {
    100% {
        -ms-transform: translate(16px);
        opacity: 1;
    }
}

@-webkit-keyframes cssload-loading-ani2 {
    100% {
        -webkit-transform: translate(16px);
        opacity: 1;
    }
}

@-moz-keyframes cssload-loading-ani2 {
    100% {
        -moz-transform: translate(16px);
        opacity: 1;
    }
}

@keyframes cssload-loading-ani3 {
    100% {
        transform: translate(16px);
    }
}

@-o-keyframes cssload-loading-ani3 {
    100% {
        -o-transform: translate(16px);
    }
}

@-ms-keyframes cssload-loading-ani3 {
    100% {
        -ms-transform: translate(16px);
    }
}

@-webkit-keyframes cssload-loading-ani3 {
    100% {
        -webkit-transform: translate(16px);
    }
}

@-moz-keyframes cssload-loading-ani3 {
    100% {
        -moz-transform: translate(16px);
    }
}

@keyframes presto-shadow-animation {
    0% {
        box-shadow: 0px 0px 0px rgb(0, 0, 0, 0);
    }
    100% {
        box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .25);
    }
}

.presto-shadow-animation {
    animation-name: presto-shadow-animation;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: .3s;
}

.presto-shadow-animation-back {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .25);
}

@media(max-width: 1370px) {
    .presto-lm-list ul>a>li {
        height: 30px;
        font-size: 13px;
    }
}

#trp-selector-list {
    width: 200px;
    float: left;
    position: relative;
    z-index: 2;
}

#selector-ind {
    position: absolute;
    width: 2px;
    height: 100px;
    top: 0;
    left: 0;
    background: #42A5F5;
}

.tsl-card {
    width: 100%;
    float: left;
    height: 100px;
    background: #ffffff;
    color: #42A5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: CenturyGothic;/*;*/
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    transition: all 0.4s;
}

.tsl-card:hover {
    color: #a3d3fa;
}

.tsl-card.active {
    background: #e6e6e6;
}

#trp-data-container {
    float: left;
    min-height: 100%;
    margin-bottom: 20px;
    width: calc(100% - 200px);
    border-top: 1px solid #e6e6e6;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
.hoshin-kanri-cover-page-container img{
width: 450px;;
}
#backbox {
    height: 100%;
    width: 150px;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    text-align: center;
    padding-top: 20px;
}

.full-tg-report-logo img,
.audit-spn-logo img
{
width:150px;
}
.bottom-eventcmp-name{
    position: absolute;
    bottom:130px;
}
.chart-row-container{
  width:100%;
  display: inline-block;

}
.no-hidden .report-util-left{
    font-size: 24px;
    text-align: left;
    font-weight: 600;
    letter-spacing: 2px;
}
.no-hidden .report-sheet-utils>div{
    height: 66px;
    border-radius: 0px;
}
.chart-row-container img {width:45%;}
.audit-user-reportmd-container .report-sheet + .report-sheet{
    margin-top: 0px;
}


.bottom-eventcmp-name h5{
     font-weight: 500;
    font-size: 20px;
    color: #000;
}
.bottom-eventcmp-name h5 span{
      padding-left: 10px;
    width: 107px;
    display: inline-block;
    font-weight: 700;
}

.full-tg-report{
    border-bottom: solid 1px #eee;
    margin-bottom: 20px;
    padding-bottom: 23px;


}


.activity-planningrow .full-tg-report-logo h2{
text-align: left;
    float: left;
    font-size: 31px;
    color: #000;
    padding-top:20px;
}


.chart-row-container img{text-align: center;}
.md-event-clint-rowimg img{
   width:120px;
   float: right;
}
.full-tg-report-logo h2{
float: right;
font-size: 46px;
    font-weight: 600;
    color: #03A9F4;
}
.full-tg-report-logo h2 span{
    color: #333;
    font-size: 24px;
}

.full-tg-report-logo{
    border-bottom: solid 1px #eee;
    padding-bottom: 25px;
}

.label-card {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 3px;
    float: left;
}

.label-pop {
    position: relative;
    display: flex;
    justify-content: center;
}

.right-panel-container .label-popup{
    min-width: 150px;
    line-height: 18px;
    white-space: normal!important;
    background: none;
    box-shadow: none;

}
.fa-icon-set .label-pop{
        width: 20px;
    margin: 0px 8px;
}
.fx-sz .fa{font-size: 24px;}



.right-panel-container .label-popup span{
    position: relative;
    margin-top: -25px;
    background: #fff;
    display: block;
    padding: 3px 0px;
}

.fc-item>.label-popup span{
  top: 130px!important; 
}


.hosinkanri-filter-icon  .label-popup{
 left:-107px;
 min-width: 150px!important;

}


.label-popup {
    position: absolute;
    top: 0;
    white-space: nowrap;
    text-align: center;
    font-family: CenturyGothic;
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 4px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    display: none;
    font-size: 13px;
    line-height: 1;
    z-index: 999;
}

.readiness-photo img {
    float: left;
    width: 25%;
    padding: 3px;
}

.readiness-text {
    font-size: 12px;
    margin-top: 1em;
}


/*NEW CARDS CSS*/

.cards-container {
    width: 200px;
    float: left;
    position: relative;
}

.cards-container>div:first-child {
    border-top-left-radius: 4px;
}

.cards-container>div:last-child {
    border-bottom-left-radius: 4px;
}

.presto-card {
    width: 100%;
    float: left;
    height: 100px;
    background: #ffffff;
    color: #005b80;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    transition: all 0.4s;
    border-bottom: solid 1px #e6e6e6;
}

.presto-card.active {
    background: #24284e !important;
    color: #fff !important;
}

.presto-card:hover {
    background: #fbfbfb;
    color: #318db3;
}

.presto-card>.ripple {
    background: hsla(197, 100%, 25%, 0.4);
}

.card-data-container {
    width: calc(100% - 200px);
    height: 100%;
    float: left;
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, .25);
    position: relative;
    padding: 20px;
}

.backbox {
    width: 180px;
    height: 100%;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    top: 0;
}

.card-image {
    width: 100%;
    height: 120px;
    float: left;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.card-image>* {
    display: none;
}

.card-image>*:first-child {
    display: block;
}

.card-image>img {
    max-height: 100%;
    max-width: 100%;
}

.card-image>div {
    font-size: 100px;
    width: 100%;
    float: left;
    text-align: center;
}

.card-data {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

.card-data-header {
    width: calc(100% - 180px);
    float: right;
    height: 100px;
    padding: 10px;
}

.cdh-info {
    float: left;
    width: calc(100% - 80px);
    height: 100%;
}

.cdh-addbutton {
    width: 60px;
    height: 60px;
    margin: 10px;
    background: #005b80;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    color: #fff;
    float: right;
    cursor: pointer;
}

.cdh-title {
    height: 60%;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    float: left;
    border-bottom: 1px solid #bbbed6;
}

.cdh-subtitle {
    float: left;
    clear: both;
    height: 40%;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.data-container {
    float: left;
    width: 100%;
    height: calc(100% - 100px);
}

.presto-table-b .row>div>input {
    width: 100%;
    padding-left: 60px;
    height: 100%;
    border: none;
}

.presto-table-b .row>div>textarea {
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    line-height: 17px;

}

.presto-table-b .new-record>div>input {
    width: 100%;
    height: 100%;
    border: none;
    padding: 2px;
    text-align: center;
}

.new-record {
    display: none;
}

.new-record>div {
    border-color: #c1c1c1 !important;
}

.save-record {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px !important;
    background: #005b80 !important;
    font-weight: bold;
    color: #fff !important;
}

.presto-table-b>.row>.delete-record {
    position: absolute;
    width: 40px;
    height: 40px !important;
    top: 20px;
    left: 15px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font: normal normal normal 14px/1 FontAwesome;
    background: #e6e6e6 !important;
    border: none !important;
    font-size: 18px;
    color: #888;
    opacity: 0;
    cursor: pointer;
    transition: opacity .2s;
}

.presto-table-b>.row:hover>.delete-record {
    opacity: .5;
}

.delete-record:hover {
    opacity: 1 !important;
}

.close-report {
    position: absolute;
    left: -55px;
    top: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.close-report>div:first-child {
    width: 30px;
    height: 4px;
    background: #fff;
    margin: auto;
    border-radius: 4px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.close-report>div:last-child {
    width: 30px;
    height: 4px;
    background: #fff;
    margin: auto;
    border-radius: 4px;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.report-utils {
    position: absolute;
    right: -70px;
    top: 60px;
    height: calc(100% - 60px);
    width: 70px;
}

.report-utils>.f-interaction {
    margin-top: 0;
    margin-bottom: 5px;
}

.report-utils>.page-counter {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-family: Yantramanav;
}

#bpo-back {
    float: left;
    font-size: 25px;
    font-family: CenturyGothic;
    color: #2d2f40;
    height: 50px;
    padding: 7px 14px;
    cursor: pointer;
}

#idea2-report-table-b>.row:last-child {
    border-bottom: solid 1px #c1c1c1!important;
}

#idea-adv-filter-button {
    float: left;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    font-size: 22px;
    margin-left: 280px;
    cursor: pointer;
    transition: color .2s;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 2px;
}

#idea-adv-filter-button:hover,
#idea-adv-filter-button.active {
    color: #FFC107;
}

#idea-adv-filter-button>.ripple {
    background: rgba(255, 230, 155, 0.5);
}

#pnp-idea-details #idea-body {
    height: 100%;
}

#idea-save-button-popup {
    width: 80px;
    height: 30px;
    margin: 9px auto;
}

@media(max-width: 1750px) {
    #idea-adv-filter-button {
        margin-left: 240px;
    }
}

@media(max-width: 1600px) {
    #idea-adv-filter-button {
        margin-left: 190px;
    }
}

@media(max-width: 1440px) {
    #idea-adv-filter-button {
        margin-left: 140px;
    }
}

@media(max-width: 1366px) {
    #idea-adv-filter-button {
        margin-left: 110px;
    }
}

@media(max-width: 1280px) {
    #idea-adv-filter-button {
        margin-left: 90px;
    }
}

*[data-w] {
    float: left;
}

*[data-w="2"] {
    width: 2%;
}

*[data-w="3"] {
    width: 3%;
}

*[data-w="4"] {
    width: 4%;
}

*[data-w="5"] {
    width: 5%;
}

*[data-w="6"] {
    width: 6%;
}

*[data-w="6.5"] {
    width: 6.5%;
}


*[data-w="7"] {
    width: 7%;
}

*[data-w="8"] {
    width: 8%;
}

*[data-w="9"] {
    width: 9%;
}

*[data-w="10"] {
    width: 10%;
}

*[data-w="11"] {
    width: 11%;
}

*[data-w="12"] {
    width: 12%;
}

*[data-w="13"] {
    width: 13%;
}

*[data-w="14"] {
    width: 14%;
}

*[data-w="15"] {
    width: 15%;
}

*[data-w="16"] {
    width: 16%;
}

*[data-w="17"] {
    width: 17%;
}

*[data-w="18"] {
    width: 18%;
}

*[data-w="19"] {
    width: 19%;
}

*[data-w="20"] {
    width: 20%;
}

*[data-w="21"] {
    width: 21%;
}

*[data-w="22"] {
    width: 22%;
}

*[data-w="23"] {
    width: 23%;
}

*[data-w="24"] {
    width: 24%;
}

*[data-w="25"] {
    width: 25%;
}

*[data-w="26"] {
    width: 26%;
}

*[data-w="27"] {
    width: 27%;
}

*[data-w="28"] {
    width: 28%;
}

*[data-w="29"] {
    width: 29%;
}

*[data-w="30"] {
    width: 30%;
}

*[data-w="31"] {
    width: 31%;
}

*[data-w="32"] {
    width: 32%;
}

*[data-w="33"] {
    width: 33%;
}

*[data-w="34"] {
    width: 34%;
}

*[data-w="35"] {
    width: 35%;
}

*[data-w="36"] {
    width: 36%;
}

*[data-w="37"] {
    width: 37%;
}

*[data-w="38"] {
    width: 38%;
}

*[data-w="39"] {
    width: 39%;
}

*[data-w="40"] {
    width: 40%;
}

*[data-w="41"] {
    width: 41%;
}

*[data-w="42"] {
    width: 42%;
}

*[data-w="43"] {
    width: 43%;
}

*[data-w="44"] {
    width: 44%;
}

*[data-w="45"] {
    width: 45%;
}

*[data-w="46"] {
    width: 46%;
}

*[data-w="47"] {
    width: 47%;
}

*[data-w="48"] {
    width: 48%;
}

*[data-w="49"] {
    width: 49%;
}

*[data-w="50"] {
    width: 50%;
}

*[data-w="52"] {
    width: 52%;
}

*[data-w="53"] {
    width: 53%;
}

*[data-w="54"] {
    width: 54%;
}

*[data-w="55"] {
    width: 55%;
}

*[data-w="56"] {
    width: 56%;
}

*[data-w="57"] {
    width: 57%;
}

*[data-w="58"] {
    width: 58%;
}

*[data-w="59"] {
    width: 59%;
}

*[data-w="60"] {
    width: 60%;
}

*[data-w="61"] {
    width: 61%;
}

*[data-w="62"] {
    width: 62%;
}

*[data-w="63"] {
    width: 63%;
}

*[data-w="64"] {
    width: 64%;
}

*[data-w="65"] {
    width: 65%;
}

*[data-w="67"] {
    width: 67%;
}

*[data-w="69"] {
    width: 69%;
}

*[data-w="70"] {
    width: 70%;
}

*[data-w="75"] {
    width: 75%;
}

*[data-w="76"] {
    width: 76%;
}

*[data-w="78"] {
    width: 78%;
}

*[data-w="80"] {
    width: 80%;
}
*[data-w="83"] {
    width: 83%;
}
*[data-w="84"] {
    width: 84%;
}

*[data-w="85"] {
    width: 85%;
}

*[data-w="86"] {
    width: 86%;
}

*[data-w="87"] {
    width: 87%;
}

*[data-w="90"] {
    width: 90%;
}

*[data-w="92"] {
    width: 92%;
}

*[data-w="95"] {
    width: 95%;
}

*[data-w="96"] {
    width: 96%;
}

*[data-w="98"] {
    width: 98%;
}

*[data-w="100"] {
    width: 100%;
}


/*SPECIAL*/

*[data-w="8.3"] {
    width: 8.333333%;
}

*[data-w="16.6"] {
    width: 16.666667%;
}

*[data-w="33.3"] {
    width: 33.333333%;
}

.full-height {
    height: 100%;
}

.topp-cycle.glyph-default {
    color: #ccc !important;
}

.topp-cycle.glyph-success {
    color: #61BD4F !important;
}

.topp-cycle.glyph-warning {
    color: #F2D600 !important;
}

.topp-cycle.glyph-danger {
    color: #f44336 !important;
}

.topp-cycle.glyph-complete {
    color: #0079BF !important;
}

.topp-cycle.glyph-white {
    color: #fff !important;
}

#presto-kanban-dashboard>.presto-shortcut,
#presto-my-projects>.presto-shortcut {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 50px;
    border-radius: 6px;
    font-size: 30px;
}

#presto-cockpit-dashboard>.presto-shortcut {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 50px;
    border-radius: 6px;
    margin-left: 10px;
}


/*IE10+ CSS here*/

@media(max-width: 1366px) and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #global-container {
        padding: 125px 25px 25px;
    }
}

@media(max-width: 1600px) {
    #global-container {
        padding: 113px 25px 25px;
    }

   .main-menu #global-container{
     padding: 70px 25px 25px;
   }

}

@media(max-width: 1024px) {
    #global-container {
        padding: 172px 25px 25px;
    }
}

@media print {
    body {
        overflow: visible;
        page-break-before: avoid;
        width: 100%;
        height: 100%;
        zoom: 100%
    }
    .report-utils {
        display: none;
    }
    .modal-footer {
        display: none;
    }
    .fg-workload-high {
        background-color: #061A55;
        -webkit-print-color-adjust: exact;
        color: #fff !important;
        -webkit-print-color-adjust: exact;
    }
    .fg-workload-low {
        background-color: #7CCEBB;
        -webkit-print-color-adjust: exact;
    }
    .fg-workload-high {
        background-color: #061A55;
        -webkit-print-color-adjust: exact;
        color: #fff !important;
        -webkit-print-color-adjust: exact;
    }
    .fg-default {
        background-color: #e6e6e6;
        -webkit-print-color-adjust: exact;
    }
    .fg-workload-med-high {
        background-color: #1E59A5;
        -webkit-print-color-adjust: exact;
        color: #fff !important;
        -webkit-print-color-adjust: exact;
    }
    .fg-workload-low-med {
        background-color: #3FB9C6;
        -webkit-print-color-adjust: exact;
    }
    .fg-workload-med {
        background-color: #1C92BD;
        -webkit-print-color-adjust: exact;
        color: #fff !important;
        -webkit-print-color-adjust: exact;
    }
    .sk-difficulty-expert {
        background: url("../images/skills-graphs/difficulty-expert.png") no-repeat;
        -webkit-print-color-adjust: exact;
    }
    .sk-complete-high {
        background: url("../images/skills-graphs/complete-high.png") no-repeat;
        -webkit-print-color-adjust: exact;
    }
    .sk-ongoing-semi {
        background: url("../images/skills-graphs/ongoing-semi.png") no-repeat;
        -webkit-print-color-adjust: exact;
    }
    .sk-complete-semi {
        background: url("../images/skills-graphs/complete-semi.png") no-repeat;
        -webkit-print-color-adjust: exact;
    }
    .sk-empty {
        background: url("../images/skills-graphs/empty.png") no-repeat;
        -webkit-print-color-adjust: exact;
    }
}

.glyphicon-unpin {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALnSURBVGhD1dpLqE1RHMfx651XIhGKFCHJc4hEBjIyUaK8ktctMjCRUpiKMJbyyMiMEYlMSDKhMPAaIIq8374/5+xa/a2zzz57rf04v/p0j90+a+3fvffsvfa+elIypPm1zAzHCZzHdG0ISV9cwG/cwWSUkYG4jj9N77AAubMMyWDyBGWUOQp3XgkqMw0/4A5YdJl1cOdzBZXZBTtgUWVm4xPsfK6gMrthB4xdZiQew87jU9syOqlcgh0/TS3LHIAdN4talVkJnd7tmFnVoswU6EDsWJ2qtIxWC/dgx8hLZeYiV0LKaOlh3xvqPnInTxnfe2L4hgHInU7KLMZ32P1jOIbgZCkzAS9h9wv1E/uh61GUpJXRivZmc1tMr6HFbfT4yjzHNbMthhvQTzlKZjW/uinqw5zQBfQIgj7YSXQxuwwNulMbTIoq8x6rECWr8RnJ4CqzAzaxy9zFVETJXvjWRtq2HTaxypzCYESJHgjo6umbSFRmG2xCynzBRkTPWLQrsxU2eco8xBwUljLKXMQIFJ4sZbbApl0ZPezYgz4oLbHLfMUiVJIsZTbDxldG+2a5BSgsMcs8RaVltFSxB+VSmU2wqVWZfrgCe0BW7cscgj2QVn7Bd4GrvMwK6DttDyJN7cpMwlvYybPQXd0G2JReRnd8t2AndZ1G2tmsFmVOwk6WcBd67U7NKrMeNr4yWR81Zc4a2EkSvoVeljK6x7EptMwMfISdQNIWemlldLJYAl8KKTMUvoPJutBrVeYs0hK9zDnYAV+gk4WeLfMMo9Eu0crontwOdBVj0GmSMnrw7HsK0yrBZfTIXs9Vkzfrd/ogtDTJG5VZ2HjZUXKXGQXtmLzpDfTHmSrjK/MIw+CNPrzu3/ZuYyLqEF+Z5fBmH5KdjmMQ6hS3zAeMw39ZCl2otMNabahpdJx6Ej/z379MxuMVHiD4P7RUlf7QU+4zaPnh6YYcRm/jZfdmHuY3XnZ39GvV5enp+QvY8DLPiRbZXgAAAABJRU5ErkJggg==') no-repeat;
    width: 12px;
    background-position: 50%;
    background-size: contain;
    cursor: pointer;
    opacity: 1;
}


/*news feed issue phase and colour*/

.news-issue-phase-container {
    flex: 1;
    flex-direction: row;
    display: flex;
}

.issue-phase-name {
    flex: 1;
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
}

.issue-phase-colour {
    text-align: right;
    float: right;
    width: 8%;
    height: 23px;
}

.opportunity-interaction .issue-phase-name {
    line-height: 1;
    padding: 6px 0;
        position: relative;
    top: 5px;
    font-weight: 600;
}

.opportunity-interaction .issue-phase-colour {
    width: 30px;
    margin: 8px 8px 0 0;
}

#customised-report-container {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 110;
}

#customised-report-container .report-close {
    background-color: #191919;
}

.text-red {
    color: #ff0000 !important;
}

.text-green {
    color: #61BD4F !important;
}

.radio-btns label.btn span {
    font-size: 1.2em;
    color: #000;
    position: relative;
    top: -5px;
}

.media-md-column label span {
    font-weight: 700;
}

.media-normal-column label span {
    font-weight: 700;
}

.radio-btnslabel input[type="radio"] ~ i.fa.fa-circle-o {
    color: #c8c8c8;
    display: inline;
}

.radio-btns label input[type="radio"] ~ i.fa.fa-dot-circle-o {
    display: none;
}

.radio-btns label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    display: none;
}

.radio-btns label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
    color: #7AA3CC;
    display: inline;
}

.radio-btns label:hover input[type="radio"] ~ i.fa {
    color: #7AA3CC;
}

.radio-btns label input[type="checkbox"] ~ i.fa.fa-square-o {
    color: #c8c8c8;
    display: inline;
}

.radio-btns label input[type="checkbox"] ~ i.fa.fa-check-square-o {
    display: none;
}

.radio-btns label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
    display: none;
}

.radio-btns label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
    color: #7AA3CC;
    display: inline;
}

.radio-btns label:hover input[type="checkbox"] ~ i.fa {
    color: #7AA3CC;
}

.radio-btns div[data-toggle="buttons"] label {
    display: inline-block;
    padding: 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    color: #c8c8c8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.radio-btns div[data-toggle="buttons"] label:hover {
    color: #7AA3CC;
}

.radio-btns div[data-toggle="buttons"] label:active,
div[data-toggle="buttons"] label.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.checkbox-btns label.checkbox {
    position: relative;
    padding: 0 0 0 40px;
    font-size: 17px;
    cursor: pointer;
}

.checkbox-btns label.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox-btns label.checkbox input[type="checkbox"]:checked + span {
    opacity: 1;
}

.checkbox-btns label.checkbox::before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    height: 25px;
    width: 27px;
    border-radius: 2px;
    border: 2px solid #000;
}
#add-process-owner-modal .checkbox-btns label.checkbox::before{
    top: 0px;
}
.media-details-modal-full-container .checkbox-btns label.checkbox::before {
    border: 2px solid #6F9FD8;
}

.checkbox-btns label.checkbox span {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 100ms ease;
}

.checkbox-btns label.checkbox span::before {
    position: absolute;
    content: '';
    left: 11px;
    width: 3px;
    height: 11px;
    background-color: #000;
}

.checkbox-btns label.checkbox span::after {
    position: absolute;
    content: '';
    top: 8px;
    left: 7px;
    width: 4px;
    height: 3px;
    background-color: #000;
}

.media-details-popup-container {
    padding: 20px 30px 0px 30px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.modal-dialog-two-column {
    width: 25%!important;
    float: left;
}

.modal-dialog-two-column-md-2 {
    width: 73.3333%!important;
    float: right;
}

.media-details-popup-container .close-btn {
    position: absolute;
    right: 30px;
    top: -33px;
    background: none;
    border: none;
    font-size: 8rem;
    color: #fff;
    z-index: 9999;
}

.media-details-popup-body {
    position: relative;
    padding: 15px;
}

.media-details-popup-body {
    min-height: calc(850px - 62px);
    padding-bottom: 65px;
    overflow-y: scroll;
    background: #fff;
    background: url(../images/media-bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.9;
}

.modal-dialog-two-column {
    height: calc(850px - -25px);
    overflow-y: scroll;
}

.modal-dialog-two-column .modal-body {
    background: #adc9e0;
}

.modal-dialog-two-column .modal-header {
    background: #adc9e0;
    border-bottom: 1px solid #cbd9e4;
}

.media-details-popup-body h5 {
    font-size: 17px;
}

.media-details-popup-body h6 {
    font-size: 17px;
    float: right;
    margin-right: 26px;
}

.media-details-popup-body h3 {
    font-size: 17px;
    margin-top: 0px;
}

.media-details-popup-body h4 {
    font-size: 17px;
    float: right;
}

.media-detail-mdodal-head {
    width: 100%;
    border-bottom: solid 1px rgba(201, 218, 234, 0.4);
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.media-details-modal-full-container {
    width: 100%;
    display: inline-block;
}

.media-details-modal-md-4 {
    width: 20%;
    float: left;
}

.media-details-modal-header .media-details-modal-md-4 {
    width: 50%;
}

.media-details-modal-header .media-details-modal-md-8 {
    width: 50%;
}

.media-details-modal-header .media-details-modal-md-4 .media-user-name h3 {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #000;
}

.media-details-modal-header .media-details-modal-md-4 .media-user-name h4 {
    margin-top: 0px;
    color: #000;
}

.media-details-modal-md-8 {
    width: 80%;
    float: right;
    text-align: right;
}

.media-details-user img {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    float: left;
}

.media-user-name h4 {
    float: none;
    text-transform: capitalize;
}

.media-user-name h3 {
    margin-top: 20px;
    text-transform: capitalize;
}

.media-details-modal-md-4 p {
    padding: 20px 0px 0px 0px;
    font-size: 16px;
}

.media-details-modal-details {
    width: 70%;
    float: left;
    text-align: left;
}

.report-sheet-vote-utils {
    position: absolute;
    width: 60px;
    height: 200px;
    right: -60px;
    z-index: -1;
    top: 150px;
    cursor: pointer;
}

.report-sheet-vote-utils>div {
    width: 120px;
    height: 50px;
    background: #e6e6e6;
    position: relative;
    left: -60px;
    transition: left .4s;
    margin-bottom: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

.report-sheet-vote-utils>div:hover {
    left: 0;
}

.action-plan-md-div div {
    float: left;
    width: 15%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.idea-employee-container .presto-table-h,
.idea-employee-container .presto-table-h>div {
    height: 40px;
    display: flex;
    align-items: center;
}

.idea-employee-container .rsh-icon span img {
    width: 65px;
    height: 80px;
}

.action-plan-md-div div img {
    width: 30px;
    height: 30px;
}

.action-plan-md-div div:nth-child(even) {
    background: rgba(206, 206, 206, 0.3);
}

.action-plan-md-div div:nth-child(odd) {
    background: #eee;
}

.media-details-user {
    margin-top: 14px;
}

.media-details-modal-alldetails {
    padding: 10px 0px;
    overflow: hidden;
}

.media-details-modal-details div {
    width: 30%;
    float: left;
    background: #fff;
    border: solid 1px #6F9FD8;
    height: 34px;
    padding-left: 10px;
    margin-bottom: 8px;
    text-align: left;
    line-height: 35px;
    font-size: 16px;
    margin-right: 3%;
}

.media-details-modal-details div:last-child {
    width: 62%;
    padding: 0px;
    background: none;
}

.media-details-modal-details-md-3 {
    width: 30%;
    float: left;
    text-align: left;
}

.media-details-modal-details-md-3 h5 {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    padding-bottom: 17px;
}

.media-model-full-container {
    width: 100%;
    display: inline-block;
    padding: 0px 0px;
}

.media-details-modal-details-md-3 div {
    width: 25%;
    float: left;
    border: solid 1px #6F9FD8;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    margin-right: 3%;
}

.media-details-modal-details-md-3 .cycle-default-media-column {
    width: 55%;
}

.media-details-close-btn {
    background: none;
    border: none;
    float: right;
    font-size: 2rem;
}

.media-details-left-head h5 {
    font-weight: bold;
}

.media-details-right-head h5 {
    font-weight: bold;
}

.media-details-left-head {
    width: 30%;
    float: right;
    text-align: left;
    padding-bottom: 15px;
}

.media-details-head {
    width: 100%;
}

.media-details-right-head {
    width: 70%;
    float: left;
    text-align: left;
    padding-bottom: 15px;
}

.media-details-section {
    width: 100%;
    display: inline-block;
}

.media-details-modal-alldetails .form-control {
    border-radius: 0px;
    border: solid 1px #6F9FD8;
}

.no-border {
    border: none !important;
}

.user-change-modal {
    background: #fff;
    border: none;
    padding: 6px 15px;
    margin-left: 10px;
    position: relative;
    top: 10px;
    border-radius: 5px;
}

.media-model-bt-add-label {
    background: #000;
}

.media-details-modal-alldetails::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

.media-details-modal-alldetails::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

.media-details-modal-alldetails::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

.media-details-modal-alldetails:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}

.media-details-modal-alldetails:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

.addtemplate-modal-column {
    width: 100%;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 6px 12px;
}

#group-code-addtemplate-modal-add-field .form-control {
    border-radius: 0px;
    height: 40px;
}

#group-code-template-contact-link-modal>.modal-dialog,
#group-code-template-contact-link-modal>.modal-dialog {
    top: 50px;
    width: 70%;
    margin: 0 auto;
}

#group-code-template-contact-link-modal .checkbox {
    padding-bottom: 11px;
    font-weight: 100;
}

#group-modal-template .checkbox {
    border-bottom: solid 1px #f7f4f4;
    padding-bottom: 11px;
    font-weight: 100;
}

#media-details-popup {
    overflow-y: scroll!important;
}

.contact-link-modal-md-container {
    width: 100%;
    display: inline-block;
}

.contact-link-modal-md {
    width: 50%;
    float: left;
}

#media-get-link {
    float: left;
    margin-left: 10px;
    margin-top: 4px;
    background: #fff;
    border: none;
    font-size: 16px;
    border-radius: 4px;
    align-items: center;
    vertical-align: middle;
    display: flex;
}

.media-details-edit {
    float: left;
    margin-left: 10px;
    margin-top: 4px;
    background: #fff;
    border: none;
    font-size: 16px;
    border-radius: 4px;
    align-items: center;
    vertical-align: middle;
    display: flex;
}

.field-warning .form-control {
    margin-bottom: 8px;
}

.group-code-count-conatin .active {
    border: solid 3px #1379bf;
    background: #fff;
}

.group-code-count:hover {
    border: solid 3px #1379bf;
    background: #fff;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.select-ellipsisbar-md-4 {
    width: calc(17% - 0px)!important;
    float: left;
}

.kanban-name-container {
    float: left;
    width: calc(16% - 0px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.kanban-name-container-4 {
    float: left;
    width: calc(16% - 0px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-data-detail-column {
    width: 100%;
    display: inline-block;
    margin-bottom: 4px;
}

.media-data-detail-column h3 {
    margin: 5px;
    float: left;
    font-size: 22px;
}

.media-data-detail-container {
    padding: 5px;
}

.media-right-column {
    float: right;
}

#object-data-container .media-data-selection-div {
    margin: 0px 15px 0px 0px;
    border-radius: 0px;
    border: 1px solid #7ba1af;
    height: 32px;
}

.media-right-column #media-obj-save {
    width: 76px;
    border-radius: 0px;
}

.readiness-obj-status-column #readiness-obj-status {
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
    height: 32px;
    border: 1px solid #7ba1af;
    line-height: 20px;
}

.media-data-input {
    margin: 10px 0px 2px 0px;
    border-radius: 0px!important;
    border: 1px solid #7ba1af!important;
    height: 32px!important;
}

.media-right-column #readiness-obj-status-oc {
    width: 100px;
    margin-left: 10px;
    border: 1px solid #7ba1af;
    border-radius: 0px;
}

.media-data-detail-column-footer {
    width: 100%;
    display: inline-block;
    margin-top: 0px;
}

.media-data-detail-column-left {
    float: left;
    margin-top: 16px;
}

.media-cycle-icon-fa .topp-cycle.glyph-default {
    /*opacity: 0!important*/
}

.media-cycle-icon-fa .topp-cycle.glyph-default {
    color: #fff!important
}

.media-details-edit span {
    padding-left: 13px;
    font-size: 14px;
    position: relative;
    top: -3px;
}

.owner-images img {
    width: 37px;
    height: 37px;
    border-radius: 31px;
    float: right;
    position: relative;
    left: -7px;
    top: -3px;
}

.status-column-container .form-control {
    height: 32px!important;
    float: left;
    border-radius: 0px!important;
    border: 1px solid #7ba1af!important;
    width: 80%;
}

.media-right-datepicker span {
    height: auto;
    width: 160px;
    text-align: center;
    display: inherit;
    margin: 0px;
}

.status-column-container {
    float: left;
    margin-top: 4px;
    margin-right: 2%;
    width: 35%;
}

.status-column-container label {
    text-align: left;
    position: relative;
    background: none;
    width: 80%;
    display: block;
    font-weight: 100;
    margin-top: 2px;
}

#object-data-container {
    padding: 10px;
}

.media-right-datepicker #media-obj-due {
    width: 150px;
    border-radius: 0px;
    height: 32px;
    border: 1px solid #7ba1af;
}

.media-right-datepicker #media-obj-asof {
    width: 155px;
    height: 32px;
    border-radius: 0px;
    border: 1px solid #7ba1af;
}

.business-critical-column {
    float: left;
    margin-top: 1px;
    margin-right: 2%;
    width: 20%;
}

.business-critical-column span {
    display: block;
    width: 100%;
    height: auto;
    margin-left: 0px;
    text-align: center;
}

.business-critical-column .media-bc-cycle {
    width: 100%;
    margin-left: 0px;
    height: 32px;
    border-radius: 0px;
    border: 1px solid #7ba1af;
    display: inline-block;
    margin-left: 0px;
}

.readiness-obj-status-column {
    float: left;
    width: 41%;
}

.readiness-obj-status-column label {
    text-align: left;
    position: relative;
    display: block;
    margin-top: 6px;
    font-weight: 100;
}

.modal-header h6 {
    float: right;
    font-size: 24px;
    font-weight: bold;
}

.media-right-datepicker {
    float: right;
    width: 160px;
}

.modal-title-left {
    float: left;
    font-weight: bold;
    font-size: 24px;
}

.kanban-name-container .form-control {
    margin-bottom: 5px;
}

/* {
    width: 100%;
} */

.select-ellipsisbar-section {
    width: 100%;
    display: inline-block;
}

.select-ellipsisbar-section .or-id-warning-status {
    margin: 0px!important;
    width: auto;
}

.kanban-name-container .kpi-detail-field.kpi-inform {
    width: 120px;
    height: 34px;
    line-height: 30px;
}

.media-model-full-container ul {
    margin: 0px;
    padding: 0px;
    margin-top: 12px;
}

.media-model-full-container ul li {
    list-style: none;
    font-size: 16px;
    padding: 5px 15px;
    cursor: pointer;
    color: #000;
    margin-right: 15px;
    margin-bottom: 5px;
}

.media-model-full-container ul li span {
    padding-right: 8px;
}

.media-model-full-container ul li:hover {
    color: #1777c5;
}

.hide-list li {
    color: #333!important;
}

.hide-list li:hover {
    color: #ccc!important;
}

.footer-media-details-modal {
    width: 100%;
    display: inline-block;
}

#media-get-link span {
    padding: 3px 5px;
    line-height: 21px;
    margin-left: 4px;
    background: #fff;
    border: 1px solid #f0f0f0;
    font-size: 2rem;
    margin-top: 2px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    position: relative;
    top: -2px;
}

.media-details-edit span {
    padding: 3px 5px;
    line-height: 21px;
    margin-left: 4px;
    background: #fff;
    border: 1px solid #f0f0f0;
    font-size: 2rem;
    margin-top: 2px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    position: relative;
    top: -2px;
}

.strategy-tb .show-map-group-code-template:hover {
    border: solid 3px #1379bf;
    background: #fff;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: transform;
    transition-property: transform;
    cursor: pointer;
}

.strategy-tb .active {
    border: solid 3px #1379bf;
    background: none;
}

.media-sc-selector-div {
    height: 32px!important;
    border-radius: 0px!important;
    border: 1px solid #7ba1af!important;
}

.media-popupp-input {
    height: 32px!important;
    border-radius: 0px!important;
    border: 1px solid #7ba1af!important;
    margin-top: 6px;
}

#object-data-container>input {
    background-color: #f1f1f1;
}

.modal-footer-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    right: 0px;
    left: 0px;
}

.modal-footer-bottom .close-btn-footer {
    margin-right: 10px;
}

.modal-dialog-two-column-md-2 .modal-header {
    background: #adc9e0;
    padding: 15px 15px 2px 15px;
    border-bottom: 1px solid #cbd9e4;
    font-weight: bold;
    height: 70px;
}

.media-user-name {
    float: left;
    padding-left: 15px;
    padding-top: 30px;
}

.media-user-name h3 {
    font-weight: bold;
    font-size: 20px;
}

.media-user-name h4 {
    margin-bottom: 0px;
}

.modal-dialog-two-column-md-2 .modal-footer {
    background: #f9f9f9;
}

.media-details-modal-details label.checkbox::before {
    height: 35px;
    width: 35px;
    top: -9px;
    background: #fff;
}

.media-details-modal-details label.checkbox span::before {
    content: '';
    left: 12px;
    top: -7px;
}

.media-details-modal-details label.checkbox span::after {
    content: '';
    top: 3px;
    left: 6px;
    width: 9px;
}

.ellipsis-p {
    width: 100%;
    display: inline-block;
    font-size: 18px;
}

.audit-checklist-select-box-column {
    position: relative;
    margin-top: 30px;
}

.close-media-attachment-right {
    margin-bottom: 20px;
    font-size: 21px;
    height: 34px;
    width: 34px;
    line-height: 21px;
    padding: 5px 11px;
}

.media-attachment p {
    font-size: 15px;
}

.media-attachment .form-control {
    height: 35px;
    border-radius: 0px;
    margin-bottom: 10px;
}

.attachedfile-modal .fa {
    font-size: 20px;
    border: solid 1px #e4dfdf;
    padding: 10px;
    cursor: pointer;
}

.attached-formcontrol {
    width: 80%!important;
}

.media-details-modal-header {
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

.attached-formcontrol {
    width: 90%!important;
    float: right;
    margin-top: -17px!important;
    margin-bottom: 20px!important;
}

.attached-formcontrol input {
    width: 90%!important;
    float: left;
}

.attached-formcontrol span {
    width: 100%!important;
    display: inline-block;
}

.attached-formcontrol .close-media-attachment-icon {
    height: 38px;
    font-size: 20px;
    width: 38px;
    padding: 5px 12px;
}

.attachedfile-modal {
    float: left;
}

.kpis-c-body .row {
    height: auto;
}

.kpis-c-body .row>div {
    height: auto;
}

.user-icon-img img {
    width: 20px;
}

span.user-icon-img img {
    width: 20px;
    margin-top: -5px;
}

.report-sheet-body .md-report-no-border .presto-table-b>.row>div:last-child {
    border: none!important;
}

.report-sheet-body .md-report-no-border .presto-table-b>.row>div:first-child {
    border: none!important;
}

.icon-media img {
    width: 139px;
    height: 138px;
    opacity: .233333;
    margin-top: -9px;
}

.red-border-line {
    border: solid 1px #f00!important;
}


.attachedfile-modal-column {
    width: 100%;
    display: inline-block;
}

.rsh-icon-right-model {
    position: relative;
}
.rsh-icon-right-model .text-ellipsis{
    white-space: normal;
}



.owner-details-media {
    float: left;
    padding-left: 10px;
    margin-top: 10px;
}

.owner-details-media a {
    font-size: 16px;
    color: #000;
    cursor: pointer;
}

.owner-details-media a:hover {
    color: #3F69AA;
}

.owner-details-media h3 {
    font-size: 20px;
    margin-bottom: 5px;
}

.folder-icon img {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    margin-top: 6px;
}

.modal-dialog-two-column .modal-header h4 {
    font-weight: bold;
    font-size: 24px;
}

#media-report-sheets-container p {
    font-size: 18px;
}

#media-report .report-sheet-body .presto-table-b>.row>div:first-child {
    border-left: none;
}

#media-report .report-sheet-body .presto-table-b>.row>div:last-child {
    border-right: none;
}

.issue-reports-column-md .waste-report-table-b>.row>div {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.md-left-auto {
    justify-content: left!important;
}

.md-space-i {
    margin-right: 5px;
}

.issue-reports-column-md .report-sheet-body .presto-table-b>.row>div:first-child {
    border-left: 1px solid #f1efef!important;
}

.issue-reports-column-md .report-sheet-body .presto-table-b>.row>div:last-child {
    border-right: 1px solid #f1efef!important;
}

.issue-reports-column-md .presto-table-b>.row {
    border-bottom: 1px solid #f1efef;
}

.media-report-row-div-border .report-sheet-body .presto-table-b>.row>div {
    border-right: 1px solid #f1efef
}

.media-report-row-div-border .report-sheet-body .presto-table-b>.row>div:first-child {
    border-left: 1px solid #f1efef!important;
}

.media-report-row-div-border .report-sheet-body .presto-table-b>.row>div:last-child {
    border-right: 1px solid #f1efef!important;
}

.media-report-row-div-border .presto-table-b>.row {
    border-bottom: 1px solid #f1efef;
}

.media-report-row-div-border .report-sheet-body .presto-table-b>.row>div {
    border-right: 1px solid #f1efef
}

#header-users img {
    width: 32px;
    height: 32px;
    display: none;
}

#header-alerts img {
    width: 32px;
    height: 32px;
    margin-right: -6px;
    cursor: pointer;
}

 #header-helpdesk img { 
    width: 35px;cursor: pointer;
}

.dropdown-sectoin  img {
    margin-right: -28px;
    width: 33px;
    cursor: pointer;
}

.label-audit-div {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    min-height: 50px;
}

.audit-column-container .form-control {
    border-radius: 0px;
}

.auditor-images-icon img {
    width: 40px;
    float: right;
}

.issue-md-coliumn.issue-reports-column-md .waste-report-table-b>.row>div {
    min-height: 34px;
}

.audit-column-container .row {
    margin: 10px 0px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
}

.audit-column-container .row:last-child{border:none;} 

.info-audit-modal {
    background: none;
    border: solid 1px #d8d8d8;
    text-align: center;
    padding: 3px 8px;
    border-radius: 50px;
    text-align: center;
    /* display: flex; */
    width: 25px;
    background: #000;
    height: 25px;
    color: #fff;
}

#info-audit-modal .form-group {
    border-bottom: solid 1px #f9f9f9;
    padding: 0px 0px 5px 0px;
}

.info-audit-modal-checklist .form-group {
    margin: 0!important
}

.close-modal-icon img {
    background: #c9e2ec;
    width: 38px;
    border-radius: 50%;
    padding: 7px;
    cursor: pointer!important;
}

.info-audit-modal-checklist .form-group {
    float: left;
    width: 50%;
}

.dashbord-audit-form-checkbox h3 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
}

.dashbord-audit-form-checkbox h3:hover {
    cursor: pointer;
    color: #0061b5;
    transition: color 0.5s ease;
}

.checkbox-btns label.red-label-active::before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    height: 25px;
    width: 27px;
    border-radius: 2px;
    border: 2px solid #f00!important;
}

.checkbox-btns label.green-label-active::before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    height: 25px;
    width: 27px;
    border-radius: 2px;
    border: 2px solid #61BD4F!important;
}

.checkbox-btns label.green-label-active span::before {
    position: absolute;
    content: '';
    left: 11px;
    width: 3px;
    height: 11px;
    background-color: #61BD4F!important;
}

.checkbox-btns label.green-label-active span::after {
    background-color: #61BD4F!important;
    position: absolute;
    content: '';
    top: 8px;
    left: 7px;
    width: 4px;
    height: 3px;
}

.checkbox-btns label.red-label-active span::before {
    position: absolute;
    content: '';
    left: 11px;
    width: 3px;
    height: 11px;
    background-color: #f00!important;
}

.audit-checklist-name {
    position: relative;
    top: 14px;
    text-transform: capitalize;
}

.checkbox-btns label.red-label-active span::after {
    background-color: #f00!important;
    position: absolute;
    content: '';
    top: 8px;
    left: 7px;
    width: 4px;
    height: 3px;
}

.scale-link {
    cursor: pointer;
    color: #3eb5e2;
}

.scale-link.active {
    color: #f00;
}

.close-modal-icon {
    background: none;
    border: none;
    position: absolute;
    top: -20px;
    right: -25px;
    z-index: 2;
}

.myprofilemodalcontainer #contacts-details-label{
    opacity: 9!important;
    }

.myprofilemodalcontainer .save-add-contact > div {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 27px;
    margin: 6px auto;
    line-height: 2.3;
    background-color: #fff;
    border-radius: 2px;
    cursor: pointer;
}
#info-audit-modal .modal-body {
    width: 100%;
    display: inline-block;
}

.form-audt-user .info-audit-modal:hover {
    background: #2196F3;
    color: #fff;
    transition: background-color 0.5s ease;
}

.vdma-report-full-conatiner .first-vdma-column {
    height: 200px;
}

.info-audit-modal-left-column {
    float: left;
    position: relative;
}

#info-audit-modal .modal-title {
    float: left;
}

.tab-menu-contact-container .row {
    padding: 10px 0px!important;
}

.adm-teams-container .row {
    padding: 0px 0px!important;
}

.tab-menu-contact-container .presto-table-b .row {
    padding: 0!important;
}

.header-alerts-img img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.comment-icon img {
    height: 26px;
}

.info-audit-modal-container,
.master-initiative-modal-container,
.audit-observations-modal

 {
    width: 70%;
    margin: 0 auto;
    background: #f3f3f3 url(/images/pattern.png);
    margin-top: 50px;
    padding: 30px;
    height: 100%;
    display: table;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.audit-observations-modal
 {
    width: 60%;
    margin: 0 auto;
    background: #f3f3f3 url(/images/pattern.png);
    margin-top: 50px;
    padding: 30px;
    height: 100%;
    display: table;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.observations-conatiner{width:100%;display: inline-block;}

#audit-idea-modal .master-initiative-modal-container
 {
    width: 60%!important;
}

.audit-observations-modal .ideapanel-header h1{
    margin-bottom: 0px;
    font-size: 28px;
    font-weight: 700;
    margin-top: 5px;
}
.audit-observations-modal h2{
        margin:5px 0px;
    font-size: 18px;
}
.idea-col-md-6 label.btn span{
    padding-left: 10px;
}
.unlinked-initiatives-container .modal-dialog{
    width:100%;
}
.unlinked-head{
    border-bottom: solid 1px #eeee;
    padding-bottom: 15px;
    width: 100%;
    display: inline-block;
}
.unlinked-head  .nav-tabs>li>a {
    border-color: #eee #eee #ddd;
    color: #333;
}


.initiatives-row{margin-top: 20px;}
.initiatives-row-left>.row>div{
background-color: #3F69AA;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    color: #fff;
    margin-bottom: 5px;
    border: solid 5px #fff;
}
.initiatives-row .row, .audit-idea-infomodal-section .row{
    margin: 0px;
    display: inline-block;
    background-color: white;
    width: 100%;

}
.initiatives-row-right .charter-data>.row>div:last-child{
     justify-content: left;
     padding-left: 15px;
}
.audit-idea-infomodal-section .charter-data>.row>div{
       background: #f3f3f3;

}
.mid-aroow img{width: 32px!important; margin-top: -10px;}

.audit-idea-infomodal-section .charter-data>.row>div:first-child{background: #fff;}
.initiatives-row-right .charter-data>.row>div,
.audit-idea-infomodal-section .charter-data>.row>div{
    height: 60px;
    margin-right: 5px;
    border: solid 3px #eee;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 18px;
    justify-content: center;
    line-height: 18px;
    text-align: center;
}
.initiatives-row-right .charter-data>.row>div>div, .audit-idea-infomodal-section .charter-data>.row>div>div{
    display: flex;
    align-items: center; height:44px;
    font-size: 18px;
    width: 100%;justify-content: center;
        background: #fff;
    color: #000!important;

}
.audit-idea-infomodal-row>div{    padding: 0px 30px 0px 5px;}
.vdma-report-all-md .cat-header{
margin: 5px 0px!important;
}





.initiatives-row-right .charter-data>.row.active>div>div
,.initiatives-row-right .charter-data>.row.active>div:last-child,
.audit-idea-infomodal-section .charter-data>.row.active>div>div
,.audit-idea-infomodal-section .charter-data>.row.active>div:last-child 
 {
    border: solid 3px #5cb85c;height: 60px;
}

.initiatives-row-right .charter-data{
    padding:0px 0px 0px 20px;


}
.initiatives-row-left>.active>div{
    border: solid 5px #f00;
}
.initiatives-row-left{overflow: scroll;
height: 560px;
}
.unlinked-head .nav-tabs>li.active>a,
.unlinked-head .nav-tabs>li.active>a:hover,
.unlinked-head .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #337ab7;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}


.unlinked-head .nav-tabs{border:none;margin-top: 10px;}
.unlinked-head ul li{width:25%;

}
.unlinked-head ul li:first-child{width: 30%;}
.unlinked-head ul li:last-child{width: 20%;}

.unlinked-head ul li a{font-size: 18px;}
.unlinked-head ul li a span{
    font-size: 28px;
    margin-right: 8px;
        position: relative;
    top: 3px;

}
.fa-circle-red {
    color: #ff0000;
}

.fa-circle-green {
    color: #5cb85c;
}

.unlinked-initiatives-container h1{
    font-size: 25px;
    font-weight: 700;
    margin: 10px 0px;
    display: flex;    align-items: center;
}
.unlinked-initiatives-container h1 span{
    font-size: 50px;margin-right: 10px;
}
.upload-observation{
    margin-top: 8px;
    margin-right: 10px;
    border: solid 1px #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
    height: 207px;
    overflow: hidden;
    cursor: pointer;
}
.upload-observation img{width:55%;cursor: pointer;}
.upload-observation .delete-btn{
font-size: 30px;
font-size: 24px;
position: absolute;
top: 0px;opacity: 0;
right: 10px;
color: #f00;cursor: pointer;

}
.upload-observation:hover>.delete-btn{
opacity: 1;
}
.audit-observations-modal h2 span{
    font-weight: bold;
    padding-right: 10px;

}
.info-audit-modal-checklist {
    padding: 20px 0px 50px 0px;
    overflow: hidden;
}

#opex-records-panel .presto-table-b .row>div:last-child {
    border-right: none;
}

.info-audit-modal-container .modal-footer {
    position: absolute;
    right: 37px;
    top: 0px;
    left: 0px;
    border: none;
}

#info-audit-modal .modal-dialog,
#audit-master-initiative-modal .modal-dialog,
#audit-idea-modal .modal-dialog,
#audit-observations-modal .modal-dialog
 {
    width: 100%;
}

.info-audit-modal-right-column {
    float: right;
    width: 48%;
    margin-left: 2%;
    margin-top: 20px;
}

.info-audit-modal-left-column {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-top: 20px;
}

.info-audit-modal-right-column p {
    font-size: 16px;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

.target-form-list h1 {
    color: #0a0a0a;
    font-weight: bold;
    font-size: 27px;
    line-height: 41px;
    padding: 0px 0px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

.target-activity-container .presto-table-b {
    width: calc(100% + 1px);
}

.target-activity-container .target-activity .presto-table-b>.row>div {
    border-right: 1px solid #f3f3f3;
    height: 50px;
}

.target-activity-container .nc-index {
    color: #3eb5e2!important;
    font-weight: 900;
}

.target-details {
    position: relative;
    margin-top: 20px;
}

.target-form-list h2 {
    margin: 0px;
    font-size: 18px;
    padding: 5px 0px;
}

.target-form-list h2 span {
    display: none;
}

.audit-checklist-user .user-name {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    margin-top: 15px;
    text-align: right
}

.vdma-full-container-section {
    width: 100%;
    /*display: inline-block;*/
}

.vdma-full-container-section .vdma-left-md {
    width: 65%;
}

.vdma-full-container-section .vdma-right-md-column-12 {
    width: 35%;
}

.vdma-full-container-section .vdma-secton-column-left {
    width: 84%;
}

.info-audit-modal-checklist .form-group {
    margin: 10px 0px;
}

.info-audit-modal-checklist label {
    font-size: 16px;
}

.target-activity h3 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 0px;
}

.target-activity .presto-table-b .row>div>input {
    padding-left: 42px;
}

.target-activity .presto-table-b .row>div>textarea {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0px;
    text-align: center;
    resize: none;
    box-shadow: none;
}

.auto-height {
    min-height: 50px;
}

.audit-md-label-right {
    float: right;
}

.audit-md-label-right h4 {
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    text-transform: uppercase;
    color: #f00;
    position: absolute;
    right: 0px;
    bottom: -22px;
}

.audit-md-label-right button {
    float: right;
    width: 34px;
    height: 35px;
    background: #f00;
    margin-top: 4px;
    border: none;
    color: #fff;
    font-size: 24px;
    padding: 0px;
    position: relative;
    right: 0px;
}

.target-activity .presto-table-b>.row>div {
    border-right: 1px solid #f3f3f3;
    height: 67px;
}

.target-activity .presto-table-b>.row {
    border-bottom: 1px solid #f3f3f3;
}

.info-target-icon span {
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background: #cacaca;
    line-height: 25px;
}

.info-target-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.target-user-icon img {
    width: 70px;
    display: block;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    margin: 0 auto;
}

.target-user-icon {
    cursor: pointer;
    float: right;
}

.count-check-box {
    width: 100%;
    min-height: auto;
    border: solid 2px #ccc;
    padding: 10px 20px;
    margin-top: 10px;
    overflow: hidden;
    display: inline-block;
}

.count-check-box label.checkbox {
    margin: 0 auto;
    width: 40px;
    padding: 15px 0px;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.count-check-box label.checkbox::before {
    height: 31px;
    width: 40px;
}

.count-check-box label.checkbox::before {
    top: -3px;
}

.count-check-box b {
    display: block;
    padding: 10px 0px;
}

.count-check-box ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    float: none;
    height: 60px;
}

.count-li {
    -webkit-transform: inherit!important;
    transform: inherit!important;
    opacity: 10!important;
    font-size: 20px;
    left: 0px!important;
    top: -20px!important;
    bottom: 0px;
    left: 0px;
    text-align: center;
    margin: 0 auto;
}

.count-check-box ul li {
    position: relative;
    float: left;
    list-style: none;
    margin-right: 2%;
    text-align: center;
}

.form-audt-user .info-audit-modal {
    width: 50px;
    height: 50px;
    margin-top: 15px;
    background: #d8d8d8;
    font-size: 24px;
}

.form-audt-user {
    padding: 20px 0px;
    border: solid 1px #eaeaea;
    text-align: center;
}

.form-audt-user h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}

.count-check-box .checkbox-inline {
    display: block;
}

.full-column {
    width: 100%;
}

.count-check-box label.checkbox span {
    position: absolute;
    top: 3px;
    left: 14px;
    width: 12px;
    height: 5px;
}

.count-check-box .label-span {
    position: relative;
    text-align: center;
    overflow-wrap: break-word;
    display: block;
    width: 100%;
    min-height: 30px;
}

.count-check-box .label-span a {
    color: #000;
}

#non-conformity-panel #nc-panel-table-h {
    background-color: #ddefffd1;
}

#non-conformity-panel #nc-panel-footer {
    border-top: solid 1px #eee;
    margin-top: 10px;
    padding-top: 20px;
}

.target-details textarea.form-control {
    resize: none;
    border: none;
    border-bottom: solid 1px #f3f3f3;
    border-radius: 0px;
    box-shadow: none;
}

.audit-checklist-form-head {
    border-bottom: solid 1px #eee;
    overflow: hidden;
    padding-bottom: 10px;
}

.count-check-box .label-span a:hover {
    color: #0061b5;
    transition: color 0.5s ease;
}

.form-control-print {
    border-bottom: solid 1px #ccc!important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.form-control-view {
    width: 100%!important
}

.dashbord-audit-form-checkbox .form-group {
    float: left;
    width: 50%;
    margin-bottom: 0px;
}

.methodology-right-section {
    position: relative;
}

.methodology-modal-template {
    position: relative;
    right: 10px;
    margin-top: 5px;
    background: #0061b5;
    width: 25px;
    height: 25px;
    color: #fff;
    border-radius: 50px;
    border: none;
    float: right;
}

.wd-md-80 {
    width: 90%!important;
    float: left;
}

.dashbord-audit-form-checkbox {
    padding-top: 15px;
}

.overall-tottal .info-close-icon {
    font-size: 34px;
    float: right;
    cursor: pointer;
    background: #fffdfd;
    /* padding: 5px; */
    height: 42px;
    position: relative;
    top: 10px;
    width: 50px;
    text-align: center;
    line-height: 31px;
}

.info-close-icon-one {
    float: right;
    font-size: 27px;
    position: relative;
    top: -20px;
    background: #c9e2ec;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 100%;
    line-height: 30px;
    right: -37px;
    color: #000;
    cursor: pointer;
}

.info-target-container-second h3 {
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0px;
    text-align: left;
}

.info-target-container {
    display: none;
    background: #fff;
    margin-top: 38px;
    width: 100%;
    padding: 0px 20px;
    position: absolute;
    border: solid 1px #bfb9b9;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.info-close-icon {
    float: right;
    font-size: 27px;
    position: relative;
    top: -20px;
    background: #c9e2ec;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 100%;
    line-height: 30px;
    right: -37px;
    color: #000;
    cursor: pointer;
}

.target-container-column {
    position: relative;
    display: inline-block;
    width: 100%;
}

.target-activity-container {
    position: absolute;
}

.info-target-container h3 {
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0px;
    text-align: left;
}

.margin-space {
    margin-right: 10%;
}

.info-target-container h4 {
    text-align: center;
    font-weight: bold;
}

.info-target-container h5 {
    text-align: center;
}

.main-target-section {
    position: relative;
    width: 100%;
    display: inline-block;
    padding-top: 30px;
}

.target-chart-section {
    padding: 21px 10px 10px 10px;
    background: #fff;
    margin-bottom: 32px;
    border: solid 1px #ececec;
}

.audit-report-checklist-container {
    padding: 0px 50px
}

.processes-icon {
    width: 35px;
    padding-right: 8px;
}

.target-form-list {
    height: 100%;
}

.audit-report-sheet-head {
    background: url(/images/cover-sheet-top.png) no-repeat!important;
    height: 370px;
    margin-left: -50px;
    margin-right: -50px;
    margin-top: -60px;
}

.audit-report-company-logo {
    float: right;
    padding-right: 50px;
}

.audit-observations-modal .modal-footer{

        padding: 10px 0px 0px 0px;
}

.audit-observations-modal .ideapanel-header h4{
float: right;
display: inline-block;
font-size: 21px;
padding: 18px 6px;
font-weight: bold;
}

.audit-observations-modal .user-upload-audit-img{
background: none;
    display: block;
    float: right;
    padding: 0px;

}



.repot-user-img img {
    width: 65px;
    height: 65px;
    display: block;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    margin: 0 auto;
    float: right;
}

.repot-user-img {
    float: right;
    width: 30%;
    position: relative;
    top: 10px;
}

.repot-user-img span {
    display: inline-block;
    text-align: right;
    font-size: 16px;
    padding: 0px 0px 10px 0px;
    width: 100%;
}
.kpi-attached-row h3{
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
        padding-top: 10px;
    float: left;
}
.kpi-attached-row ul{padding: 0px; margin: 0px;
    width: 100%;
    overflow: hidden;
    display: inline-block;}
.kpi-attached-row ul li{
     list-style: none;
    min-height: 52px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    border-bottom: solid 1px #eee;
    display: flex;
    line-height: 22px;
    cursor: pointer;
    padding-bottom: 10px;
        position: relative;
}
.kpi-attached-row ul li:hover>i{
     color: #f00;
     font-size: 20px;
    opacity: 9
}
.att-icon{
    margin-right: 25px;
    font-size: 16px;
    font-weight: bold;


}

.kpi-attached-row ul li i{
opacity: 0;
    position: absolute;
    right: 0px;
    margin-top: 10px;

}

.kpi-attached-row ul li img{
        width: 32px;
    margin-right: 10px;
}


#kpi-attache-file .form-control{height: 40px;}


#kpi-attache-file{
    z-index: 9999;
     background: rgba(0, 0, 0, 0.61);
}
#kpi-attache-file .btn-success{
    width: 70px;
    height: 35px;
    font-size: 18px;
    border-radius: 0px;
    padding: 0px;
}
.label-sp {
    float: left;
    font-size: 18px;
    margin-left: 32px;
    font-weight: 700;
    padding-top: 1px;
}
.nav-target-audit-checklist img {
    width: 30px;
    position: relative;
    top: -8px;
}
/*#notes-popup .modal-content{
background: none;
box-shadow: none;
border:none;

}*/
/*.inputs-container-start .owner-box{
   float: left;
    margin-right: 10px;
}*/
#kpi-attache-file input[type="file"] {
    display: block;
    position: absolute;
        bottom: 25px;
    height: 38px;
    left: 1px;
    width: 100%;
    background: #fff;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}

#notes-popup .modal-body{
    margin-top: 35px;
    overflow: hidden;
}

.inputs-container-second,
.inputs-container-end,
.inputs-container-start{
    min-height: 750px;
}
.inputs-container-end h3{

font-size: 20px;
    margin: 0px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 13px;

}
#notes-popup .close-modal-icon{
      right: 46px;
    top: -3px;
}
.inputs-container-second{
    width:30%;float: left;
   background: #fff;margin-right: 1%;
   padding: 0px 20px;


}
.inputs-container-start .owner-box>input{float: left;
margin-right: 10px;width: 35%;
}
.inputs-container-start .owner-box>img {

    float: left!important;
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%!important;

}


/*.notes-popup-body-container{background: none;overflow: hidden;padding: 0px;}*/
.inputs-modal-body{padding: 0px 20px;}
.inputs-container-start{
    width: 35%; margin-right: 1%;
    float: left;
    background: #fff;
    margin-right: 1%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
}
#inputs-container{float: left; margin-right: 1%;}
.inputs-container-end{
    float: left;
    width:30%;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);


}
.audit-report-tab-menu .nav-tabs>li{
    width: 15%;

}

#kpi-attache-file .modal-body{
    overflow: hidden;
}
.nav-target-audit-checklist span{
        margin-bottom: -10px!important;
}

.kpi-attached-row h4{
    margin: 0px;
    cursor: pointer;
    font-size: 40px;
    font-weight: bold;
    float: right;
    color: #2196F3;
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #babfc3;
    border-radius: 50%;
}


.kpi-attached-row{
        background: #f9f9f9;
    padding: 10px;
    width: 100%;
    display: inline-block;
}

.checklist-count {
    padding-top: 8px;
    font-size: 20px;
    color: #3eb5e2;
    font-weight: 900;
}

.audit-report-column h2 {
    font-size: 20px;
    margin-top: 10px;
}

.event-type-column {
    padding-bottom: 10px!important;
}

.processes-column {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px!important;
}

.processes-column li span {
    font-weight: bold;
    width: 77.33333333%!important;
}

.audit-report-footer {
    width: 100%;
    position: relative;
}

.audit-report-coverpage {
    width: 100%;
    display: inline-block;
}

.audit-report-company-logo img {
    width: 120px!important;
    margin-top: 75px;
    height: 100px!important;
    text-align: right!important;
}

.audit-report-sheet-head h1 {
    font-size: 26px!important;
    text-align: left;
    font-weight: bold;
    color: #171616;
    float: left;
    padding-top: 220px;
    font-family: serif;
    text-align: center;
    margin-left: 100px;
}



.audit-report-sheet h2 {
    font-size: 24px;
    font-weight: 500;
}
.audit-report-container ul {
    padding-top: 0px;
    padding-left: 0px;
    margin: 0px;
}
.audit-report-container ul li {
    font-weight: bold;
    font-size: 15px;
    list-style: none;
    padding: 2px 0px 10px 0px;
}
.audit-report-container ul li span {
       float: right;
    width: 55%;
    font-weight: 400;
    position: relative;
    top: 5px;
}
.audit-report-sheet-textarea {}
.audit-report-sheet {
    height: 100%;
    padding: 0px 50px;
    background: #fbfbfbf7 url(/images/bg.png);
}
.fix-th-head th {
    text-align: left;
    border-right: solid 1px #fff;
}
.fix-th-head th div {
    padding: 0px 5px;
}
.pr-md-3 {
    width: 73px!important;
    white-space: inherit!important;
}
.pr-md-2 {
    width: 70px!important;
    white-space: inherit!important;
}
.pr-md-4 {
    width: 268px!important;
    white-space: inherit!important;
}
.pr-md-5 {
    width: 200px!important;
    white-space: inherit!important;
}
.pr-md-6 {
    width: 129px!important;
    white-space: inherit!important;
}
#audit-switch h1 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #47829f;
    font-weight: 600;position: fixed;
}
#org-chart-container img {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 55px;
    height: 55px;
    max-height: inherit!important;
    border: solid 3px #3eb5e2;
    border-radius: 100px;
    margin: 0 auto;
    cursor: pointer;
    padding: 0px;
}
#org-chart-container .org-chart-count-row img {
    border: none;
    border-radius: 0px;
    width: 50px;
    height: 50px;
}
.google-visualization-orgchart-table .org-chart-md-row div {
    width: auto!important;
    right: 25px;
    position: absolute;
    top: 20px;
}
.org-chart-md-row div span {
    position: relative;
    top: -23px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.org-chart-profile-pic {
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    right: -69px;
    margin-top: -28px!important;
}
.google-visualization-orgchart-node h3 {
    font-size: 14px;
    font-weight: bold;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.fix-th-head th {
    height: 25px
}
.tablesorter-blue .tablesorter-header {
    padding: 0px!important;
}
.audit-report-sheet h5 {
    padding-top: 16px;
    font-size: 20px;
    display: inline-block;
    position: relative;
    top: -15px;
    font-weight: bold;
}
.audit-check-list-container {
    padding: 30px;
}
.footer-end-md {
    position: relative;
    display: inline-block;
    width: 100%;
}
.vdma-footer-audit img {
    width: 80px;
    margin-top: -50px;

}
.vdma-footer-audit {
float: right;
position: relative;
width: auto;
    margin-bottom: 40px;
}
#page-two .report-sheet {
    padding: 0px;
}
.close-report-company-logo {
    float: right;
}
.close-report-company-logo img {
    width: 120px;
    margin-top: 65px;
    height: 100px;
}
.target-container-column .presto-table-b .row>div>input {
    font-size: 14px;
}
#page-two .report-sheet {
    background: #fff url(/images/bg.png);
    width: 100%;
    padding: 10px 20px 50px 20px;
}
#audit-checklist-report .report-sheet-body {
    height: calc(100% - 100px);
}
.form-section-4 .form-control:last-child {
    border-bottom: none!important;
}
#page-two .report-sheet-pagecount {
    right: 7px;
    z-index: 9;
    color: #232121;
    bottom: 7px;
    font-weight: 800;
}
#page-two .report-table:not(:last-child) {
    margin-bottom: 10px;
}
#page-two .report-sheet-header {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.chat-form .form-control {
    background: none;
    border-radius: 0px;
}
.chat-form {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding-top: 20px;
    border-top: solid 1px #eee;
}
.th-body-pr {
    position: relative;
}
.fix-th-head-row {}
#issue-table-container {
    margin-top: 40px;
}
#page-two .report-sheets-container {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin-x: none;
    -webkit-transform-origin-y: none;
    transition: -webkit-transform none;
    float: none;
    height: 100%;
    width: 100%;
}
#page-five .landscape {
    width: 100%;
    height: 100%;
}
.overall-tottal {
    width: 50%;
    display: inline-block;
}
.info-counter-icon {
    background: none;
    text-align: center;
    padding: 3px 8px;
    border-radius: 50px;
    text-align: center;
    width: 25px;
    cursor: pointer;
    margin-top: 4px;
    float: right;
    background: #2188f3;
    height: 25px;
    color: #fff;
}
#info-scale-modal .modal-body {
    position: relative;
    padding: 15px;
    overflow: hidden;
}
.count-score {
    width: 100px;
    text-align: center;
    border-radius: 0px;
    float: left;
    margin-right: 10px;
    margin-top: 9px;
}
.audit-report-container ul {
    padding: 0px;
    margin: 0px;
}
.audit-report-container ul li {
    list-style: none;
    font-size: 16px;
    width: 100%;
    display: inline-block;
}
.overall-tottal li {
    font-size: 18px!important;
    color: #0061b5;
    padding-top: 15px!important;
}
.main-media-info-modal-container {
    width: 100%;
    display: inline-block;
    padding: 20px 0px;
}
#main-media-info-modal .modal-dialog {
    width: 760px;
}
.media-user-img {
    text-align: center;
    padding-bottom: 20px;
}
#main-media-info-modal p {
    font-size: 16px;
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
.conformance-column p {
    margin: 0px!important;
    text-align: left!important;
    font-weight: bold;
    font-size: 18px!important;
    width: 35%!important;
    float: left;
    position: relative;
    top: 6px;
}
.non-conformance {
    float: left;
    width: 60%;
}
.conformance-column {
    width: 100%;
    display: inline-block;
    padding: 10px 0px 20px 0px;
    /* border-bottom: solid 1px #eee; */
    
    margin-bottom: 9px;
}
.right-column-end {
    border: solid 1px #00489a;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: 190px;
    background: #fff;
    overflow: hidden;
}
.vdma-report-full-conatiner .discription-column div {
    height: 120px;
}
.vdma-report-full-conatiner .report-sheet-header {
    margin-bottom: 0px!important
}
.right-column-end ul {
    padding: 0px;
    margin: 0px;
}
.right-column-end ul li {
    font-size: 16px;
    list-style: none;
    padding: 5px 0px;
    display: flex;
}
.right-column-end ul li span img {
    width: 50px;
    display: block;
}
.right-md-2 h2 {
    position: relative;
    top: 35px;
}
.vdma-report-full-conatiner {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.right-column-end ul li span {
    padding-right: 10px;
}
.vdma-right-md-column-12 {
    width: 33%;
    float: right;
}
.right-column-end ul {
    padding: 0px;
    margin: 0px;
}
.media-user-img img {
    width: 108px;
    border: solid 1px #d4cbcb;
    padding: 10px;
    box-shadow: 0 8px 6px -6px #b1acac;
    -webkit-box-shadow: 0 8px 6px -6px #b1acac;
    -moz-box-shadow: 0 8px 6px -6px #b1acac;
    margin-bottom: 20px;
}
.media-md-column {
    margin-right: 2%;
}
.main-media-info {
    background: none;
    border: solid 1px #d8d8d8;
    text-align: center;
    padding: 3px 8px;
    text-align: center;
    cursor: pointer;
    float: right;
    background: #000;
    width: 34px;
    height: 38px;
    color: #fff;
    font-size: 21px;
    margin-right: 20px;
    margin-top: 2px;
    border: none;
    border-radius: 4px;
}

#info-scale-modal .grading-color-picker>div {
    margin: 0;
    border: 1px solid #ccc!important;
}
#info-scale-modal .grading-color-picker {
    padding: 0px 0px;
}
.grading-color-picker label {
    position: relative;
    top: -19px;
    padding-left: 41px;
    float: left;
}
.count-column {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    min-height: 60px;
    margin-bottom: 20px;
    border-bottom: solid 1px #f5f5f5;
    padding: 0px 0px 5px 0px;
    overflow: hidden;
}
.count-textarea {
    margin-bottom: 20px;
}
.count-label {
    padding-top: 10px;
}
.count-column img {
    width: 46px;
    margin-right: 20px;
    margin-bottom: 10px;
    height: auto;
}
.count-column input[type="file"] {
    display: none;
}
.browse-input {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.side-audit-menu .nav-tabs {
    border: none;
}

/*.side-audit-menu {
position: absolute!important;
left: -80px;
background: #fff;
height: 69px;
top: 205px;
width: 74px;
border-right: solid 1px #32416e;
}
*/
.side-audit-menu {
    height: 62px;
    width: 100px;
    float: right!important;
}
.side-audit-menu a {
    height: 62px!important;
}
.side-audit-menu a {
    padding: 10px 11px!important;
}
.side-audit-menu img {
    position: relative;
    top: -3px;
    left: 4px;
    width: 41px;
}
.active {
    opacity: 10!important;
}
.print-audit-report {
    height: 62px;
    width: 74px;
    font-size: 16px;
    padding: 5px 15px;
    margin-left: 0!important;
    background: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 14px;
}
.audit-report-sheet-head h2 {
    text-align: left;
    display: inline-block;
    width: 100%;
    padding-left: 101px;
    margin: 0px;
    font-size: 18px;
}
.close-sheet-container .md-space {
    margin-right: 20px;
}
.close-sheet-footer {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 50px;
}
.close-sheet-head h1 {
    font-size: 25px!important;
    font-weight: bold;
}
.close-sheet-head h2 {
    text-align: right;
    margin-top: 0px;
    padding-bottom: 40px;
}
.close-sheet-footer h5 {
    border-top: solid 1px #ccc;
    width: 150px;
    padding-top: 10px;
}
.close-sheet-cycle {
    border: solid 1px #ccc;
    height: 34px;
    width: 40%;
    text-align: center;
    line-height: 29px;
}
.close-report-form {
    width: 40%;
}
.form-twoclose-report {
    width: 80%;
}
.audit-setup-column {
    padding-top: 20px;
    display: inline-block;
    width: 100%;
}
.avg-score-left {
    position: relative;
    margin-top: 20px;
}
.avg-score-left label {
    float: left;
    width: 30%;
    position: relative;
    top: 30px;
}
.avg-score-left input {
    float: right;
    display: inline-block;
    width: 70%;
    margin-bottom: 27px;
    height: 70px;
}

/*.side-audit-menu a {
font-size: 17px!important;
border-top-left-radius: 0px!important;
border-top-right-radius: 0px!important;
background: none!important;
margin-right: 0px!important;
color: #000!important;
width: 73px!important;
}*/
.side-audit-menu a {
    width: 90px!important;
}
#page-five .presto-table-h {
    background: #d9dee0;
}
.audit-setup-container label {
    color: #333!important;
}
.main-media-info-modal-container .btn-group label {
    text-align: center!important;
    width: 100%;
}
.main-media-info-modal-container .btn-group {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
}
.vdma-choice-column {
    width: 100%;
    float: left;
    display: inline-block;
}
.vdma-choice-container {
    width: 100%;
    padding: 20px 0px 0px 0px;
}
.vdma-secton-column-left {
    float: left;
    width: 49%;
}
.vdma-secton-column-left ul li img {
    width: 42px;
}
.vdma-secton-column-left ul li {
    list-style: none;
    text-align: center;
    margin-right: 1%;
    overflow: hidden;
    border: solid 1px #000;
    height: 90px;
    background: rgba(241,
    241,
    241,
    0.8);
    border: solid 3px #f3f0f0;
    border-radius: 4px;
    padding: 10px;
    float: left;
    height: 65px;
}
.vdma-secton-column-left ul {
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin-bottom: 0px;
    display: inline-block;
    overflow: hidden;
}
.vdma-secton-column-right {
    width: 35%;
    float: right;
}
.vdma-choice-container-head {
    display: inline-block;
    width: 100%;
}
.vdma-secton-column-left .red {
    border: solid 3px #f00;
}
.vdma-secton-column-left .green {
    border: solid 3px #26a22b;
}
.vdma-choice-container-head .vdma-secton-column-left {
    padding: 0px;
}
.vdma-choice-container-head h1 {
    font-size: 22px;
    text-align: left;
    width: auto;
    height: 53px;
    color: #00489a;
    margin-left: 0%;
    padding-left: 10px;
    float: left;
    margin-bottom: 0px;
    margin-top: 9px;
}
.full-width .form-control {
    font-size: 22px;
}
.vdma-option-two-container .text-left-h-border {
    border-left: 1px solid #c1c1c1;
}
.vdma-choice-container-head h1 span {
    display: block;
    font-size: 18px;
    color: #333;
    padding-top: 3px;
}
.vdma-choice-user {
    width: 53%;
    float: left;
    padding:0px 10px;
}
.vdma-choice-user-scrore{
    width: 12%;
    float: left;
    margin-top: 20px;

}
.vdma-choice-user-scrore>div {
margin-right: 10px;
    float: left;
    font-size: 17px;
    text-align: center;
    font-weight: 800;
}
.vdma-choice-user-scrore>div>span {
    width: 70px;
    display: block;
    height: 32px;
    color: #fff;
    text-align: center;
    background: #ff0707;
    font-size: 21px;
    font-weight: bold;
    padding-top: 2px;
}
.vdma-choice-user-scrore>div>span:last-child {
    background: #0e7d30;
}

.vdma-choice-user img {
    float: left;
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
}
.vdma-secton-column-right ul {
    padding: 0px;
}
.vdma-secton-column-right ul li {
    text-align: center;
    color: #fff;
    list-style: none;
    width: 33.33333%;
    float: left;
    background: #00489a;
    padding: 10px 0px;
    border-right: solid 5px #fff;
    font-size: 20px;
}
.vdma-secton-column-right ul li:last-child {
    border: none;
}
.vdma-secton-column-right h2 {
    text-align: center;
    background: #00489a;
    color: #fff;
    margin-top: 4px;
    padding: 10px 0px;
    font-size: 25px;
}
/*#vdma-report .report-sheet.landscape {
    height: 1055px;
}*/
#vdma-report2 .report-table .cat-header{
    height: auto;
}

#vdma-report .report-table .cat-header{
    height: auto;
}


.md-span-first {}
.discription-column {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.discription-column div {
    height: 116px;
    background: #e0e8f1;
    border: solid 3px #f3f0f0;
    padding: 5px;
    margin-right: 1%;
}
.first-vdma-column {
    width: 10%;
    float: left;
    width: 15%;
    height: 188px!important;
    float: left;
    margin-right: 1%;
    border: solid 3px #f3f0f0;
    padding: 10px;
    background: rgba(241,
    241,
    241,
    0.8);
    color: #191717;
    display: flex;
    align-items: center;
    justify-content: center;
}
.audit-checked-column {
    text-align: center;
    position: relative;
    top: 7px;
}
.audit-checked-column .checked-icon {
    width:26px;
}
.audit-report-container ul li span label {
    text-align: center;
    width: auto;
    display: block;
    margin-top: -20px;
    background: none;
    color: #000;
}
.discription-column p {
    font-size: 14px;
    padding-bottom: 5px;
    text-align: center;
}
.first-vdma-column h3 {
    line-height:26px;
    text-align: center;
    font-size: 15px;
    color: #00489a;
    overflow-wrap: break-word;
}
.audit-setup-column .presto-table-b {
    width: calc(100% + 1px);
}
.user-option-two img {
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    float: right;
}
.first-vdma-column {}
.count-column .input-group-addon {
    margin: 0;
}
.option-two-h2 h2 {
    text-align: left;
    background: #00489a;
    color: #fff;
    margin-top: 4px;
    padding: 10px 20px;
    font-size: 25px;
}
.vdma-left-md {
    width:100%;
    float: left;
}
.vdma-right-md-column {
    width: 100%;
    float: left;
}
.vdma-right-md-column a {
    color: #ffffff;
}
.vdma-right-md-column div {
    width: 32.666666666666%;
    float: left;
    background: rgba(241,
    241,
    241,
    0.8);
    height: 186px;
    margin-right: 1%;
    border: solid 1px #f3f0f0;
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    overflow: hidden;
}
.audit-report .close-report {
    display: none;
}
.hoshin-h span {
    font-size: 18px!important;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    color: #23284e;
}
#vdma-report2 .presto-table-b>.row {
    border-bottom: none;
}
.vdma-option-two-container .row {
    width:100%;
}
.vdma-report-full-conatiner.presto-table-b>.row>div {
    height:auto;
    padding: 0px!important;
}
#vdma-report .report-sheets-container {}
#vdma-report {
    height: 100%;
}
#vdma-report2 {
    height: 100%;
}
#vdma-report-all {
    height: 100%;
}
.vdma-option-two-container .report-sheet-header {
    margin-bottom:-5px!important;
}
.vdma-option-two-container .opp-bi-icon {
    font-size: 38px;
}
.vdma-option-two-container.waste-report-table-b>.row>div {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vdma-secton-column-left {
    border: none!important;
    overflow: hidden;
}
.vdma-choice-column.row {
    border:none!important;
}
.vdma-choice-column.presto-table-b>.row>div {
    border:none!important;
}
.vdma-footer img {
    width: 91px;
    position: relative;
    top: 19px;
}
.vdma-footer {
    position: absolute;
    bottom: 30px;
    right: 31px;
}
.vdma-right-md ul {
    margin: 0px;
    padding: 0px 15px;
}
.vdma-right-md ul li {
    list-style: none;
    font-size: 20px;
    padding-top: 10px;
    color: #fff;
    background: #00489a;
    width: 45px;
    height: 45px;
    float: left;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
}
#skills-report-2 .report-sheet-body {
    height: calc(100% - 120px);
}
#skills-report-2 .rsh-icon img {
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-height: none;
    max-width: none;
    height:65px;
}
#skills-report-2 .report-sheet.landscape {
    padding: 18px 18px 0px 18px;
}
#badge-desc-rep p {
    font-size: 14px;
    padding-bottom: 10px;
}
.full-p {
    width:100%;
    font-size: 14px
}
#skills-report-2 .waste-report-table-b>.row>div {
    height:35px;
}
#skills-report-2 .rsh-icon-right-model {
    margin-top: 0px;
}
#skills-report-2 .rsh-icon-right-model p {
    float: left;
    padding-right: 10px;
    font-size: 19px;
    font-weight: bold;
    padding-top: 14px;
}
#team-header .rsh-data p {
    font-size: 19px;
    font-weight: bold;
}
#skills-report-2 .issue-report-table-b>.row>div {
    border-right: 2px solid #d0c2c2;
}
.vdma-right-md div:last-child {
    margin-right: 0px;
}
.vdma-option-two-container {
    width: 100%;
}
.vdma-option-two-container .presto-table-h {
    background: #f7f4f4;
    ;
    display: inline-block;
    height: 50px;
    margin-top:0px;
}
.vdma-option-two-container .presto-table-h>div {
    height: 50px;
    font-size: 17px;
    line-height: 20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
}
.vdma-option-two-container .text-left-h {
    text-align: left!important;
    padding-left: 10px;
}
.vdma-option-two-container a {
    color: #ffffff;
}
#report-inner .report-sheet-body {
    height: calc(100% - 0px);
}
.md-sm-6-column {
    width:47%;
    padding-right: 3%!important;
    float: left;
}
#opex-history-panel #opex-history-table-b>.row>div {
    height: 30px;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.job-bar-md-div {
    width: 90px;
    float: right;
    font-size: 16px;
}
.job-bar-md-div div {
    font-size: 30px;
    float: left;
}
.job-bar-md-div span {
    float: left;
    padding-left: 10px;
}
.sk-pr-report-profile .job-bar-md-div {
    width:33.3333%;
    float: left;
}
.job-bar-md-div div {
    float: left;
}
.sk-pr-report-profile {
    float: left;
    width: 100%;
    overflow-x: hidden;
    display: inline-block!important;
    overflow-y: auto;
    padding:15px 10px;
    background: #fff;
    border-radius: 4px;
    margin-top: 10px;
    box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
    -moz-box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
    -webkit-box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
}
.sk-pr-report-profile .job-bar-md-div span {
    padding-top: 5px;
}
.sk-md-row {
    width:100%;
    display: inline-block;
    margin-bottom: 10px;
}
.presto-table-container section {
    font-size: 42px;
}
.vdma-option-container-head {
    width: 100%;

    display: inline-block;
}
.presto-table-container {
    background: #e0e8f1;
    width: 100%;
    margin-top: -3px;
    display: inline-block;
}
.presto-table-container div {
    border-right: 1px solid #ffffff;
    float: left;
    line-height: 1.8;
    font-family: Yantramanav;
    padding: 4px;
    cursor: pointer;
    min-height: 63px;
    font-size: 14px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
}
.count-text-left-h {
    padding-left: 43px!important;
}
.count-text-h {
    font-size: 20px;
    padding-top: 8px;
    color: #fff;
    background: #00489a;
    width: 35px;
    height: 35px;
    float: left;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0px;
    margin-top: 1px;
}
.presto-table-container .duration-text {
    font-size: 14px!important;
    height: auto;
}
.form-audt-template-container {
    width: 100%;
    display: inline-block;
    margin: 10px 0px;
}
.form-audt-template-container .form-control {
    border-radius: 0px;
}
#audit-chk-name-input {
    border-radius: 0px;
}
.form-audt-template-container .row {
    margin-bottom: 20px;
}
.audit-type-btns {
    float: right;
}
.audit-type-modal {
    float: right;
    margin-right: 26px;
    background: #2196F3;
    border: none;
    color: #fff;
    height: 35px;
    width: 35px;
    font-size: 18px;
    border-radius: 24px;
    position: relative;
    top: 10px;
}
#audit-type-modal-container .modal-dialog {
    width: 80%;
    height: 100%;
}
#audit-type-modal-container .left-container {
    float: left;
    width: 74%;
    margin-right: 1%;
}
#audit-type-modal-container .right-container {
    float: left;
    width: 25%;
}
#audit-type-modal-container .right-container h1 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 1px #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: 0px;
}
#audit-type-modal-container .left-container h1 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}
#audit-panel .right-panel-container .rp-header-container .rp-header {
    padding: 0px!important;
    margin: 0px!important;
}
#audit-type-modal-container .right-container h1 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 1px #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: 0px;
}
#audit-type-modal-container .right-container .modal-content {
    padding: 15px;
    height: 889px;
    overflow-y: scroll !important;
}
#audit-type-modal-container .modal-footer {
    border: none;
    position: absolute;
    top: -6px;
    right: 8px;
}
#audit-type-modal-container .btn {
    padding: 5px 20px;
    line-height: inherit;
}
#audit-switch .presto-p-header {
    background-color: #24284e;
    position: fixed;
    width: 39.666666666%;
    z-index:9;
    margin-top: -67px;
}
.audit-checklist-select-box-column .presto-table-b .row {
    border-left:solid 1px #eee;
}
#audit-checklistdetails-panel {
    float: right;
}
.fixed-column-md {
    position: fixed;
    overflow: scroll;
    height: calc(100% - 250px);
    width: 88%;
    margin-top: 85px;
}
.fixed-md h1 {}
#audit-type-modal-container .right-container .form-control {
    border-radius: 0px;
    margin-bottom: 20px;
}
.cem-report-container .report-sheet-body {
    height: calc(100% - 120px);
}
.cem-report-container .report-sheet .report-sheet-header {
    margin-bottom: 15px;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}
.cem-report-container .report-sheet {
    background: #fff url(/images/bg.png);
}
#pr-userModal .modal-content {
    background: #fff url(/images/bg.png);
    min-height: 900px;
}
.instruction-md {
    margin-top:0px;
}
.cem-report-container .waste-report-table {
    padding: 0px;
}
.cem-report-container .cem-header {
    height: 100px;
    background: #eee;
}
.instruction-md .form-control {
    border-radius: 0px;
    height: 35px;
}
.cem-report-container .presto-table-b>.row>div {
    padding: 0px 0px 0px 0px;
    background: none;
    align-items: center;
}
.cem-report-container .elements-scores{
    display: block!important;
}
.cem-report-fullcontainer .cem-content>.audit-elements>.cem-audit-element:first-child{
    margin-top: 0px!important;
}

.cem-report-container .elements-scores-right{
    width: 30%;
        position: absolute;
        right: 0px;
}
.cem-report-container.report-sheet.landscape {
    padding: 18px 18px 27px 18px;
}
#pr-userModal .modal-dialog {
    width:80%;
}
.pr-userModal-mdleft {
    float: left;
    width:95%;
    margin-right: 1%;
}
.pr-userModal-mdright .modal-title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}
#pr-user-modal .f-interaction {
    position: absolute;
    right: -64px;
    cursor: pointer;
    margin-top: 50px;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    font-size: 21px;
}
.pr-userModal-mdleft .modal-header h5 {
    font-size: 18px;
    font-weight: bold;
}
.pr-userModal-mdright {
    width:24%;
    float: right;
    display: none   ;
}
.pr-userModal-mdright1{
    width:100%;
}
#pr-userModal .modal-footer {
    border:none;
}
#pr-userModal .modal-header h5 {
    font-size: 20px;
    float: left;
    color: #525050eb;
    font-weight: bold;
    padding-top: 5px;
}
.pr-userModal-mdright h3 span {
    font-size: 20px;
    padding-left: 10px;
}
.pr-userModal-mdright h3 img {
    width: 55px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    height: 55px;
    padding: 0px;
}
.pr-userModal-mdright .modal-body {
    /*position: relative;
    padding: 15px;*/
   /* margin:10px 20px 30px 20px;*/
    position: relative;
    padding: 15px;
    background: #fff;
    margin: 10px 20px 30px 20px;
    overflow-x: hidden;
    height: 833px;
}
.pr-userModal-mdleft .modal-body {
    /*position: relative;
    padding: 15px;*/
    background: #fff;
   /* margin:10px 20px 30px 20px;*/
    overflow-x: hidden;
    min-height: 974px;
    padding-top: 9px;
}
.pr-userModal-mdleft .modal-header {
    padding:5px 15px;
}
#news-user-details-modal .modal-body {
    position: relative;
    padding: 15px;
    background: #fff;
    margin:10px 20px 0px 20px;
}
.pr-userModal-mdright ul,.pr-userModal-mdright1 ul,
#news-user-details-modal ul {
    padding: 0px;
    margin-bottom: 30px;
}
.pr-userModal-mdright li,.pr-userModal-mdright1 li,
#news-user-details-modal li {
    background: #fff;
    font-size: 16px;
    margin-bottom: 5px;
    list-style: none;
    padding: 6px 0px;
    border-bottom: solid 1px #eee;
    display: flex;
}
.pr-userModal-mdright .form-group label {
    font-size: 16px;
    width:100%;
    display: inline-block;
    ;
}
.pr-userModal-mdright h3 {
    margin-top: 0px;
}
.cem-report-container .cem-header .cem-comments-label {
    position: relative;
    top: 25px;
    padding-right: 12px;
}
.cem-report-container .presto-table-b .row>div {
    border-right: none;
    line-height: auto;
}
.org-chart-profile-pic {
    display: none!important;
}
.google-visualization-orgchart-table div li {
    text-align: left;
    padding-left: 5px;
    list-style: none;
    display: flex;
}
.google-visualization-orgchart-table div li:before {
    content: "";
    background: #afabab;
    height: 9px;
    width: 10px;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    border-radius: 115px;
    margin-top: 5px;
}
.pr-userModal-mdleft h4 {
    display: none!important;
}
#org-chart-container {
    width:100%;
    align-items: center;
    justify-content: center;
    min-height: 700px;
}
.right-container-body {
    padding: 20px 0px;
}
#cem-report .cem-content>.audit-elements>.cem-audit-element>div:first-child {
/*    background-color: #d8d8d8!important;*/
}
#cem-report{height: 100%;}


.presto-change-password-container {
    width:700px;
    margin: 0 auto;
    background: #fff;
    padding: 70px 50px;
    height: auto;
    box-shadow: 0 1px 30px rgba(0,
    0,
    0,
    .25);
    -moz-box-shadow: 0 1px 30px rgba(0,
    0,
    0,
    .25);
    -webkit-box-shadow: 0 1px 30px rgba(0,
    0,
    0,
    .25);
    margin-top: 50px;
    overflow: hidden;
}
.presto-change-password-container #contact-editimg {
    border: solid 3px #3eb5e2;
    border-radius: 93px;
}
.news-user-details-modal h3 img {
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-width: none;
    max-height: none;
}
.news-user-details-modal h3 {
    margin: 0px;
    margin-bottom: 30px;
}
.modal-footer-lt {
    float: left;
    width:50%;
    text-align: left;
}
.modal-footer-rit {
    float: right;
    width:50%;
    text-align: right;
    padding-right: 20px;
}
.modal-footer-rit h4 span {
    padding-right: 10px;
}
.modal-footer-rit h4 {
    font-size: 20px;
}
.news-user-details-modal h3 span {
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
}
.presto-change-password-container .left-0md-0  {
padding: 0px;
}
.myprofilemodalcontainer .change-passwordmodalrow .presto-change-password-container .presto-panel {
    border: none;
    height: 569px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    background: #ffffff;
}
.myprofilemodalcontainer .presto-p-body {
    height: auto;
}
.myprofilemodalcontainer .change-passwordmodalrow .presto-change-password-container input {
font-size: 18px;
}
.change-passwordmodalrow .image-rowcontain img {
    left: -24px;
}
.myprofilemodalcontainer .presto-change-password-container #contact-addimagelabel
{
top: 76%;
}


.myprofilemodalcontainer .presto-change-password-container .presto-panel {
    box-shadow: none;
       border-left: solid 21px #c9e2ec;
       padding: 20px;
}
.presto-change-password-container #contact-editform {
    border:none;
}
.presto-change-password-container .presto-input {
    margin-bottom: 30px;
    height: auto;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.presto-change-password-container .presto-input .form-control {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    font-family: Yantramanav;
    font-size: 14px;
    padding-left: 4px;
    transition: all 0.3s;
    font-weight: bold;
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    height: 28px;
}
.presto-change-password-container #contact-editimg {
    position: relative;
    top: -26px;
    cursor: pointer;
}
#news-user-details-modal .modal-content {
    background: #fff url(/images/bg.png);
}
#news-user-details-modal .modal-footer {
    border:none;
}
#news-user-details-modal .modal-dialog {
    width:500px;
    position: relative;
    top: 16%;
}
.presto-change-password-container .save-add-contact {
    position: relative;
    right: 0px;
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 24px;
    height: auto;
    background: #f1f1f1;
}
.presto-change-password-container .save-add-contact div {
    background: none!important;
    height: auto;
    width: 100%;
}
.presto-change-password-container .save-add-contact:hover,.presto-change-password-container .save-add-contact:focus {
    background: #24284e;
    cursor: pointer;
    transition: background-color 0.5s ease;
    color: #fff!important;
}
.presto-change-password-container .presto-p-header {
    background: none;
    color: #000;
    margin-bottom: 70px;
    padding-bottom: 15px;
    height: auto;
}
.presto-change-password-container .presto-p-body {
    padding: 0px;
}
.presto-change-password-container .presto-p-header>p {
    color: #000;
    font-size: 26px;
    text-align: left;
}
.presto-change-password-container #contact-addimagelabel {
    top: 5%;
    left: 15%;
}
.presto-change-password-container .presto-ph-icon {
    color: #24284e;
    font-size: 26px;
    border-radius: 50%;
    border: solid 1px #ada8a8;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
/*.cem-report-container .cem-content>.cem-line-container {
  left: 70.6%!important;
  right: 0%;
}*/
.md-block {
    display: block!important;
    margin-top: 10px;
    width: 100%;
}
.cem-report-container .cem-header .cem-audit-title>.cem-cat-title {
    display: block!important;
    margin-top: 30px;
}
.all-audit-report-tab-menu .nav-tabs>li.active>a,
.all-audit-report-tab-menu .nav-tabs>li.active>a:hover,
.all-audit-report-tab-menu .nav-tabs>li.active>a:focus {
    height: 60px;
    line-height: 42px;
    color: #000000;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.all-audit-report-tab-menu ul li a {
    height: 60px;
    line-height: 42px;
}
.audit-type-modal-body .tab-content {
    -webkit-transition: all ease-out 0.2s 0.2s;
    -moz-transition: all ease-out 0.2s 0.2s;
    -o-transition: all ease-out 0.2s 0.2s;
    -ms-transition: all ease-out 0.2s 0.2s;
    transition: all ease-out 0.2s 0.2s;
}
.tab-content>.active {
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    -ms-transition: all linear 0.1s;
    transition: all linear 0.1s;
}
.all-audit-report-tab-menu .nav-tabs>li>a:hover {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    transition: all .9s;
}
.cem-non-conform-pad span {
    margin-left: 22px;
}
.md-block .fa-circle,
.md-block .fa-square {
    font-size: 20px;
}
.md-block p {
    font-size: 14px;
    margin-right: 20px;
}
.fixed-md {
    position: fixed;
    margin-top: -20px;
}
.audit-type-modal-body {
    width: 100%;
    display: inline-block;
}
.audit-type-md-section {
    width: 33%;
    float: left;
    margin-bottom:2px;
    display: inline-flex;
    border: solid 1px #eee;
    min-height: 200px;
    justify-content: center;
    align-items: center;
    margin-right: .333333%;
}
.audit-type-md-section .checkbox {
    margin-top: 0px;
}
.audit-type-modal-body .md-32 h2 {
    font-size: 21px;
    padding: 30px 0px;
    font-weight: 600;
    margin-top:0px;
    text-align: center;
}
.audit-type-modal-body .tab-content {
    background: #f9f9f9;
}
.audit-type-modal-body .md-32 {
    margin-right: 1.333%;
    min-height: 735px;
}
.md-check-box {
    margin-top: 75px;
}
.audit-type-modal-body .md-80 img {
    width: 195px;
    border: solid 3px #ececec;
    padding: 5px;
    -webkit-box-shadow: 2px 8px 16px -6px #000;
    box-shadow: 2px 8px 16px -6px #000;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.fim-report-container-comment {
    float: right;
    position: fixed;
    right: 1%;
    top:7%;
}

.md-form-fim-container{
overflow-y: scroll;
    max-height: calc(100% - 508px);
    position: relative;
    padding-right: 43px;
    overflow-x: hidden;
    padding-bottom: 15px;
}


.fim-report-container-comment h2 {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    margin-top: 0px;
}
.fim-report-container-comment .form-control {
    margin-bottom: 20px;
    background: #f5f5f5 url(/images/bg.png);
    font-size: 18px;
}
.textarea-left-0 {
    left:30px;
    width:35%;
        height: calc(100% - 79px);
            overflow: hidden;
}
.audit-type-modal-body .md-check-box {
    margin-top: 0px;
}
.audit-type-md-section .md-80 {
    text-align: right;
    margin-right: 10px;
}
.md-check-box .checkbox {
    margin-left: 117px;
}
.processes-icon {
    width: 45px;
    padding-right: 8px;
}
.process-idea {
    width: 74px;
    padding-right: 0px;
    padding-left: 11px;
}
.audit-checklist-user {
    float: right;
}
.audit-checklist-scale-icon img {
    width: 35px;
    position: relative;
    margin: 10px 0px;
    border: solid 1px #ececec;
}
.count-check-box .audit-checklist-scale-icon img {
    width: 50px;
    position: relative;
    top: -5px;
    margin: 15px 0px;
    border: solid 1px #ececec;
}
.md-scale-md .audit-checklist-scale-icon {
    float: left;
    width:47px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
}
.md-scale-md .span-cunt{font-size: 22px;}



.label-audit-div .audit-checklist-scale-icon {
    float: left;
    width: 47px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
}
.md-scale-md .audit-checklist-scale-icon img {
    position: relative;
    width: 40px;
}

.md-scale-md .count-chekli{
    position: relative;
    left: 36px;
    font-weight: bold;
}




.audit-coversheet-column {
    border: solid 1px #eee;
    margin-top: -28px;
}
.audit-coversheet-column h3 {
    text-align: center;
    padding: 0px 0px 5px 15px;
    font-size: 18px;
    font-weight: 800;
}
.close-sheet-head {
    padding-right: 50px;
}
.md-scale-md {
    width: 100%;
    border-bottom: solid 1px #eee;
    display: inline-block;
    min-height: 50px;
    padding: 0px 0px 10px 0px;
    font-size: 24px!important;
}


.checkbox-btns .md-scale-md label.checkbox::before {
    height: 37px;
    width: 32px;
}

.checkbox-btns .md-scale-md  label.checkbox span {
    top: 13px;
    left: 6px;
    width: 15px;
    height: 12px;
}



.md-scale-md:last-child {
    border: none;
}
.md-scale-md .audit-checklist-name {
    width: 80%;
    float: left;
      display: flex;
}
.dropdown-menu-dasbord label.btn span {
    padding-left: 10px;
}
.label-audit-div .audit-checklist-name {
    width:57%;
    float: left;    display: flex;
}
.audit-observations-modal .idea-col-md-4{
        margin: 10px 10px 8px 20px;
    padding: 12px 10px;
    background: #fffcfc;
    height: 100%;
    border: solid 1px #eee;
}

.audit-observations-modal .waste-col-md-4 h2{
    margin: 10px 0px 10px 20px;
    font-size: 23px!important;
    font-weight: bold;

}
.audit-observations-modal .ideapanel-header img{
width: 78px!important;
height: 78px!important;
    position: relative;
    float: right;
    margin-bottom: 0px;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
    border: solid 3px #eee;

}



.idea-col-md-4 .or-waste-photo{
    width: 40px;
    height: 40px;
    float: left;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-right: 5px;
    background: #fff;
    display: flex;
    align-items: center;
}
.idea-col-md-4  .or-waste-photo>span {
    font-size: 40px;
}
.idea-col-md-4 .form-control{
        height: 40px;
 } 


.span-cunt{
        font-weight: 700;
    margin-right: 5px;
    color: #03749e;
    font-size: 16px;
}
.h3-cl h3{margin-top: 0px;font-size: 20px; float: left;margin-right: 20px;}
.h3-cl{margin-bottom: 20px;}
.h3-cl h3 span{padding-right: 5px;font-weight: bold;}
.report-choice-text {
    display: none;
}
.dropdown-menu-dasbord {
    width: 74%;
    float: left;
    display: inline-block;
    margin-left: 1%;
    /*border:solid 1px #eee;*/
    border-radius: 30px;
}
#audit-panel .right-panel-container .rp-header-container {
    margin: 0px!important;
    padding-top: 18px;
    border-right:none!important;
    height: auto!Important;
}
.panel-default>.panel-heading {
    min-height: 35px;
    cursor: pointer;
}
.dropdown-menu-dasbord div {
    padding: 8px 0px 0px 0px;
    width: 33.3333%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    height: 42px;
    border-right: 2px solid #f0f0f0;
}
.filter-active {
    background: #2e4a62!important;
    color: #fff;
    border-radius: 30px;
}
#vdma-spider-chart2 .rsh-icon {
    width:30%!important;
}
#vdma-spider-chart2 .rsh-data {
    width:60%!important;
}
#vdma-spider-chart2 .rsh-icon h5 {
    text-align: right;
}
.dropdown-menu-dasbord div:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.dropdown-menu-dasbord div:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border:none;
}
.dropdown-menu-dasbord div:hover {
    color: #0061b5;
}
.dropdown-menu-dasbord label.btn span:hover {
    color: #0061b5;
}
.dropdown-menu-dasbord div:hover {
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.dropdown-menu-dasbord div button {
    border:none;
    background: none;
}
.dropdown-menu-dasbord div[data-toggle="buttons"] label {
    padding: 2px;
    font-size: 12px;
}
.dropdown-menu-dasbord button {
    width: 120px;
    height: 30px;
    margin-top: -12px;
}
#filter-info .topp-cycle {
    display: none;
}
.dropdown-menu-dasbord ul {
    padding: 0px;
    margin: 0px;
}
#filter-info .topp-cycle {
    display: none;
}
.dropdown-menu-dasbord ul {
    padding: 0px;
    margin: 0px;
}
#page-two .report-sheet-body .presto-table-b>.row>div:first-child {
    border:none!important;
}
#page-two .waste-report-table-b>.row>div {
    height: 100%;
    width: 100%;
    border:none!important;
}
#page-two .report-sheet-body .presto-table-b>.row>div:last-child {
    border:none!important;
}
#page-two .presto-table-b>.row {
    border:none!important;
}
#page-two .report-sheet-header + .report-sheet-body {
    height: calc(100% - 120px);
}
.report-sheet-side-nav {
    position: absolute;
    left: -62px;
    top: 140px;
}
.report-sheet-side-nav button {
    display:block;
    margin-bottom: 2px;
    background: none;
    border: none;
    font-size: 40px;
    color: #e5e5e5;
    text-align: center;
}
.report-sheet-side-nav .fa-square {
    position: relative;
    left:5px;
    top: -5px;
}
.audit-raci-work-report-column {
    padding:60px 0px 50px 0px;
}
.audi-repor-md-100 {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}
.audi-repor-md-100 div {
    border:solid 1px #8c8888;
    width: 32%;
    margin-right: 1.33333%;
    float: left;
    padding: 10px;
    min-height: 122px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 2px 8px 16px -6px #000;
    box-shadow: 2px 8px 16px -6px #000;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    cursor: pointer;
}
.audi-repor-md-100 div:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    border:solid 1px #3eb5e2;
}
.audi-repor-md-100 div img {
    width: 130px;
    text-align: center;
    margin: 0 auto;
    display: flex;
}
.audit-report-company-sub-logo {
    position: relative;
}
.audit-report-company-sub-logo img {
    width: 80px;
    position: absolute;
    right: 69px;
    padding: 5px;
    margin-top: 184px;
    border-radius: 50%;
    border: solid 3px #3eb5e2;
}
.audit-closing-report-sub-logo {
    position: relative;
}
.audit-closing-report-sub-logo img {
    width: 80px;
    position: absolute;
    right: 0px;
    margin-top: 172px;
}
.audit-type-filter {
    padding: 6px 2px 206px 40px!important;
}
.reset-audit-filter {
    margin: 0px!important;
    height: 42px!important;
    width: 25%!important;
    position: relative;
    border: none;
}
.reset-audit-filter span {
    padding-right: 10px;
    font-size: 20px;
}
#fim-report .rsh-icon img {
    width: 65px;
   height: 65px;
    border: solid 1px #3eb5e2;
    border-radius: 93px;
    max-width: none;
    max-height: none;
}
#fim-report .rsh-subtitle {
    font-size: 20px;
    font-weight: bold;
    color: #3eb5e2;
    margin-bottom: 0px;
    display: inline-block;
    height: auto;
    white-space: inherit;
}
.fim-report-container .report-sheet-body .presto-table-h {
    background: #e3f3fb;
    border-top-left-radius: 10px;
    border-right: solid 1px #3eb5e2;
}
#fim-report .fim-content>.presto-table-h>div {
    border-top-left-radius: 10px;
    font-weight: bold;
}
#fim-report .fim-content .fim-table-b>.row>div span {
    padding-right: 10px;
    color: #3eb5e2;
    padding-left: 5px;
    font-weight: 800;
}

#fim-report {
    height: 100%;
}
.fim-report-container .presto-table-b>.row:nth-child(even) {
    background: #fbfbfb;
}
.fim-report-container .presto-table-b>.row:nth-child(odd) {
    background: #f7f7f7;
}
.fim-report-container .presto-table-b>.row{

        border-bottom: 1px solid #c1c1c1!important;
}

.pr-waste-report-container .waste-report-table-b>.row:nth-child(odd) {
    background: #f7f7f7;
}
 .pr-waste-report-container .report-sheet-header {
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
    margin-bottom: 0px!important;
}

#fim-report .p-sub {
    font-size: 14px;
    font-weight: 400;
    padding-top: 5;
    color: #000;
}
.right-panel-container {
    background: #f5f5f5 url(/images/bg.png);
}
.fim-report-container .report-sheet-body .presto-table-h>div {
    border-right-color: #c1c1c1;
    color: #000;
    border-right-width: 1px;
}
.fim-report-container .report-sheet-body .presto-table-h>div:first-child {
    border-left: solid 1px #c1c1c1;
}
.form-tab-inner textarea {
    resize: none;
}
.fim-report-container .presto-table-h>div:last-child {
    border-right: solid 1px #c1c1c1;
}
.cem-score-signal-target {
    border-radius: 5px!important;
}
.cem-score-signal-target:before {
    content: "";
    background: #333333!important;
    width: 11px;
    height: 4px;
    display: block;
    left: -17px;
    position: relative;
    margin-top: 3px;
}
.target-fa:before {
    content: "";
    background: #333333!important;
    width: 11px;
    height: 4px;
    display: inline-block;
    left: 4px;
    position: relative;
    margin-top: -1px;
    top: -5px;
}
#lecko-report .rsh-icon img {
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-height: none;
    max-width: none
}
#lecko-report .report-sheet.landscape {
    background: #ffffffff url(/images/bg.png);
}
#lecko-report .single-lecko-container .single-piece-elements-container>.row:nth-child(odd) {
    background: #fff;
    padding: 3px 5px;
}
#lecko-report .single-lecko-container .single-piece-elements-container>.row:nth-child(even) {
    background: #f6f6f6;
    padding: 3px 5px;
}
.single-lecko-head {
    padding: 10px 0px;
}
.single-lecko-head .rsh-icon img{
    position: relative;
    top: -4px;

}
.fim-report-container .fim-footer .fim-footer-data .fim-footer-h{
       height: auto!important; 
}
.fim-report-container .fim-footer .fim-footer-data .fim-footer-b{height: auto!important;}

.pr-skill-report-container .cat-header>img {
    width: 90px;
    max-width: none;
    max-height: none;
}
#vdma-spider-chart .report-sheet-body {
    height: calc(100% - 100px);
}
.fim-report-container .fim-footer .fim-footer-data .fim-footer-h>div:last-child {
    float: right!important;
    text-align: right!important;
    justify-content: right!important;
    display: block!important;
    position: absolute;
    right: 0;
    position:relative;
}
.fim-report-container .fim-footer .fim-footer-data .fim-footer-h>div {
    height: auto!important;
    width: 50%!important;
    background: none!important;
    color: #000!important;
    font-size: 16px;
    display: flex;
    align-items: left;
    justify-content: left!important;
    padding: 13px;
    font-weight: bold;
}
.fim-footer-data {
    background: #fff;
    border-left:solid 1px #3eb5e2;
    border-right: solid 1px #3eb5e2;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: relative;
}
.auto-height {
    overflow: hidden;
}
.map-group-code-template {
    overflow: scroll;
}
.checkbox-full .form-section-6 {
    width:100%;
}
/*#vdma-report .report-sheet-header + .report-sheet-body {
    height: calc(100% - 100px);
}*/
.vdma-right-md {
    width: 35%;
    float: left;
}

.audit-user-reportmd-container #vdma-report .report-sheet-body{
    height: calc(100% - 0px)!important;

}
.vdma-report-all-md .rsh-icon img {
    float: right;
    width: 65px;height: 65px;
    border: solid 3px #b5b0b0;
    border-radius: 93px;
    max-width: none;
    max-height: none;
}
.vdma-report-all-md .rsh-icon {
    float: right;
    display: block;
    width: 20%;
    text-align: right;
}
.vdma-report-all-md .rsh-icon h5 {
    display: inline-block;
    width: 100%;
    font-size: 19px;
    padding: 2px 11px;
}
/*#vdma-report-all .report-sheet-body {
    height: calc(100% - 50px);
}*/
#fim-report .fim-content .fim-table-b>.row>div>.fim-indicator-target {
    background: #61BD4F!important;
    border-radius: 38px!important;
    height: 24px;
    margin: 0 auto;
}
#fim-report .fim-content .fim-table-b>.row>div>.fim-indicator-target:before {
    content: "";
    background: #61BD4F!important;
    width: 11px;
    height: 4px;
    display: block;
    left: -11px;
    position: relative;
    margin-top: 10px;
}
.fa.fim-indicator-target {
    background: #61BD4F;
    border-radius: 38px;
    height: 16px;
    width: 16px;
    margin-left: 14px;
    margin-right: 6px!Important;
    margin-top: -2px;
    position: relative;
    top: 3px;
}
.left-fa .fa {
    font-size: 18px;
}
.fa.fim-indicator-target:before {
    content: "";
    background: #61BD4F!important;
    width: 11px;
    height: 4px;
    display: block;
    left: -7px;
    position: relative;
    margin-top: 6px;
}
.chat-form {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding-top: 20px;
    border-top:solid 1px #eee;
}
.cem-span-square {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.intiative-xmatrix-btn {
    position: absolute;
    top: 56px;
    left: 38.5%;
    line-height: 1.7;
    padding: 8px;
    width: 200px;
    color: #333;
    background-color: #fff;
    border-color: #585454;
    font-weight: bold;
}
.intiative-xmatrix-btn:hover,.intiative-xmatrix-btn:active,.intiative-xmatrix-btn:active:hover{
    color: #333;
    background-color: #d4d4d4;
    border-color: #585454;
    font-weight: bold;
}
.xmatrix-chart-md .md-mdww .md-wdthtable{
    justify-content: left;
}
.xmatrix-chart-md .row div {
    text-align: center;
    font-size: 10px;
    min-height: 20px;
    line-height: 13px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.md-mdww{
    display: block;
}
.mid-employes-result {
    font-size: 20px!important;
}
.xmatrix-chart-md .md-row div {
    padding: 20px 12px;
    padding: 20px 0px
}
.bg-color-bottom {
    background: #e3f0f8;
}
.bg-color-xmat {
    background: #e3f0f8;
}

.xmatrix-chart-md .text-align-left {
    text-align: left!important;
    font-size: 16px!Important;
}
.xmatrix-chart-md:last-child .xm-31-row{
    border-bottom: solid 1px #333!important;
}
.xmatrix-chart-md h3 {
    text-align: center;
    font-size: 20px;
    margin: 0px;
    padding: 0px 10px;
    z-index: 3;
}
.xmatrix-chart-md .row:last-child>div {
    border-bottom: solid 1px #333;
}
.fixed-column-md .audit-checklist-select-box-column {
    border: none;
    box-shadow: none;
}
.reporting-md-sectioncolumn-row {
    margin-left: 30px;
}
.xmatrix-chart-md .row div .fa {
    font-size: 16px;
}
.modal-head-setup .modal-header h4 {
    float: left;
}
.modal-head-setup .add-setup-icon {
    float: left;
    margin-right: 30px;
}
.reporting-md-sectioncolumn {
    overflow: hidden!important;
}
.reporting-md-sectioncolumn .presto-panel-transaction-column>div:last-child {
    margin-left: 10px;
}
.reporting-md-sectioncolumn {
    margin-top: 25px!important;
}
.xmatrix-chart-md .row div>div {
    border:none!important;
    height: auto;
}
.mid-employes-result {
    background: #eee;
    padding: 20px;
    width:100%;
    margin:0px 50px;
}
.xmatrix-chart-md .bg-color-xmat-lt {
    background: #e3f0f8;
}
.xmatrix-chart-md .bg-color-xmat-rt {
    background: #e3f0f8;
}
.xmatrix-chart-md .bg-color-xmat-rted {
    background: #e3f0f8;
}
.intiative-xmatrix-container .modal-body {
    padding:50px 50px 5px 50px;
}
.xmatrix-rotate-label {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    font-size: 16px!important;
    width: 40px!important;
    display: flex;
    align-items: center; 
}
.triangle {
        box-sizing: border-box;
        height: 350px;
            box-sizing: border-box;
            height: 350px;
            width: 480px;
            position: absolute;
            border-style: solid;
            border-width: 173px 239px 178px 239px;
            top: 0;
            left: 0;
      }
.htoppp{
    position: relative;
    top: -32px;
}
.intiative-xmatrix-container .no-border {
    border-bottom: none;
    border-right: none;
}
.intiative-xmatrix-container .modal-dialog {
    width:1414px;
}
.intiative-xmatrix-container .modal-content {
    background: #fff url(/images/bg.png);
}
.intiative-xmatrix-btn img {
    width:35px;
    height: 35px;
    margin-right: 10px;
}
#fim-report .fim-content .fim-table-b>.row>div>.fim-indicator-current {
    background: #f44336!important;
    margin: 0 auto;
}
.intiative-xmatrix-container .report-sheet-utils {
    position: absolute;
    width: 60px;
    height: 200px;
    right: -60px;
    z-index: -1;
    top: 60px;
    cursor: pointer;
}
.intiative-xmatrix-container .report-sheet-utils>div {
    width: 120px;
    height: 50px;
    background: #e6e6e6;
    position: relative;
    left: -60px;
    transition: left .4s;
    margin-bottom: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
    -moz-box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
    -webkit-box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
}
.intiative-xmatrix-container .report-util-left {
    font-size: 16px;
    float: left;
    width: calc(100% - 60px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.intiative-xmatrix-container .report-util-right {
    font-size: 20px;
    width: 60px;
    height: 50px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
#vdma-report-all .report-sheet-header {
    border-bottom: solid 1px #eee!important;
    float: none;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    min-height: auto;
    margin-bottom: 0px;
}
.pr-skill-report-container .cat-header-full-md {
    width: 100%!important;
    margin: 0px 0px 0px 0px;
    display: inline-block;
}
#vdma-spider-chart .rsh-icon img,
#vdma-spider-chart2 .rsh-icon img {
    float: right;
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-height: none;
    max-width: none;
}
.audit-tabmenu .nav-tabs>li.active>a,
.audit-tabmenu .nav-tabs>li.active>a:hover,
.audit-tabmenu .nav-tabs>li.active>a:focus {
    color: #fff!important;
    background: #000!important;
    border: solid 1px #108cc7!important;
    border-top-left-radius:0px!important;
    border-top-right-radius: 0px!important;
}
.audit-tabmenu .nav-tabs>li>a {
    border-radius: 0px;
    font-weight: bold;
    font-size: 17px;
    color: #000;
    text-align: center;
}
.audit-tabmenu .nav-tabs>li {
    border-right: solid 1px #e8dede;
}
#skills-report-2 .report-table .cat-header {
    height: auto;
}
#skills-report-2 .presto-table-h {
    height: 50px;
    background: #e3f3fb;
}
#skills-report-2 .presto-table-h>div {
    height: 45px;
    color: #000;
}
#fim-report .fim-footer .fim-footer-data {
    margin-right: 12px;
}
.audit-tabmenu .rp-header-container {
    width:100%!important;
    padding-top: 0px!important;
}
#vdma-spider-chart .rsh-icon h5 {
    display: inline-block;
    width: 100%;
    font-size: 19px;
    padding: 2px 11px;
}
#vdma-spider-chart2 .rsh-icon h5 {
    width: 100%;
    font-size: 19px;
    padding: 16px 14px;
    margin-right: 20px;
    position: relative;
    right: 16px;
}
#vdma-spider-chart .rsh-icon,
#vdma-spider-chart2 .rsh-icon {
    float: right;
    display: block;
}
#vdma-spider-chart .report-sheet-header {
    border-bottom: solid 1px #eee;
    float: none;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    min-height: 105px;
    margin-bottom: 40px;
}
#vdma-spider-chart2 .report-sheet-header {
    border-bottom: solid 1px #eee;
    float: none;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    min-height: 105px;
    margin-bottom: 10px;
}
.vdma-report-all-md .report-sheet-body .presto-table-h.waste-report-table-h {
    background-color: #ddefffd1;
    border: solid 1px #c5c3c3;
}
.user-owner-img img {
    width:40px;
    border-radius: 6px;
    float: left;
}
.vdma-report-all-md .waste-report-table-b>.row>div {
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 10px;
}
.vdma-report-all-md .user-owner-img img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    margin-left: 5px;
    border: solid 2px #b5b0b0;
}

.vdma-report-all-md .cat-header{

    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.fim-content .presto-table-h .text-center{
justify-content: center;

}

.vdma-report-all-md .user-owner-img {
    text-align: center;
/*    display: block!important;*/
}
.vdma-report-all-md .user-owner-img h6 {
    padding-left: 10px;
    font-weight: normal;
}
.vdma-report-all-md .waste-report-table {
    padding: 0px;
}
.vdma-report-all-md .waste-report-table-b>.row:nth-child(odd) {
    background: #f7f7f7;
}
.vdma-report-all-md .waste-report-table-b>.row:nth-child(even) {
    background: #fbfbfb;
}
.vdma-report-all-md .report-table .cat-header {
    margin: 10px 0px;
        height: auto;
    display: inline-block;
    font-family: CenturyGothic;
}
.vdma-report-all-md .report-table .cat-header h2{
    font-size: 24px;
    font-family: CenturyGothic;
        margin-top: 0px;
    font-weight: 700;
}
.vdma-report-all-md .report-table .cat-header h2 span{
    padding-right:8px;
}


.sign-off-sheet-container .presto-table-b>.row>div:last-child{
text-align: center;
font-size: 16px;
font-weight: bold;
color: #000;
display: block;
}
.sign-off-sheet-container .sign-off-icon{
    font-size: 20px;    display: block;
    margin-bottom: -4px;
    color: #f00;
}
.sign-off-sheet-container .presto-table-h>div:last-child{
  text-align: center;  
}
.sign-off-sheet-container .presto-table-b .row>div{
    min-height: 50px;
        display: flex;
    align-items: center;

}
.audit-user-reportmd-container .report-sheet .report-sheet-header{
   margin: 0px!important;padding: 0px!important;
   border:none!important;

}
.audit-user-reportmd-container .photo-observation-container .report-sheet-header{
    border-bottom: solid 1px #eee!important;
    padding-bottom: 10px!important; 
    margin-bottom: 0px!important; 
}
.vdma-report-all-md .report-sheet,
.photo-observation-container .report-sheet
 {
    background: #fff url(/images/bg.png);
}
.vdma-report-all-md .presto-table-h:not(#opex-history-table-h)>div:last-child #vdma-report-all .presto-table-h:not(#opex-history-table-h)>div:last-child {
    border-right: none;
}
#vdma-spider-chart .waste-report-table-b>.row>div,
#vdma-spider-chart2 .waste-report-table-b>.row>div {
    border: none!important;
}
.vdma-spider-chart-right-md {
    width:100%;
    display:block;
    margin-bottom: 10px;
}
.vdma-spider-chart-right-md>div {
    float: left;
    text-align: center;
    width: 32.333%;
    background: #fff;
    padding:10px 30px;
    border: solid 1px #e2e2e2;
    margin-right: 1%;
    -webkit-box-shadow: 2px 8px 16px -6px #aba5a5;
    box-shadow: 2px 8px 16px -6px #aba5a5;
    margin-bottom: 10px;
    max-height: 420px;
}
.vdma-spider-chart-right-md div div {
    width: 100%;
    margin-top: 10px;
}
#vdma-spider-chart2 .report-sheet.landscape {
    height: 1060px
}
.rsh-data-chart-logo {
    float:left;
    width:8%;
}
.rsh-data-chart-logo img {
    width: 85px;
    max-height: none;
    max-width: none;
}
.vdma-spider-chart-right-md h5 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 1px #eee;
    padding-bottom:8px;
    color: #3e8106;
    text-align: left;
}
.spider-chart-footer {
    right: 0px;
    left: 0px;
    border-top: solid 1px #eee;
    width: 100%;
    position: absolute;
    bottom:5px;
    margin: 0 auto;
}
.spider-chart-center {
    width:300px;
    margin: 0 auto;
    padding:5px 0px;
}
.vdma-spider-chart-right-md div div img {
    width:80%;
}
#vdma-spider-chart ul {
    margin: 0px;
    padding: 0px;
    width: 80%;
    float: right;
}
#vdma-spider-chart h4 {
    font-size: 20px;
    padding-bottom: 5px;
    color: #333;
    font-weight: bold;
}
#vdma-spider-chart ul li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #eee;
    display: flex;
}
#vdma-spider-chart .report-sheet,
#vdma-spider-chart2 .report-sheet {
    background: #fff url(/images/bg.png);
}
#vdma-spider-chart ul h4 span {
    margin-right: 10px;
    font-size: 30px;
}
#vdma-spider-chart ul li span {
    color: #3eb5e2;
    font-size: 22px;
    font-weight: bold;
    padding-right: 10px
}
.skill-info-waste-icon-column span {
    font-size: 25px;
    padding: 19px 6px;
    margin-top: 0px;
    border-right: solid 1px #e8e3e3;
    height: 60px;
    color: #262829;
}
.pr-skill-report-container .presto-table-b>.row:nth-child(odd) {
    background: #f7f7f7;
}
.pr-skill-report-container .presto-table-b>.row:nth-child(even) {
    background: #fbfbfb;
}
#vdma-spider-chart .report-sheet.landscape {
    margin-bottom: 20px;
}
.skill-info-waste-icon-column .bg-success,
.skill-info-waste-icon-column .bg-danger {
    color: #fff;
}
.skill-info-waste-icon-column .bg-warning {
    color: #000;
}
.vdma-spider-chart-column img {
    width:90%;
}
.active-div {
    display: block!important;
}
#vdma-spider-chart2 .row,
#vdma-spider-chart .row {
    border-bottom: none;
}
.audit-checklist-select-box-column select {
    border: none;
    border-radius: 0px;
    background-color: #fff;
    width: 100%;
    margin-left: 1px;
    font-size: 14px;
}
.audit-checklist-select-box-column select option {
    padding: 8px 0px;
    border-bottom: solid 1px #000;
}
.audit-checklist-select-box-column .presto-table-h>div {
    height: auto;
}
.audit-checklist-head {
    background: #ffff!important;
    border: solid 1px #d8d8d8;
    position: fixed;
    z-index: 9;
    width: 39.6666666%;
    margin-top: -30px;
}
.grading-container-right-container {
    padding:0px 20px;
    float: left;
    width: 29%;
    margin-top: 20px;
    position: relative;
    overflow: scroll;
    height: calc(100% - 10px);
}



.grading-container-right-container h3 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 600;
}
.grading-container-right-column {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
}
.grading-container-right-container .form-group {
    margin: 0px;
}
.grading-container-head h4 {
    width:85%;
    font-weight: bold;
    float: left;
    font-size: 18px;
}
.grading-container-head h5 {
    width:15%;
    font-size: 18px;
    float: left;
    font-weight: bold;
}
.grading-container-right-column h6 {
    background: #108cc7;
    height: 30px;
    width: 30px;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 29px;
    font-weight: 900;
}
.grading-container-right-container .row {
    border-bottom: solid 1px #f9f3f3;
    padding: 5px 0px;
    margin-bottom: 5px;
}
.grading-container-head {
    border-bottom: solid 1px #eee;
    width: 100%;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.garading-icon {
    padding: 10px;
    text-align: center;
    border: solid 1px #eee;
    border-radius: 4px;
}
.text-breack {
    overflow-wrap: break-word;
    float: left;
    width: 65%;
    font-size: 16px;
    padding-top: 8px;
    color: #000;
}
.full-container-pr-process {
    width:100%;
}
.personal-block-column {
    display: contents;
}
#pr-report-container .report-sheet .report-sheet-header + .report-footer + .report-sheet-body {
    height: calc(100% - 120px);
}
.garading-icon img {
    width:30px;
}
.grading-container-right-container .radio-btns label.btn span {
    margin-left:10px;
}
.grading-container-right-column .row:last-child {
    border-bottom: none;
}
.no-margin-bottom {
    margin-bottom: 0px!important;
}
#personal-report-container .presto-table-b .row>div {
    height: inherit;
    border:none;
    border-right: none;
    line-height: auto;
    font-family: Yantramanav;
    padding: initial;
    cursor: pointer;
    color: #000;
    font-size: inherit;
    float: left;
}
.vdma-report-all-md .rsh-data {
    float: none;
    width: 100%;
    height: 80px;
    display: block;
}
.vdma-report3container .vdma-choice-column{
    float: right!important;

}

.vdma-report-all-md .presto-table-b p{
font-size: 13px;}

.audit-user-reportmd-container #vdma-report3 .report-sheet-body {
   height: calc(100% - 10px)!important;
   padding: 0px;
}
.vdma-report-all-md .type-icon img{
width: 35px;
    position: absolute;
    top: 5px;
    right: 6px;

}

.vdma-report-all-md .issue-report-footer img{
    width: 30px;
    margin-right: 10px;

}
.vdma-report-all-md .issue-report-footer p{
        font-size: 15px;
    font-family: CenturyGothic!important;
    font-weight: 700;

     }


.report-table-b .row-15{
    width: 15%;
    float: left;

}
.report-table-b .row-85{
    width: 85%;
    float: right;
     height: 190px!important;
      min-height: 190px!important; 

}

.issue-reports-column-md .issue-report-table-h {
    background: none;
}
.rsh-icon-right-model img {
    width: 150px;
    margin-bottom: 10px;
    border: solid 4px #8cd4eb;
}
.job-profile-head p {
    font-size: 20px;
    width:50%;
    float: left;
    text-align: left;
    color: #000;
}
.pr-skill-report-container .rsh-data {
    width:20%;
    font-size: bold;
    display: block;
    font-size: 19px;
    padding-top: 13px;
}
#global-container.loginpage-global-container{
    position: inherit;
}
.loginpage-global-container {
    height: 100%!important;
}
.loginpage-global-container #err-msg {
    position: relative;
    top: -30px;
}
.loginpage-global-container .presto-input {
    margin: 40px auto;
}
.loginpage-global-container #topp-logo {
    margin-bottom: 50px;
}
.loginpage-global-container .presto-input > label {
    top: -36px;
}
.loginpage-global-container::after {
    /* content: "\e910"; */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 25px;
    bottom: 20px;
    font-size: 280px;
    z-index: -1;
    color: #d8d8d8;
}
.report-sheet-header .width-auto {
    width:20%!important;
    text-align: right;
}
.pr-skill-report-container .cat-header {
    float: left;
    width: 60%;
    height:auto;
}
.pr-skill-report-container #badgecat-data {
    display: block;
    margin-top: 0px;
    height: auto;
}
#skills-report-2 .report-sheet-header {
    margin-bottom: 5px!important;
    height: auto;
}
.cat-header-full-md {
    margin: 10px 0px;
}
.pr-skill-report-container #badgecat-rep {
    width:25%;
}
.pr-skill-report-container #team-header>img {
    width: 100px;
    border-radius: 4px;
    margin-bottom: 8px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
}
.pr-skill-report-container #badge-desc-rep {
    width: 73%;
    text-align: right;
}
.cem-report-container .cem-footer {
    padding: 0px;
}
.cem-report-container .waste-report-table-b>.row>div:first-child>div,
.waste-desc-cell>div {
    display: block;
    padding-bottom: 10px;
}
.org-chart-md-row {
    width: 100%;
    display: inline-block;
    padding: 10px!important;
}
.org-chart-md-row h2 {
    float: left;
    font-size: 16px;
    font-weight: 800;
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    color: #66b72c;
    border: solid 3px #e0dfdf;
    align-items: center;
    justify-content: center;
    left: 10%;
    top: 12px;
}
.cem-report-container .rsh-icon>img {
    width: 65px;
    height: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-width: none;
    max-width: none;
}
#fim-report .report-sheet .report-sheet-header {
    margin-bottom: 10px!important;
   border-bottom: solid 1px #eee!important;
}
.no-select-row{
    position: absolute!important;
}


#fim-report .fim-footer {
    float: right;
    display: block;
}
#fim-report .presto-table-b .row {
    width:100%;
    border-right: solid 1px #3eb5e2;
}
.cem-report-container>.audit-elements>.cem-audit-element>div {
    display: flex;
}
.cem-report-container .presto-table-b>.row {
    border-bottom:none;
}
.cem-report-container .cem-content>.audit-elements>.cem-audit-element {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.cem-report-container .cem-content>.audit-elements>.cem-audit-element:last-child {
    border:none;
}
.cem-report-container .presto-table-b>.row>div {
    border-right: none;
}

.cem-report-container .waste-report-table-b>.row>div>div{
        display: flex!important;
}
.cem-report-container .waste-report-table-b>.row>div>.elements-scores{
        display: block!important;
} 

.cem-report-fullcontainer .elements-scores .score-row:not(:first-child)>div>div {
    padding-bottom: 10px;
}

.cem-report-fullcontainer .elements-scores .score-row>div>div {
    width: 60%;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cem-report-fullcontainer .elements-scores>.score-row>div>div>.cem-score-signal {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    background: #333;
}

.cem-report-fullcontainer .cem-content .cem-line-container {
    position: absolute;
    left: 35%;
    right: 0%;
    top: 0;
    width: auto !important;
    height: 100%;
}
.cem-report-fullcontainer .cem-line-container{
    padding: 0px!important;
}
.cem-report-container .report-sheet-body .presto-table-b>.row>div:first-child {
    border-left:none;
    border-right: none;
}
.cem-report-container .score-row:last-child .cem-border-bottom {
    border-bottom: solid 8px #333!important;
}
.pr-skill-report-container .report-sheet-header {
    border-bottom: solid 1px #eee;
}
.pr-userModal-mdright li span,.pr-userModal-mdright1 li span {
    float: right;
    padding-left: 10px;
}
.loginpage-global-container #pUser {
    background: none;
}
.loginpage-global-container #input-div {
    background: #fff;
    padding: 50px 0px;
    height: 500px;
}
.cem-report-container .presto-table-b>.row>div {
    border-bottom:solid 1px #eee;
}
.spider-chart-footer h4 {
    float: left;
    width: 120px;
    display: block;
}
.spider-chart-footer span {
    padding-right: 10px;
}
.loginpage-global-container #topp-logo {
    width:30%;
}
#vdma-spider-chart {
    height: 100%;
}
.fim-report-container .report-sheet-body .presto-table-b>.row>div:first-child {
    border-right: solid 15px #e3f3fb!important;
}
.fim-report-container .report-sheet-body .presto-table-h>div:first-child {
    border-right: solid 15px #e3f3fb;
}
.fim-report-container .fim-content {
    margin-top: -2px;
}
#fim-report .fim-content {
    height: auto !important;
}
.fim-report-container .fim-content .fim-table-b>.row>div>.fim-indicator {
    margin-left: 4px;
}
.cem-report-container .cem-header>div {
    height: 100%!important;
}
.cem-report-container .cem-header .cem-audit-title {
    padding-right: 20px!important;
    width: 70%!important;
    overflow: hidden;
    float: left;
}
.intiative-xmatrix-container .modal-header {
    padding: 0px;
}
.fim-report-container .fim-content .fim-table-b>.row>div:nth-child(2) {
    /*border-left: solid 1px #3eb5e2!important;*/
}
.fim-line-container svg:before {
    content: "";
    border:solid 10px #fff!important;
}
.left-fa .fa {
    margin-right: 10px;
}
/*.fim-report-container .fim-content .fim-table-b>.row>div {
    min-height: 35px;
}*/
.fim-report-container .fim-footer {
    height:auto!important;
    margin-top: 10px!important;
}
.fim-report-container .fim-footer-data {
    width: 23.55555%;
}
#audit-panel {
    opacity: 1!important;
}
.cem-non-conform span {
    margin-top: -57px;
    font-size: 14px;
    display: none;
    background: #F00;
    color: #fff;
    padding: 7px 14px;
    text-align: center;
    position: absolute;
    width: 110px;
    height: 45px;
}
.cem-non-conform span:after {
    content: "";
    width: 0;
    right: 28px;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #f00;
    position: relative;
    top: 25px;
    right: 0px;
}
#pr-user-modal .modal-dialog {
    width:93%!important;
    margin: 3px 3px 3px 145px;
}
#pr-gantt-chart-modal .modal-dialog,#charter-report-modal .modal-dialog{
    width: 99.9% !important;
    margin: 0px 0px 0px 0px;
}
#pr-gantt-chart-modal .modal-body,#charter-report-modal .modal-body  {
    padding: 0px !important;
    height: 93vh;
}
#pr-user-modal .modal-footer {
    border:none;
}
#pr-gantt-chart-modal .modal-footer,#charter-report-modal .modal-footer {
    border:none;
}
#audit-panel .right-panel-container .rp-report-icons img {
    max-width: 66px;
    border: solid 1px #dadada;
    padding: 5px!important;
    height: 66px;
    border-radius: 10px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
#audit-panel .right-panel-container .rp-report-icons img:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.audit-md-row-container .row {
    width:100%;
    display: flex;
}
.audit-result-h-md-box {
       width: 9.2%!important;
    margin-left: 0px!important;
}
.cem-audit-element span {
    color: #3eb5e2;
    font-weight: bold;
    padding-right: 10px
}
.media-report-active {
    border: 3px solid red!important;
    z-index: 1;
    border-left: none!important;
}
.md-input-width input {
    background-color: #ffffff!important;
}
.media-sub-codes-content .row {
    padding-bottom: 0px!important;
}
.map-group-code-template-alldetails .auto-height {
    min-height:auto;
}
.imaginary_container {
    float: right;
    width: 22%;
    margin-right: 44px; 
}
.stylish-input-group .input-group-addon {
    background: white !important;
    height: 34px;
    padding: 0px 12px;
}
.stylish-input-group .form-control {
    border-right:0;
    box-shadow:0 0 0;
    border-color:#ccc;
}
.stylish-input-group button {
    border:0;
    background:transparent;
    position: relative;
    right: -6px;
}
.google-visualization-orgchart-table div {
    font-weight: 100!important;
    font-size: 14px!important;
    position: relative;
    width:250px!important;
    max-width:250px!important;
    margin: 0 auto;
}
.org-flowchart-container td{
  width: 50px!important;
}
.pr-userModal-mdleft .modal-header h5 img {
    width:50px;
    height: 50px;
    margin-right: 10px;
}
.google-visualization-orgchart-connrow-medium {
    height: 30px!important;
    font-size: 4px;
}
.google-visualization-orgchart-node {
    background: #f1f1f1!important;
    border: none!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    font-weight: bold!important;
    font-size: 16px!important;
    line-height: 19px;
}
.org-chart-profile-holder {
    width: 260px!important;
    margin: 0 auto!important;
}
.md-team-container label img {
    width:30px;
    height: 30px;
    padding-right: 5px;
    position: relative;
    top: -2px;
}
#lecko-report .lecko-center .lecko-heatmap>.lecko-piece {
    border: solid 4px #fff;
}
#lecko-report .lines-container>svg:last-child {
    left:-13px;
}
.mrg-md-top img {
    width: 26px;
}
.mrg-md-top {
    margin-top: 106px!important;
}
.mrg-md-top-bottom {
    margin-top: 162px!important;
}
#pr-user-modal .modal-content {
   /* min-height: 820px;*/
    background: #fff url(/images/bg.png);
}
#cem-report .cem-content {

    display: flex;
    align-items: center;
    z-index: 1;
}
.intiative-xmatrix-container h4 {
    font-size: 24px;
    font-weight: bold;
}
@media print {
    .google-visualization-orgchart-table div {
        width: 200px!important;
    }
    * {
        -webkit-print-color-adjust: exact;
    }
    .personal-block {
        height: 100%!important;
        width: auto!important;
    }
    .cat-header {
        height: 100%!important;
    }
    .pr-skill-report-container .rsh-icon img {
        width: 65px!important;
        height: 65px!important;
        border: solid 3px #3eb5e2!important;
        border-radius: 93px!important;
    }
    .rsh-icon-right-model img {
        width: 150px!important;
        margin-bottom: 10px!important;
        height: 99px!important;
    }
    .vdma-report-all-md .rsh-icon img {
        float: right!important;
        width: 65px!important;
        border: solid 3px #3eb5e2!important;
        border-radius: 93px!important;
        max-width: none!important;
        max-height: none!important;
    }
    .vdma-report-all-md .report-sheet-header {
        border-bottom: solid 1px #eee!important;
        float: none!important;
        width: 100%!important;
        display: inline-block!important;
        overflow: hidden!important;
        min-height: 105px!important;
        margin-bottom: 0px!important;
    }
    .vdma-report-all-md .waste-report-table-b>.row:nth-child(even) {
        background: #fbfbfb!important;
        border-bottom: solid 1px #c0c0c0!important;
    }
    .vdma-report-all-md .waste-report-table-b>.row:nth-child(odd) {
        background: #f7f7f7!important;
        border-bottom: solid 1px #c0c0c0!important;
    }
    #cem-report .cem-header .cem-scores-labels .scores-labels-body>div {
        height: 100%!important;
    }
    .rsh-icon-right-model {
        margin: 0px!important;
    }
    .vdma-report-all-md .user-owner-img h6 {
        font-weight: 500!important;
    }
    .pr-skill-report-container .rsh-data {
        margin-left: 20px!important;
    }
    #badgerep-table-h {
        width: 100%!important;
        display: block!important;
        height: 100%!important;
    }
    .cat-header-full-md {
        width: 100%!important;
        margin: 0px 0px 0px 0px!important;
        display: block!important;
    }
    .cem-report-container .cem-header .cem-scores-labels .scores-labels-header {
        height: calc(100% - 30px)!important;
    }
    .cem-report-container .cem-header {
        height: 100px!important;
    }
    .report-sheet-body .presto-table-b>.row>div:first-child {
        border-left: none!important;
    }
    #personal-report-container .presto-table-b .row>div {
        height: 100%;
        width: 100%;
        padding: 0px!important;
        margin: 0px!important;
    }
    #personal-report-container .presto-table-b .row {
        padding: 0px!important;
        margin: 0px!important;
    }
    .pr-process {
        height: auto!important;
        width: 100%!important;
    }
    #personal-report-container .presto-table-b .row {
        border-bottom: none!important;
    }
    #personal-report-container .pr-team-name {
        border: none!important;
    }
    .presto-table-b .row>div {
        border: none!important;
/*        height: auto!important;*/
    }
    .skill-info {
        border-bottom: none!important;
    }
    .vdma-report-all-md .presto-table-h.waste-report-table-h {
        background-color: #ddefffd1!important;
        border: solid 1px #c5c3c3!important;
    }
    .vdma-report-all-md .presto-table-b>.row>div {
        border-right: 1px solid #c1c1c1!important;
    }
    .vdma-report-all-md .presto-table-b>.row {
        border-bottom: 1px solid #c1c1c1!important;
    }
    .vdma-report-all-md .report-sheet-body .presto-table-b>.row>div:first-child {
        border-left: 1px solid #c1c1c1!important;
    }
    .vdma-report-all-md .presto-table-b .row {
        border-bottom: 1px solid #c1c1c1!important;
        height: 100%!important
    }
    .vdma-report-all-md .waste-report-table-b>.row>div {
        min-height: 49px!important;
    }
/*zZLlzlzz*/


/*    .cem-report-container .cem-scores-labels {
        margin-left: 68px;
    }*/
    .intiative-xmatrix-container .modal-body {
        padding: 0px;
    }
    .report-sheet-utils {
        display: none!important;
    }
    .close-modal-icon {
        display: none;
    }
    .xmatrix-chart-md .md-row div {
        height: 290px;
        padding: 15px 0px;
    }
    .xmatrix-chart-md h3 {
        font-size: 12px;
    }
    .mid-employes-result {
        font-size: 10px!important;
    }
    .xmatrix-chart-md {
        width: 100%;
    }
    .modal-dialog {
        width: 100%;
    }
    .xmatrix-chart-md .row div {
        height: 22px;
        overflow: hidden;
        min-height: auto;
    }
    .xmatrix-chart-md .md-row div {
        padding: 15px 12px;
        height: 250px;
    }
    .xmatrix-chart-md .text-align-left {
        font-size: 12px!important;
    }
    .xmatrix-rotate-label {
        font-size: 12px!important;
    }
    .modal-content {
        position: relative;
        background-color: none;
        border: none;
        border-radius: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-background-clip: none;
        background-clip: none;
        outline: 0;
        padding: 0px 30px;
    }
    .xmatrix-chart-md .row:first-child {
        border-top: solid 1px #333!important;
    }
    #org-chart-container h4 {
        display: none!important;
    }
    .xmatrix-chart-md .text-align-left {
        padding: 0px 5px;
    }
#fim-report  .fim-content .fim-table-b>.row>div{
         border-right: none;
}
#fim-report .fim-content .fim-table-b>.row>div:nth-child(2) {
    border-left:  none!important;
}


}
.all-audit-report-tab-menu ul li a {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
}
.audit-user-report-container .report-sheet-header {
    float: left;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    height: 106px;
    border-bottom: solid 3px #eee;
}
.audit-user-report-container h1 {
    float: left;
}
.audit-user-report-container .rsh-icon {
    width: 80px;
    height: 80px;
    float: right;
    display: block;
}
.audit-user-report-container .rsh-icon>img {
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-width: none;
    max-width: none;
}
.audit-user-report-container .rsh-icon h5 {
    display: block;
    font-size: 19px;
    color: #333;
    padding-top: 3px;
}
.audit-user-report-container .report-sheet {
    background: #fff url(/images/bg.png);
}
#audit-details-form .presto-table-h>div {
    color: #000;
}
.audit-setup-container {
    min-height: 800px;
}
.audit-user-report-container .presto-table-h {
    background: #0061b5!important;
    color: #666;
    font-size: 16px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: 50px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.user-full-report-container .presto-table-b>.row:nth-child(even),
.audit-user-report-container .presto-table-b>.row:nth-child(even) {
    background: #eff3f5;
}
.audit-user-report-container .report-sheet-body .presto-table-h>div {
    line-height: 1.4;
    border-right-color: #fff;
    border-right-width: 2px;
    min-height: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px!important;
}
.audit-user-report-container .presto-table-b>.row>div:first-child {
    text-align: left!important;
    font-size: 18px!important;
}
.audit-user-report-container .presto-table-b>.row>div {
    border-right: 1px solid #c1c1c1;
    float: left;
    padding: 4px;
    cursor: pointer;
    line-height: 15px;
    color: #000;
    font-size: 30px!important;
    padding: 10px;
    text-align: center;
}
.audit-user-report-container .presto-table-b>.row div span {
    padding-right: 10px;
    color: #000;
    font-weight: bold;
}
.max-width-title {
    min-width: 20%;
}
.switch-view-button>img {
    cursor: pointer;
}
#audit-report {
    position: fixed;
    z-index: 17;
    right: 10px;
    top: 10px;
    bottom: 10px;
    left: 45%;
    /* background: #fff; */
    border-radius: 3px;
    box-shadow: 2px 2px 3px -1px rgba(0,
    0,
    0,
    .25);
    -moz-box-shadow: 2px 2px 3px -1px rgba(0,
    0,
    0,
    .25);
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0,
    0,
    0,
    .25);
    display: none;
    font-family: CenturyGothic;
    transition: left .4s,
    right .4s;
}
.audit-dashbord:hover {
    cursor:pointer;
    color: #0061b5;
}
#fix-th-head-row th {
    position: -webkit-sticky;
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0;
    z-index: 2;
}
.kaizen-summary-container #team-header img {
    width: 65px;
    height: 65px;
    margin: 10px;
    border: solid 3px #3eb5e2;
    border-radius: 34px;
    max-width: inherit;
    max-height: inherit;
}
.kaizen-summary-container .row {
    margin: 0px;
}
.kaizen-summary-container .presto-table-b .row div {
    font-size: 14px;
    color: #000;
    text-align: center;
}
.kaizen-summary-container .report-sheet-body .presto-table-h {
    background: #0079bf;
    color: #fff;
    height: 50px;
    font-size: 14px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 700;
}
.kaizen-summary-container .presto-table-h>div {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kaizen-summary-container .report-sheet {
    background: #fff url(/images/bg.png);
}
.kaizen-summary-container .presto-table-b>.row:nth-child(even) {
    background: #e4e7e8;
}
.kaizen-summary-container .presto-table-f>div {
    border-right: 1px solid #c1c1c1;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
    font-size: 16px;
    border-bottom: 1px solid #c1c1c1;
}
.kaizen-summary-container .presto-table-f>div:first-child {
    border-left: 1px solid #c1c1c1;
}
#ideas-right-panel .right-panel-container .right-panel-body>div>div:not(:last-child) {
    border:none!important;
}
.flow-item-50 {
    border: solid 3px #397997;
    border-radius: 5px;
    padding: 10px;
    background: #f7f7f7;
    height: 85vh;
    overflow-x: scroll;
}
.flow-span-block span {
    opacity: 9!important;
    height: 23px!important;
    width: 24px!important;
    padding: 0px!important;
    text-align: center!important;
    background: #1a6084!important;
}
.flow-item-row>input {
    border: none;
    height: 45px;
    width: 100%;
    padding: 6px;
    font-size: 16px;
    cursor: pointer;
    border:none;
    background: none;
}
.flow-item-row>span {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 48px;
    font-size: 16px;
    text-align: right;
    padding-top: 16px;
    padding-right: 16px;
    color: #fff!important;
    opacity: 0;
    cursor: pointer;
    transition: opacity .2s,
    color .2s;
    background: #f00;
}
.flow-item-row:hover>span {
    opacity: 1;
}
.flow-item-row {
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    transition: background .2s;
    height: 45px;
    width: 100%;
    padding: 6px;
    font-size: 16px;
    cursor: pointer;
}
.flow-item-row.active {
    background: #dadada;
}
.initiative-team-raci-search {
    display: none;
    position: absolute;
    height: 40px;
    width: 40%;
    z-index: 1;
    left: 0;
}
.md-flow-itemcheckbox {
    margin: 20px 0px;
}
.flow-raci-row {
    background: #eee;
    padding: 15px;
}
.flow-raci-row .op-raci-label,
.flow-raci-row .op-raci-add,
.flow-raci-row .op-raci-copy {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    background: #688a9a;
    border-radius: 3px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
}
.flow-raci-row .op-raci-add,
.flow-raci-row .op-raci-copy {
    background: #c1c1c1;
    cursor: pointer;
    margin: 0px 2px;
}




.flow-raci-row img {
    height: 40px;
    width: 40px;
    border-radius: 3px;
}
.flow-raci-row .raci-photos {
    float: left;
    margin: 0px 3px;
}
.flow-raci-row .op-raci-row {
    float: left;
    width: 100%;
    position: relative;
}
#opex-history-panel .tab-content {
    height: calc(100% - 235px);
    display: inline-block;
    width: 100%;
}
#opex-history-panel .history-tabmenu {
    float: right;
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #eee;
    /*margin-bottom: 20px;*/
}
.history-tabmenu .nav-tabs {
    float: right;
    border-bottom: none;
}
#opex-history-panel .nav-tabs>li.active>a,
#opex-history-panel .nav-tabs>li.active>a:hover,
#opex-history-panel .nav-tabs>li.active>a:focus {
    height: 35px;
    line-height: 12px;
    color: #ffffff;
    background: #42a5f5;
    border: solid 1px #a4a5a0;
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
}
#linked-processes .presto-table-h {
    background: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border:none;
    box-shadow: none;
}
#linked-processes .presto-table-h>div {
    border:none;
    margin-bottom: 10px;
}
#opex-history-panel .nav-tabs>li>a {
    height: 49px!important;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    font-size: 16px;
    border-right: solid 1px #eee;
}
#opex-history-panel .nav-tabs>li>a:last-child{
    border:none;
}



#linked-processes {
    padding:0px 15px;
}
#linked-processes .presto-b-table {
    position: relative;
    float: left;
    width: 100%;
}
#linked-processes .md-row {
    text-align: center;
    border-bottom: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    width: 100%;
    display: block;
    overflow: hidden;
}
.md-row>div {
    border-right: solid 1px #eee;
    height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.presto-b-table>.md-row:nth-child(even) {
    background: #f0f0f0;
}
#linked-processes .md-row:first-child {
    border-top:solid 1px #eee;
}

.audit-type-btn  .label-pop{
    float: left;
}
.audit-type-btn img {
    width: 66px;
    margin: 0px 2px;
    cursor: pointer;
    border: solid 1px #dadada;
    padding: 5px;
    border-radius: 10px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    margin: 10px 0px;
}
.audit-type-btn img:first-child{
    margin-left: 20px!important;
}


.audit-type-btn img:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
/*#opex-history-panel h3 {
    margin-top: 0px;
}*/
#opex-history-panel h3 span {
    padding-right: 14px;
    font-size: 30px;
}
.func-area-right-container .row-md-column {
    background: #fff;
    padding: 10px;
    font-size: 20px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    min-height: 90px;
}
.func-area-right-container {
    width: 100%;
    background: #f5f5f5;
    padding: 20px;
    display: inline-block;
}
.reporting-md-sectioncolumn .product-setup-containerrow h3 {
    font-weight: 600;
    margin-bottom: 30px;
    float: left;
    margin-top: 0px;
}
#audit-events-info-modal .modal-body {
    height: 854px;
    overflow: scroll;
}
.reporting-pkg-head {
    border-bottom: solid 1px #f0f0f0;
    /* overflow: hidden; */
    margin-bottom: 28px;
    display: inline-block;
    width: 100%;
}
.reporting-pkg-head-modal {
    border-bottom: solid 1px #f0f0f0;
    /* overflow: hidden; */
    margin-bottom: 28px;
    display: inline-block;
    padding-top: 25px;
}
.nc-area-right-left-colum {
    float: left;
    width:80%;
}

.info-description-box{
float: right!important;
width:40%!important;

}

.info-description-box textarea{

     height: 183px!important;   
}
.photo-observation-container .rsh-icon-right-model{
    text-align: right;
}
.photo-observation-container .cat-header h2{
    font-size: 28px;
    font-weight: bold;
    margin:20px 0px 20px 0px;
}
.highcharts-axis-labels{z-index: 999999;}

.segment-product-info-modal .product-setup-containerrow .row>div:first-child {
    background: none;
    border-radius: 0px;
    border:solid 3px #ced6da;
}
.segment-product-info-modal .checkbox-btns label.checkbox {
    margin-top: -12px;
    margin-left: -10px;
}
.segment-product-info-modal .product-setup-containerrow .row>div:last-child {
    cursor: pointer;
    width: 65%;
    border-radius: 0px;
    background: #258cc7;
}
.segment-product-info-modal .product-setup-containerrow .row>div {
    background: none;
}
.reporting-md-sectioncolumn .product-setup-containerrow-h {
    width: 100%;
    background: #000;
    display: inline-flex;
}
.product-setup-containerrow-right h3 {
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 0px;
}
.product-setup-containerrow-right{

    display: none;
}


.reporting-md-sectioncolumn h2 {
    font-weight: 600;
    margin-bottom:10px;
    margin-top: 0px;
}
.product-setup-language .row>div {
    background: #f0f0f0!important;
    color: #080808!important;
    border: solid 1px #ccccd2!important;
    border-radius: 31px!important;
}
.language-header-row .row>div>img:first-child {
    width: 84px!important;
}
.product-setup-containerrow-scroll {
    height: 617px!important;
}
.form-control-language {
    font-size: 20px;
    height: 43px;
}
.product-setup-language .row>div img {
    width:55px!important;
}
.product-setup-language .row>div:last-child {
    text-align: center;
    cursor: pointer;
    width: 70%!important;
    border-radius: 31px!important;
}
.product-setup-language {
    padding-top: 10px;
}
.language-header-row .row>div {
    background: #ffffff!important;
    color: #23284e!important;
    border: solid 1px #000!important;
    font-weight: bold;
    border-radius: 31px!important;
    overflow: hidden;
}
#contracts-container .presto-panel-transaction-column>div {
    background: none;
    border:none;
}
.product-setup-containerrow{
    width:100%!important;
}



.reporting-md-sectioncolumn .product-setup-containerrow-b .row {
    margin: 0px;
    border-bottom: solid 1px #eee
}
.reporting-md-sectioncolumn .product-setup-containerrow-b>.row:nth-child(odd) {
    background: #f0f0f0;
}
.product-setup-containerrow-b label.checkbox {
    margin-top: -10px;
}
.reporting-md-sectioncolumn .product-setup-containerrow-b>.row:last-child {
    border-bottom: solid 1px #eee;
}
.reporting-md-sectioncolumn .product-setup-containerrow-b .row>div {
    font-size: 18px;
    padding-left: 15px;
    border-right: solid 1px #ccc8c8!important;
    height:40px;
    display: flex;
    align-items: center;

}
.reporting-md-sectioncolumn .product-setup-containerrow-b .row>div:last-child {
    justify-content: center;
}
.filters-container .panel-default>.panel-heading+.panel-collapse>.panel-body{
    max-height: 688px;
    overflow: scroll;
    padding-bottom: 50px;

}

.form-control-view textarea{

    max-height: 350px;
}



.xmatrix-chart-md .row div .fa-play {
    transform: rotate(29deg);
    position: relative;
    top: 3px;
}
.product-setup-containerrow-b .form-control {
    background: none;
    border:none;
}
.reporting-md-sectioncolumn .md-span-row span {
    padding-right: 15px;
    font-weight: 700!important;
}
.reporting-md-sectioncolumn .md-span-row .row>div:first-child {
    font-weight: 300!important;
}
.reporting-md-sectioncolumn .md-span-row .row>div:last-child {
    padding-left: 0px!important;
}
.reporting-md-sectioncolumn .product-setup-containerrow-b {
    position: relative;
    overflow: scroll;
    height: 600px;
    padding-bottom: 100px;
}
.reporting-md-sectioncolumn .product-setup-containerrow-b .row>div:first-child {
    font-weight: 700;
    border-left: solid 1px #ccc;
}
.reporting-md-sectioncolumn .product-setup-containerrow-h div {
    color: #fff;
    height: 35px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: left;
    border-right: solid 1px #fff;
}
.reporting-md-sectioncolumn .product-setup-containerrow .btn-add {
    font-size: 50px;
    margin-top: -11px;
    padding: 0px;
    line-height: 0;
    background: #000;
    width: 47px;
    height: 47px;
    display: flex;
    color: #fff;
    float: right;
    align-items: center;
    justify-content: center;
}
.reporting-md-sectioncolumn .presto-panel-transaction-column>div {
    border: solid 1px #eaeaea;
    padding: 30px;
    background: #f9f9f9;
    height:675px;
    overflow: hidden;
}
.cumulative-chart-container .cc-filter{
    background: #fff!important;
}



.product-setup-containerrow-right h3 img{width: 60px;padding-right: 10px;}


.mrg-filter {
    margin-top: 10px;
}
.fav-iconfilter-row {
    position: absolute;
    z-index: 9;
    width: 30px;
    font-size: 30px;
    left: 15px;
    margin-top: 10px;
    color: #e2e4e6;
}
.fav-iconfilter-row i {
    cursor: pointer;
}
.audit-family-event-filter .audit-filter-badge {
    position: absolute;
    left: -35px;
    top: 0px;
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6e6e6;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    font-size: 22px;
    padding-left: 3px;
    transition: color .2s,
    background-color .2s;
}


.modal-title img {
    width: 40px;
    padding-right: 10px;
}
.fim-report-container-head div {
    height:42px;
    background: #fff;
    color: #000;
    margin: 10px 0px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 5px;
    width: 84%;
}
.fim-report-container-head div:first-child {
    background: #eee;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    justify-content: center;
    color: #fff;
    width:8%;
    font-weight: bolder;
    font-size: 19px;
}
.fim-report-container-head div:last-child img {
    width:40px;
}
.fim-report-container-head div:last-child {
    background: #fff;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    justify-content: center;
    font-size: 20px;
    width:8%;
    font-weight: 900;
    color: #3F51B5;
    border-left: solid 1px #d8d8d8;
}
.audit-report-container-btn {
    float: right;
    margin-top: 10px;
    margin-left: 5px;
    display:block!important;
    position: relative;
}
.rp-icon-column {
    margin-left: 5px;
    display: block!important;
    position: relative;
    height: 110px;
    background: url(/images/fribourg-thumbnail.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 10px
}
#filter-info .switch-view-button{
    right: 0!important;
    left:auto!important;
        top: -63px;
        width: 40px;
}
/*.audit-tabmenu{margin-top: 13px;}*/
#filter-info .switch-label-button{
left: 252px!important;
    top: -13px;
    width: 120px;
    position: absolute;
    background: none;
    box-shadow: none;
    background: #3e5eab;
    font-size: 20px;
    color: #fff;
    height: 43px;

}
#audit-switch.label-wbt{
 -webkit-box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;
}
.label-wbt{
    width: 120px!important;
    background: #fff !important;
    font-size: 20px;
    color: #000 !important;
    height: 43px; 
    position: absolute;
    top: -13px;
    left: 0; 
     -webkit-box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;
        -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.label-wbt:hover{
-webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}


.label-wbt.active{
    width: 120px!important;
    background: #3e5eab !important;
    font-size: 20px;
    color: #fff  !important;
    height: 43px; 
    position: absolute;
    top: -13px;
    right: 0; 
}
#filter-info  .summary-label{
        left: 125px!important;
}


.full-w{width: 100%!important}
.sublabel-50{width: 50%!important;font-weight:700;}
#filter-info .switch-label-button img{
        position: relative;
    left: 0px;
    width: 40px;
}


#filter-info .switch-view-button img{
        position: relative;
    left: 0px;
}
.audit-md-row-container .fa-icon-set {
    display: flex;
    align-items: center;
    justify-content: center;
    width:13.8888%;
    text-align: -webkit-right;
    padding: 0px!important;
}
.rp-icon-column::before {
    background-color: rgba(0,
    95,
    179,
    0.45);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}
.audit-family-event-filter .panel.panel-default {
    margin-bottom: 5px;
    position: relative;
}
.audit-family-event-filter .panel.panel-default .panel-heading a span>img {
    float: right;
    max-width: 42px;
    position: relative;
    top: -7px;
    max-height: 32px;
    right: -12px;
    margin-bottom: -20px;
    border-radius: 24px;
    border: solid 1px #e6e6e6;
}
.audit-family-event-filter {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.row-md-column>div {
    float: left;
    padding-right: 20px;
}
#func-area-container .active {
    border:solid 1px #f00!important;
}
.company-user-logo img {
    width: 75px;
    float: left;
}
.user-full-report-container .report-sheet {
    background: #fff url(/images/bg.png);
}
.user-full-report-container h1 {
    font-size: 29px;
    padding: 17px 30px 0px 20px;
    color: #0061b5;
    float: left;
}
.user-full-report-container .presto-table-b>.row>div {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.user-full-report-container .report-sheet-body .presto-table-h>div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 37px;
}
.user-full-report-container .report-sheet-body .presto-table-h {
    background: #270865;
    color: #fff;
    height: 38px;
    display: flex;
    align-items: center;
}
.audit-type-btn {
    float: right;
    position: fixed;
    bottom: 0;
    right: 0px;
    background: #fbfbfbf7 url(/images/bg.png);
    width: 30%;
    border-top:solid 1px #e2e2e2;

}
.audit-event-filter {
    height: 667px;
}

.h3-cl .company-user-logo img{
    height: 140px;
}


.presto-table-sections .row>div {
    border:solid 3px #0061b5;
    max-height:360px;height:360px;
    padding:20px;
    border-bottom: none;
    border-top:none;
}

.row.md-form-fim{
    position: relative;
}

element.style {
}
.md-form-fim:hover>.audit-deletebutton{
    opacity: 1;
}

.md-form-fim>.audit-deletebutton {
      width: 34px;
    height: 30px;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    outline: none !important;
    background: firebrick;
    color: #fff;
    margin-left: 5px;
    transition: color .2s, opacity .2s;
    margin-top: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    right: -41px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


.presto-table-sections {
    padding: 0px 30px!important;
}
.presto-tablespider-sections ul {
    padding: 0px;
    margin: 0px;
}
.presto-tablespider-sections ul li {
    list-style: none;
    padding: 10px;
    border-bottom: solid 1px #eee;
    font-size: 16px;
}
.presto-tablespider-sections ul li span {
    padding-right: 15px;
    font-weight: bold;
    font-size: 16px;
}
.chart-md-row-table {
    padding: 50px;
    border:solid 3px #eee;
    margin:20px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chart-md-row-table img {
    width:80%;
}
.presto-table-sections .row p {
    font-size: 16px;
}
.presto-table-sections .row>div:first-child {
    border-right: none;
}
.presto-table-sections .row {
    margin: 0px!important;
    border-top:solid 3px #0061b5;
}
.presto-table-sections .row:last-child {
    border-bottom:solid 3px #0061b5;
}
.presto-table-sections .row div h4 {
    float: left;
    width: 40%;
    font-size: 20px;
    color: #333;
    font-weight:bold;
}
.md-tg-icon {
    float: left;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.md-tg-icon img {
    width: 50px;
    height: 50px;
    float: right;
    border: solid 1px #b7acac;
    margin: 5px;
    text-align: center;
    padding: 5px;
    border-radius: 50%;
}
.md-tg-icon-column {
    border: solid 1px #eee;
    margin-top: 0px;
    padding: 15px;
    width: 100%;
    position: relative;
    display: inline-block;
}
.vdma-report3container .company-fim-logo img {
    width: 80px;
    border: solid 1px #eee;
    padding: 10px;
    float: right;
    border-radius: 5px;
}


.cem-report-fullcontainer .report-sheet-header {
    margin-bottom: 15px;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}



.fim-company-details ul {
    padding: 0px;
    margin: 0px;
    position: relative;
    margin-top:15%;
}
.fim-company-details ul li {
    list-style: none;
    font-size: 18px;
    color: #000;
        display: flex;
        line-height: 2 !important;
}
.fim-company-details ul li span {
    font-weight: bold;
    color: #000;
    padding-left: 12px;
    width: 35px;
    display: flex;
    /* background: #f00; */
    height: 35px;
    margin-bottom: 10px;
    margin-right: 7px;
    align-items: center;
}
.fim-company-details ul li span:after {
    /*content: "";
    border: solid 1px #000;
    width: 10px;
    height: 3px;
    display: inline-block;
    position: relative;
    top: 12px;
    left: 5px;*/
}
.initiative-team-raci-search {
    display: none;
    position: absolute;
    height: 40px;
    width: 150px;
    z-index: 1;
    left: 0;
}
.initiative-raci-box {
    float: left;
    position: relative;
}
#workflow-items-container .flow-raci-row {
    overflow: hidden;
}
.initiative-team-raci-search>input {
    width: 150px;
    height: 100%;
    padding: 5px;
    color: #000;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0,
    0,
    0,
    .25);
    -moz-box-shadow: 0 1px 10px rgba(0,
    0,
    0,
    .25);
    -webkit-box-shadow: 0 1px 10px rgba(0,
    0,
    0,
    .25);
}
.initiative-raci-search-close {
    position: absolute;
    right: 0;
    top: 5px;
    color: #888;
    padding: 8px;
    cursor: pointer;
}
.form-tab-inner .edit-audit-btn img {
    width: 36px;
    background: #333;
    padding: 6px;
    position: relative;
    cursor: pointer;
   /* -webkit-box-shadow: 2px 8px 16px -6px #000;
    box-shadow: 2px 8px 16px -6px #000;*/
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    position: relative;
    left: -8px;
}
.form-tab-inner .edit-audit-btn span {
    position: absolute;
    left: 41px;

}
.label-span-flex{
        white-space: normal;
    display: flex;
    width: 88%;
    float: right;margin-top: 5px;

}


.form-tab-inner .edit-audit-btn span img {
    background: none;
    padding: 3px;
}
.av-score-total-score div span {
    color: #000;
    background: #fff;
    width: 100px;
    height: 44px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*border: solid 3px #ffbb38!important;*/
}
.form-tab-inner .edit-audit-btn img:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.av-score-total-score>div {
    font-size: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.av-score-total-score>div b {
    width:150px;
    float: left;
}
.info-audit-edit-modal .modal-dialog {
    width: 100%;
}
.modal-verification-row div {
    margin: 10px 0px;
}
.edit-audit-btn {
    position: absolute;
}
.info-audit-modal-left-column .modal-body,
.info-audit-edit-modal .info-audit-modal-left-column .modal-body {
    height: 600px;
    overflow: scroll;
}
.form-tab-inner .edit-audit-btn span .span-count {
    left: 16px!important;
    top: 9px;
    font-weight: bold;
}
.form-tab-inner .edit-audit-btn .span-count-img {
    width:54px!important;
    top: -6px;

    -webkit-transform: none;
    transform: none!important;
    transition-duration: none!important;
}
.form-tab-inner  .idea-audit-btn:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);


}
.form-tab-inner  .idea-audit-btn{
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
        cursor: pointer;
}


.info-audit-idea-modal .modal-dialog {
    width: 70%;
}
.cycle-section-row h4 {
    float: left;
    margin-right: 15px;
    font-weight: bold;
}
.cycle-section-row-compass img {
    width: 70px;
    float: right;
    cursor: pointer;
}
.hosinkenari-initiative-popup .modal-dialog {
    width: 40%;
    margin: 30px auto;
}
#audit-Metric-owner-imgupload {
    z-index: 99999999;
    background: rgba(0,
    0,
    0,
    0.67);
}
#audit-idea-owner-project .modal-content,
#audit-idea-owner-imgupload .modal-content,
#audit-idea-owner-popup .modal-content,
#audit-Metric-owner-imgupload .modal-content {
    display: inline-block;
}
#audit-Metric-owner-imgupload .modal-content {
    width:100%;
}
.hosinkenari-initiative-popup .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: none;
    position: absolute;
    right: 18px;
}
.metric-row-md {
    border: solid 1px #eee;
    padding: 6px 10px;
    width: 80%;
}
.hosinkenari-initiative-popup .modal-content {
    background: none;
    width: 100%;
    padding: 20px 35px;
    display: inline-block;
    box-shadow: none;
    border-radius: 0px;
    border: none;
}
.form-groupmd-row {
    width: 100%;
    display: inline-block;
    margin: -3px 0px;
    border-bottom: solid 1px #eee;
    padding: 15px 0px 26px 0px;
}
.form-groupmd-row ul li {
    width: auto;
    list-style: none;
    float: left;
    padding-left: 5px;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    padding-right: 15px;
}
.metric-row-scrollMd {
    height: 300px;
    overflow: scroll;
    padding-top: 15px;
}
.hosinkenari-initiative-modal {
    background: #f3f3f3 url(/images/pattern.png);
}
.hosinkenari-initiative-modal .modal-body {
    position: relative;
    padding:20px 40px;
    background: #fff;
}
.form-groupmd-row ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width:100%;
}
.form-groupmd-row ul li a {
    display: flex;
    font-size: 60px;
    align-items: center;
    width: 63px;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    border: solid 1px #eee;
    padding: 3px;
    height: 55px;
}
.form-groupmd-row .form-control {
    margin-top: 7px;
}
.form-groupmd-row label {
    font-size: 20px;
    font-weight: bold;
}
.cycle-section-row-compass {
    float: right;
}
.md-row-columntabel-h div {
    font-size: 18px;
}
.md-row-columntabel-h {
    margin:10px 0px;
    width: 100%;
    display: inline-block;
}
.md-row-columntabel-b {
    margin:5px 0px;
    width: 100%;
    font-size: 24px;
    display: inline-block;
}
.md-row-columntabel-b .form-control {
    width:85%;
}
.md-idea-row-column .form-control {
    height: 45px;
}
.md-idea-row-column .topp-cycle {
    position: relative;
    background: #fff;
    width: 116px;
    border: solid 1px #eee;
    float: left;
    padding: 10px;
    font-size: 15px;
    text-align: center;
}
.cycle-section-row {
    width: 31.555555%;
    float: left;
    padding-bottom: 8px;
    margin: 15px 13px 0px 0px;
    border: solid 1px #e6dede;
    padding: 10px;
}
.cycle-row-section-idea {
    width: 100%;
    display: inline-block;
    border-bottom: solid 1px #fff2f2;
    padding-bottom: 12px;
    margin: 0px 0px 11px 0px;
}
.info-audit-idea-modal .textarea-form {
    height: 100%!important
}
.idea-md-relative-head .main-media-info{
float: left;
}

.mrg-1{margin-right: 2px;}
.dtaa-100{
    width:100%;
    display: inline-block;
    background: #eee;
    padding: 20px!important;
}
.info-audit-idea-modal .modal-body
 {
    position: relative;
    padding:18px 25px 10px;
    background: #fff;
    height:800px;
    overflow:scroll;
        margin-top:-2px;
}
.audit-idea-infomodal{min-height: 800px;}


.form-observation-row{
    width:100%;
    height: calc(100% - 100px);
    overflow-y:scroll;
    overflow-x: hidden;
    margin-top: 20px;
}
.audit-observations-modal .modal-body
 {
    position: relative;
    padding:18px 30px 30px;
    background: #fff;
    height:740px;
    overflow-y:scroll;
    overflow-x: hidden;
    margin-top:-2px;
}
.audit-observations-modal .ideapanel-header{
    padding: 0px 0px 20px 0px;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
        width: 100%;
    display: inline-block;

}
.upload-observation-row .upload-observation{
width:48%;float: left;position: relative;
}
.upload-observation-row{
    width: 100%;
    display: inline-block;
    overflow: scroll;
    height: 400px;

}
.audit-idea-infomodal-container h1,
.master-initiative-modal-container h1
{
    margin: 0px;
    font-size: 28px;
    font-weight: 700;

}
.master-initiative-modal-container .nav-tabs>li.active>a, 
.master-initiative-modal-container .nav-tabs>li.active>a:hover, 
.master-initiative-modal-container .nav-tabs>li.active>a:focus {
    color: #fff;
    background: #000;
    border: none;
    border-radius: 0px;
}
.master-initiative-modal-container .nav-tabs{
    border:none;
    border: none;
    float: right;
    margin-right: 15px;
        margin-top: 3px;
}
.master-initiative-modal-container .nav-tabs>li>a {
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: #eee;
    color: #000;
    height: 50px;
    padding: 7px 15px!important;
    display: flex;
    align-items: center;
}
.master-initiative-modal-container .nav-tabs>li {
    float: left;
    height: 40px;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    margin-top: 10px;
    cursor: pointer;
    color: #c1c1c1;
        display: flex;
    align-items: center;
}
.master-initiative-modal-container h1{
    float: left;
    font-size: 28px;
    font-weight: 700;
    padding: 20px 15px;


}
.md-idea-row-column {
    margin: 10px 0px 0px 0px;
    width:100%;
    display: inline-block;
  
}
.cycle-section-row .form-group {
    float: left;
}
.bt-add-details-row {
     float: left;
    width: 95px;
    font-size: 20px;
    padding: 0;
    line-height: 0;
    background:none;
    position: relative;
    border: none;
    margin-top: 4px;
    cursor: not-allowed;
}
.calendar-main-container #calendar-title{
    margin-top: 19px;
    color: #000!important;
    font-weight: bold;
    background: #fff;
    height: 75px;
}

.calendar-main-container #calendar-body{
    max-height: 520px;
    overflow-x: scroll;
}
.master-inlabelicon{
    width: 100%;
    display: inline-block;
    margin-top: 0px;

}
.duplicate-kpi-sp{
    font-size: 21px;
    color: #000;
    float: right;
    margin: 10px;
}
.master-inlabelicon img{
    width:40px;

}
.master-inlabelicon span{margin-left: 8px;    font-size: 21px;
    font-weight: bold;}
#ui-datepicker-div {
    z-index: 9999999 !important;
}
.bt-add-details-row span{
    display: block;
    font-size: 44px;
    /* overflow: hidden; */
    padding-bottom: 27px;
    margin-top: 8px;
}


.idea-modal-company-logo {
    float: right;
    display: inline-block;
    padding: 10px 0px;
    width: 100%;
}
.idea-md-relative-head{
    position: relative;
    width: 100%;
       display: inline-block;
}
.md-idea-row-column .row{

    padding: 10px;
}
.idea-md-relative-head .username-details{
float: left;
padding-left: 15px;

}
.row-product-setup-containerrow{width:100%;display: inline-block;}
.idea-md-relative-head .username-details h5{
    font-size: 22px;
    margin: 0px;
    padding-bottom: 5px;
    font-weight: 600;

}.all-md-container .bt-input-box.racibox {
    height: 34px!important;
}

#all .idea-md-relative-head img{
    width: 75px;
}
#all .idea-md-relative-head{
    border-bottom: solid 1px #eee;
}

.duration-md-row .md-idea-row-column{
    border: solid 3px #f3f3f3!important;
}
.md-idea-row-column{
 background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 3px #337ab7;
    border-radius: 16px;
}
.cycle-section-row-compass img{
    width: 50px!important;
    background: none!important;
    padding: 0px!important;
}
.info-audit-idea-modal .info-audit-modal-container {
    padding: 30px;
}
.info-audit-idea-modal .idea-modal-header img
 {
    width: 50px;
    position: relative;
    float: right;
    margin-bottom: 16px;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
    border: solid 3px #eee;
}

.idea-md-relative-head img
{
        width: 50px;
    position: relative;
    float: right;
    margin-bottom: 16px;
    background: #fff;
    padding: 5px;
}

.vdma-report-all .presto-table-h{
        background: #0061b5!important;
        color: #fff!important;
}


.vdma-report-all-md .presto-table-b>.row:nth-child(even) {
 background: #f3f3f3;
}

.idea-modal-header {
    width:100%;
    display: inline-block;
        border: solid 1px #e0e1e2;
}
.work-bench-cyclemd .topp-cycle.glyph-white {
    color: #fff !important;
    width: 100%;
    text-align: center;
}
.md-idea-row-column .responsible-team img {
    width: 60px;
    height: 60px;
}




.md-idea-row-column .responsible-team ul {
    float: left;
    margin-bottom: 0px;
}
.md-idea-row-column .responsible-team ul li a {
    border: solid 1px #eee;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 5px;
}
.master-column-divcontainer .idea-md-relative-head img,
.idea-column-divcontainer .idea-md-relative-head img

{
    width: 60px!important;
    height: 60px!important;
    position: relative;
    top: -13px;
    margin:0px!important;

}
.info-audit-modal-container .idea-newspanel  {

    margin-top: -20px;
}

.idea-column-divcontainer .idea-md-relative-head img{
    top:-5px!important;
}


.md-idea-row-column .idea-md-relative-head img{
margin-bottom: 0px!important;

}

#audit-idea-owner-popup,
#audit-idea-owner-project,
#audit-idea-owner-imgupload,
#hosinkenari-initiative-popup,
#audit-idea-infomodal,
#audit-master-initiative-modal,
#audit-metric-modal,
#scop-auditor-info-modal,
#audit-idea-modal,
#audit-observations-modal,
#add-proj-contact-modal,
#add-proj-owner-modal,
#plus-upload-modal,
#audit-observations-modal-pop
 {
    background: rgba(0,0,0,0.67);
    z-index: 1111;
    height: 100%;
    overflow: scroll;
}
.ui-front {
    z-index: 99999!important;
}
#plus-upload-modal .modal-content

{
    background: #fff;overflow: hidden;
}
#plus-upload-modal h5{
    font-size: 20px;
    font-weight: 800;
    padding: 10px 16px;
    margin-bottom: 0px;

}
.audit-observations-modal-pop p{
        font-size: 18px;
    padding-bottom: 10px;
}
.audit-observations-modal-pop p span{
    font-weight: 400;
    font-size: 18px;
    padding-left: 10px;
}
.audit-observations-modal-pop .observation-row{
    width: 100%;
    height: 40px;
    border-radius: 0px;
}
.audit-observations-modal-pop label{
    position: relative;
    top:5px;
}
.audit-observations-modal-pop .form-group {
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
}
.audit-observations-modal-pop label{
     font-size: 18px;   
}
.audit-observations-modal-pop .modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 23px;
    font-weight: 800;
}
.audit-observations-modal-pop .btn-success{
color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-size: 21px;
    margin-top: 10px;
    width: 100px;
    height: 40px;
    border: none;
}


.team-list-container .check-items{

        width: 35px;
    display: flex;
}

#plus-upload-modal .user-upload-audit-row span img{
    border:none!important;
}
#plus-upload-modal .user-upload-audit-row{
    border: solid 1px #eee;
    padding: 10px 10px;

}

#plus-upload-modal .user-upload-audit-row .form-control{
    height: 45px;    margin-top: 15px;
}


.check-items-row-div .team-list-item{padding-left: 0px!important;}

.check-items .form-group{
   
    margin-top: -12px;
}
#audit-metric-modal .modal-content {
    background: #fff url(/images/bg.png);
}
#audit-metric-modal .md-idea-row-column{
    padding-top: 10px;
}
.md-tg-icon h5{
    background: #eee;
    padding: 10px;
    width: 100%;
    display: inline-block;
    margin: 0px;
    font-size: 16px;
}

#audit-idea-modal .ideapanel-header {
    background: #fff;
    padding: 10px 0px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #eee;
}

#audit-idea-modal .ideapanel-waste-icons ul span {
    font-size: 35px;
    border: solid 1px #a29e9e;
    margin-right: 7px;
    padding: 5px;
        height: 50px;
    display: flex;
    float: left;
}
.final-event-report-modal.active{
    outline:none!important;
}

#audit-idea-modal .ideapanel-header h3 {
    float: left;
 /*   padding-left: 30px;*/
    font-weight: 800;
}
.info-audit-modal-container .idea-newspanel p{
    display: flex;
    font-size: 20px!important;
}
.info-audit-modal-container .idea-newspanel p span{

    width: 55px;
}
.info-audit-modal-container .issue-phase-colour{
    width: 8%!important;
}

#audit-idea-modal .ideapanel-header h5 {
    text-align: right;
    width: 80%;
    float: left;
    margin: 0px;
    font-weight: bold;
    font-size: 16px;
}
.idea-presto-modal-container .ideapanel-header h4 {
    text-align: right;
    width: 80%;
    float: left;
    margin: 10px 0px 0px;
    font-weight: bold;
    font-size: 18px;
}

#audit-idea-modal .ideapanel-uploadimg {
    float: right;
    width: 100px;
    cursor: pointer;
}

.idea-presto-modal-container h2 {
    float: left;
    font-size: 24px;
    font-weight: 600;
}

#audit-idea-modal .ideapanel-uploadimg img {
width: 65px;
    height: 65px;
    border: solid 2px #1e72b2;
    padding: 5px;
    border-radius: 50%;
}
.idea-upload-rfow{width: 100%;display: inline-block;}

#audit-idea-modal .idea-body-container .ideapanel-uploadimg {
    float: right;
    width: 100px;
    cursor: pointer;
}

#audit-idea-modal .attached-user-file span {
    display: block;
}


#audit-idea-modal .ideapanel-header .rsh-icon {
    float: right;
    width: 50%;
    display: block;
    justify-content: flex-end;
}

#audit-idea-modal .ideapanel-header .rsh-icon img {
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-width: none;
    height: 65px;
    max-height: none;
    margin-left: 10px;
}
#audit-idea-modal .ideapanel-waste-icons ul {
    margin: 6px 0px;
    padding: 0px;
    display: inline-block;
}

.product-setup-containerrow .row.active{
    border: solid 3px #4CAF50;
    background: #f3f3f3;
    border-radius: 5px;
    color: #000;

}
.scope-plus-btn{
    font-size: 50px;
    margin-top: -11px;
    padding: 0px;
    line-height: 0;
    background: #dedede;
    width: 47px;
    height: 47px;
    display: flex;
    color: #968f8f;
    float: right;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.idea-md-relative-head .news-title-p{
    border-bottom: none;
}
.initiative-head-user-icon{
    padding: 5px;
    border-bottom: solid 1px #337ab7;

}
.chat-details .md-span-cal-width
{
    max-width:45%;
    display: block;
    float: left;
}
.chat-details{
      display: flex;
    align-items: center;  
}

#audit-metric-modal .modal-dialog{
    width: 800px;
}
#audit-metric-modal .md-idea-row-column{
    font-size: 20px;padding-bottom: 10px;
}


.initiative-head-user-icon .responsible-team ul li{width: auto!important;}

.initiative-head-user-icon .news-title-p{

    float: left;padding-left: 10px;
}


.initiative-head-user-icon ul li img{
    top: 0px!important;
    background: none;
    border: solid 2px #2196F3;
    padding: 0px;
    width: 50px!important;
    max-width: 52px;
    max-height: 52px;
}


.idea-md-relative-head  .responsible-team{
    padding: 0px;
}


.md-idea-row-column .responsible-team ul li {
    width: 65px;
}
#audit-idea-owner-popup .md-idea-row-column {
    border: dotted 3px #e8e8e8!important;
}
.info-mrg{margin-right: 0px!important;margin-top: 6px;}

.md-idea-row-column .responsible-team h5 {
    width: 100%;
    text-align: left;
    margin: 0px 0px 5px 15px;
    font-weight: 700;
    font-size: 16px;
}
.md-idea-row-column .responsible-team {
    margin-top: 0px;
    padding: 0px;
}
.raidea-owner-img,
#audit-master-initiative-modal .bt-proj-owner-img
 {
    float: right!important;
    margin-right: 10px!important;
    width: 50px!important;
    height: 50px!important;
    border-radius: 3px!important;
}
.work-flowrow-md {
    margin-top: 50px;
    width: 100%;
}
.mrg-div-space {
    margin-left: 5%;
}
.md-idea-row-column .bt-input-box.racibox {
    height: 53px;
        border-bottom: solid 1px #ddd;
}
.product-setup-containerrow .row {
    width: 100%;
    display:inline-block;
    margin:0px 0px 10px 0px;
    padding: 7px;
    border: solid 3px #f9f9f9;
    cursor: pointer;
}
.product-setup-containerrow h2 {
    font-weight: 600;
    margin-bottom: 30px;
}
.pe-btn-autidDas .btn {
    background: #f00;
    height: 20px;
}
.type-btn-autidDas {
    float: left;
    margin-top: -5px;
}
.default-btnP {
    background: #108cc7;
    color: #fff;
    display: block!important;
    width: 130px;
    margin: 0px 0px 5px 0px;
}
.default-btnP a {
    color: #fff;
    font-size: 15px;
}
.product-setup-containerrow .row>div {
    background: #108cc7;
    color: #fff;
    font-size: 20px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin:0px 15px 0px 0px;
}
.product-setup-containerrow .row>div img:first-child {
    width: 40px;
}
.product-setup-containerrow .row>div:last-child {
    text-align: center;
    cursor: pointer;
    width: 50px;
    border-radius: 50%;
}
.av-score-total-score h3 {
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 800;
}
.user-upload-audit-img span img {
    width: 130px!important;
    padding: 0px;
    border-radius: 18px;
    border: solid 4px #e9ebec;
}
.as-of-date{
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;

}
.as-of-date span
{padding-left: 5px;}
.useruload-img-column{
width:100%;
display: inline-block;
    padding: 10px 0px;

}
.product-setup-containerrow .row>div:first-child {
    background: #ffffff;
    border: solid 1px #828388;
    border-radius: 20px;
    color: #000;
}
.audit-scope-modalbody h3 {
    font-weight: bold;
    padding: 10px 0px;
    font-size: 18px;
        width: 100%;
    display: inline-block;
}
.audit-scope-modalbody .modal-footer {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.user-upload-audit-img .input-group-btn {
    width: auto;
}
.fim-report-container .main-header{
    
    border-bottom: solid 1px #eee;
}
.user-upload-audit-img input[type="file"] {
    display: block;
    position: absolute;
    bottom: 0px;
    height: 105px;
    left: 1px;
    width: 130px!important;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
    border-radius: 100%;
}
.audit-scope-modalbody h5 {
    font-size: 20px;
    color: #333;
    padding: 18px 0px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
}
.audit-scope-modalbody h5 span {
    padding-left: 20px;
}
.scope-auditers-row {
    padding-left: 30px;
    display: none;
}
.scope-auditers-row-h>div {
    font-size: 20px;
    border-right: solid 1px #c3bdbd;
    height: 50px;
    padding: 11px 8px;
    color: #fff;
    font-weight: 600;
}
.user-upload-audit-img {
    background: #5890c3;
    display: inline-block;
    padding:10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.scope-auditers-row-h .checkbox {
    top: -12px;
    left: 11px;
}
.scope-auditers-row-b .checkbox {
    top: -12px;
    left: 11px;
}
.scope-auditers-row-h span::before,
.scope-auditers-row-h span::after {
    background: #fff!important;
}
.scope-auditers-row-h {
    background: #5890c3;
    overflow: hidden;
    height: 50px;
}
.useruload-img-column>div{
    float: left;
    margin-bottom: 10px;
}
.useruload-img-column>div img{ 
    width: 140px;
    margin: 0px 5px;
    height: 140px;
    border: solid 3px #e3e5e6;
    border-radius: 15px;
    padding: 8px;
}
.product-setup-containerrow .text-align-lt {
    text-align: left!important;
    justify-content: left!important;
    padding-left: 15px;
}
.cem-report-fullcontainer .report-sheet {
    background: #fff url(/images/bg.png);
}
.cem-report-container .rsh-title{
    width: 100%;
    display: inline-block;
}
.cem-report-container .rsh-subtitle{
    float: left;
    padding-right: 15px;
}
.cem-report-container .clr-dat{
     color: #54ab08;
    font-weight: 500;
    font-size: 19px
}


.av-score-total-score {
    margin-top:20px;
}
.user-upload-audit-row {
    width:100%;
    display: inline-block;
    margin-bottom: 5px;
}
.user-upload-audit-row span img {
    width: 75px;
    height: 75px;
    padding: 2px;
    border-radius: 50%;
    border: solid 4px #1c6393;
}
.user-upload-audit-row span .fa {
    z-index: 1;
    font-size: 37px;
    position: absolute;
    left: 64px;
    top: 58px;
    color: #eaedef;
}
.user-upload-audit-row span .btn-file {
    z-index:2;
}
.audi-logo {
    color: #1c6393;
    font-size: 23px;
    padding-left: 30px;
    font-weight: 700;
}
.user-upload-audit-row input[type="file"] {
    display: block;
    position: absolute;
    bottom: 0px;
    height: 75px;
    left: 1px;
    width: 75px;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
    border-radius: 100%;
}
.product-setup-containerrow .reporting-pkg-head-modal .btn-add {
    font-size: 50px;
    margin-top: -11px;
    padding: 0px;
    line-height: 0;
    background: #000;
    width: 47px;
    height: 47px;
    display: flex;
    color: #fff;
    float: right;
    align-items: center;
    justify-content: center;
}
.product-setup-containerrow h3 {
    font-weight: 600;
    margin-bottom: 30px;
    float: left;
    margin-top: 0px;
}
.fa-heart-info-modal ul {
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.fa-heart-info-modal ul li {
    list-style: none;
    display: inline-block;
    font-size: 60px;
    margin: 0px 0px 10px 0px;
    cursor: pointer;
}
.audit-type-md-section .md-check-box .form-group {
    height: 35px;
}
.audit-type-md-section .md-check-label {
    float: left;
    font-size: 15px;
    padding-left: 10px;
    padding-top: 5px;
    font-weight: 600;
}
.fim-indicator-na,
.cem-score-signal-na
{     
    background: #29baf1;
    width: 32%;
    border: solid 3px #0886ea!important;
    color: #fff!important;
    padding: 3px 0px;
    position: absolute;
    text-align: center;
    line-height: 22px;
    margin-left: -15px;
    min-height: 35px;
    font-size: 23px!important;
    font-weight: bold!important;
        z-index: 3;
        margin-bottom: 10px;


}
.cem-score-signal-na{
 /*   margin-left: 11%;*/
 right: 0;



}
/*.cem-report-fullcontainer .cem-audit-element:not(:last-child) {
    margin-bottom: 10px;
}*/
.cem-report-fullcontainer .cem-audit-element{
    border-bottom: 1px solid #eee!important;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    padding: 8px;

}


.fa-icon-set .fa-heart,
.fa-icon-set .fa-square {
    color: #a7a7a7;
}
.fa-icon-set .label-popup{
padding: 5px 8px;   
}
.md-master-row .form-group>div{
    cursor: pointer;
}


.fa-heart-info-modal .fa-square.active {
    border: solid 4px #000;
}
.fa-heart-info-modal .modal-title span {
    padding-right: 10px;
    font-size: 35px;
    cursor: pointer;
}
.fa-heart-info-modal .fa-square {
    border: solid 4px #fff;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.fa-heart-info-modal .modal-title {
    display: flex;
    font-size: 24px;
    align-items: center;
    font-weight: bold;
}
.fa-heart-info-modal .modal-title span.active {
    color: #ef4430;
}
.full-tg-report h2 {
    font-weight: bold;
    font-size: 32px;
}
.full-tg-report h2 span {
    padding-left:10px;
}
.audit-icons-heart.active,
.audit-favourite.active,
.audit-fav-filter-sidebar.active {
    color: #ef4430;
}
.hosinkanri-filter-icon {
    position: absolute;
    right: -10px;
}
.full-tg-report img {
    float: right;
}
.full-tg-report img{
    width: 100px;
   border: solid 2px #2196F3;
    border-radius: 50%;

}
.company-user-logo img{
    width: 200px!important;
       border: none!important;
    border-radius:0!important;
}




.tnks-report-container h1{
    font-size: 94px;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    vertical-align: middle;
    height: 800px;
    letter-spacing: 9px;  
    padding: 0px;
    margin: 0px;

}
.tnks-report-container h1 span{
 border-bottom: solid 3px #eee;
    margin-left: 34px;

}

.user-full-report-container .report-sheet-header {

    padding: 0px 30px;
}

.user-full-report-container .final-evt-head{

    margin:0px
}

.second-report-content-row .final-evt-body-row{

        padding: 0px;
}

.hoshin-kanri-detail-row .second-report-content-row {
    border: solid 3px #0061b5;
    padding: 20px 50px;
    width: 95%;
    display:block;
    margin-top: 50px!important;
    margin: 0 auto;
}


.ad-coversheet-container>div img{
      width: 45%;
    border: solid 2px #eee;
    padding: 5px;
}
.second-report-content-row .form-control {
    height: 220px;
}
.ad-coversheet-container h3{
font-size: 35px;
    float: right;
    font-weight: bold;
    border: solid 1px #eee;
    padding: 20px 50px;
    position: absolute;
    bottom: 150px;
    right: 50px;
        text-align: center;
        background: #00489a;
    color: #fff;
}
.ad-coversheet-container{

    padding: 20px 50px
}
.activity_roadmap img{ 
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.hosinkanri-filter-icon img {
    width: 66px;
    position: absolute;
    z-index: 999;
    right: 5px;
    margin-top: 10px;
    cursor: pointer;
    border: solid 1px #dadada;
    padding: 5px;
    border-radius: 10px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.hosinkanri-filter-icon img:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.final-evt-body-row h3 {
    font-weight:bold;
    font-size: 18px;
}
.final-evt-body-row ul {
    border: solid 1px #eee;
    padding: 20px;
    margin: 20px 0px;
}
.final-evt-body-row ul li {
    list-style: none;
    font-size: 18px;
    display: flex;
    font-size: 18px;
    margin-bottom: 20px;
}
.final-event-report-modalcontainer .report-sheet-print {
    width: 120px;
    height: 50px;
    background: #e6e6e6;
    position: relative;
    left: -60px;
    transition: left .4s;
    margin-bottom: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
    -moz-box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
    -webkit-box-shadow: 0 1px 2px rgba(0,
    0,
    0,
    .25);
}
.final-evt-body-row {
    padding: 40px 10px;
}

#lecko-report{
    height: 100%;
}

.audit-user-reportmd-container #lecko-report{
    height:auto;
}

.user-full-report-container  .report-sheet:first-child .report-sheet-header{

    border:none;
}

.audit-user-reportmd-container.final-evt-body-row {
    padding: 40px 20px;
}

.audit-user-reportmd-container .final-evt-head {
    padding: 20px 0px;
}
.final-evt-body-row .final-evt-ul li:before {
display: none!important;
} 
.audit-tabmenu .nav>li>a {
    padding: 7px 15px!important;
}
.final-evt-body-row ul li:before {
    content: "\f00c";
    font-size: 18px;
    font: normal normal normal 14px/1 FontAwesome;
    color: #03A9F4;
    width: 40px;
    position: relative;
    top: 8px;
}
.final-event-report-modalcontainer .modal-header {
    border:none!important;
    padding: 0px!important;
}
.audit-idea-infomodal-container .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-size: 21px;
    width: 100px;
    height: 40px;
    border: none;
    margin-top: 10px;
}
.fa-red {
    color: #f00
}
.fa-hex {
    color: #FF9800;
}
.fa-yellow {
    color: #FFEB3B;
}
.fa-blue {
    color: #2196F3;
}
.fa-purple {
    color: #673AB7
}
.fa-secondary {
    color: #035290
}
.fa-heart-info-modal .modal-dialog {
    width:300px!important;
    background: #eee;
}
.second-report-content-row {
    border: solid 3px #0061b5;
    padding: 20px 50px;
    width: 100%;
    display: inline-block;
    margin-top: 50px;
}
.second-report-content-rowHead .row-column-right-content {
    float: right;
    text-align: right;
    padding-right: 30px;
}
.md-form-fim .form-control {
    margin-bottom: 10px;
    height: 45px;
}

.mst-raci-row .md-idea-row-column{
    padding: 20px 50px 10px 30px;
    border: solid 1px #eee;
    background: #f3f3f3;

}
.duration-row-md .cycle-section-row{
    width: 47%;
    background: #f3f3f3;

}

.add-fim-btn {
    background: #fff;
    border: none;
    font-size: 37px;
    width: 50px;
    height: 49px;
    line-height: 0;
    border: solid 1px #f0f1f7;
    border-radius: 10px;
    font-weight: 600;
        position: relative;
    bottom: 15px;
}
.rp-report-iconsall h6 {
  font-size: 14px;
    height: 22px;
    position: absolute;
    top: 58px;
    left: 50px;
    color: #fff;
    font-weight: 600;
    background: #004a8d;
    text-align: center;
    padding: 3px 0px;
    z-index: 99;
    width: 50px;
    border: solid 1px rgba(230, 220, 220, 0.72);
}
.row-column-right-content h2 {
    padding: 10px;
}
.second-report-content-row .form-group {
    margin: 50px 0px;
}
.final-evt-head h6 {
    float: left;
    font-size: 16px;
    margin: 0px;
}
.final-evt-head h6 span {
    padding-right: 10px;
    color: #03A9F4;
}
.final-evt-head h3 {
    margin: 0px;
    font-weight: 700;
    font-size: 30px;
}
.final-evt-head h4 {
    font-weight: 700;
     font-size: 22px;
}
.final-evt-head img {
    width:80px!important;
    text-align: right;
    float: right;
}
.final-evt-head {
    padding: 24px 0px 25px 35px;
    margin: 0px 0px;
    border-bottom: solid 1px #eee;
    overflow: hidden;
}
.second-report-content-rowHead h2 {
    font-weight: bold;
    font-size: 24px;
}
.second-report-content-rowHead {
    padding: 10px 0px 20px 0px;
    overflow: hidden;
    border-bottom: solid 1px #eee;
    width: 100%;
    position: relative;
    display: inline-block;
}
.sign-off-sheet-container .full-tg-report img{
    border:none!important;
    border-radius: 0px!important;
}

#audit-panel .right-panel-container .filters-container .audit-event-filter .panel.panel-default .panel-heading.active,
#audit-panel .right-panel-container .filters-container .audit-event-filter .panel.panel-default .panel-heading.active

{
    background-color: #2e4a62!important;
    color: #fff!important;
}

.second-report-content {
    margin-top: 50px;
    background: #fff;
    height: 100%;
    padding: 20px 50px;
}
.view-report-modalpage .modal-content {
    background: #fff url(/images/bg.png);
}
.second-report-content {
    height: 999px;
}
.audit-type-btn .active {
    outline: 7px solid #ffeb3b;
    outline-offset: -5px;
}
.info-modal-rowsection{float: right;}
.info-modal-rowsection div{
     float: left;
    margin: 0px 5px;
    cursor: pointer;
    padding: 3px 5px 3px 7px;
    background: #eee;
    border: solid 1px #d6d4d4;
    height: 55px;
    width: 145px;
        display: flex;
    align-items: center;
    justify-content: center;
}
.audit-idea-infomodal .modal-dialog{
    width:60%;
    background: #f3f3f3 url(/images/pattern.png);
    padding:30px;
}
.audit-idea-infomodal-row .row
.md-master-row .row
{
    padding-right: 50px;
    margin: 0px;
}
.md-master-row>div{padding: 0px 20px;}



.master-initiative-modal-container h2 {
    float: left;
    font-size: 28px;
    font-weight: 700;
    margin: 0px 0px 15px 0px;
    width: 100%;
}
.info-audit-modal-container .news-issue-phase-container{
/*    margin-top: 15px;*/
    font-weight: 700;
}
.info-audit-modal-container .issue-phase-name{font-size: 18px!important;}

.info-audit-modal-container .news-text-container{
    width:100%;padding-left: 0px;
}
.info-audit-modal-container .news-pic-container{
    width: 80px;  
}
.info-audit-modal-container .news-pic-container>img{
    max-width: 75px;
    max-height: 75px;
}
.info-before-div .main-media-info{
    margin-right: 0px!important;float: right;
}

.info-before-div h5{
     float: left;
    font-size: 21px;
    font-weight: bold;   
    width: 68%;
    text-align: right;
}
.idea-md-relative-head .user-upload-audit-img{
    background: none!important;
    display: block;
    width: 80px;
    padding: 0px;
    margin-top: 13px;

}
.initiative-haed{
    display: inline-block;
    border-bottom: solid 2px #eee;
}


.master-column-divcontainer{
background: #eee;
overflow: hidden;
margin-bottom: 10px;
border: solid 3px #337ab7;
padding: 10px 15px;
border: solid 3px #337ab7;
border-radius: 16px;

}
.news-issue-phase-container img{
    top: 0px!important;
    text-align: right;
    background: none;
    padding: 0px!important;
    right: -20px;

}


.idea-column-divcontainer{
    overflow: hidden;
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 10px;
    border: solid 3px #337ab7;
    border-radius: 16px;
}


#audit-idea-modal h2{
  margin: 30px 0px 15px 0px;
  width: auto;

}
#audit-idea-modal .ideapanel-waste-icons h6 span {
    font-size: 40px;
    color: #6f6f6f;
    margin-top: 11px;
    border: solid 5px #d2cccc;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
}

#audit-idea-modal .ideapanel-waste-icons h5 {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

#audit-idea-modal .ideapanel-waste-icons {
    width: 100%;
    display: inline-block;
    padding: 0px 0px;
}

#audit-idea-modal #improve-ideas{
    float: left;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    resize: none;
    font-size: 18px;
    padding: 2px 8px;
    background-image: url(/images/ideas2.jpg);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 100%;
    background-size: 80px;
}

.master-initiative-modal-container .idea-md-panel {
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0px 15px rgba(202, 196, 196, 0.5);
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}

.master-initiative-modal-container .right-idea-panel h3 {
    font-size: 18px;
    font-weight: 800;
    padding-left: 0px;
    margin-top: 5px;
}
.gantt-container-md .report-sheets-container{ 
-webkit-transform: inherit;
    -ms-transform: inherit;
    transform: unset;
    -webkit-transform-origin-x: 0; 
    -webkit-transform-origin-y: 0; 
    transition: -webkit-transform .8s, -ms-transform .8s, transform .8s; 

}
.gantt-container-md .report-sheet.landscape{
        height: 745px;
    width: 100%;
}

.gantt-container-md .report-sheet .report-sheet-header{
    border-bottom: solid 1px #eee;
    padding-bottom:20px;


}

.gantt-container-md #container {
    max-width: 100%;
    margin: 1em auto;
    overflow: scroll !important;
    height: 700px;
}

.gantt-container-md .rsh-icon{
width: 65px;height: 65px;
}
.gantt-container-md h3 {
    font-size: 24px;
    font-weight: 700;
}
.gantt-container-md
.gantt-container-md .report-sheets-container{
    -webkit-transform: none;
    -ms-transform:  none;
    transform: none;

}
.gantt-container-md h4,
.gantt-container-md h5{
    float: left;
    font-weight: 800;
    text-align: right;
    margin-bottom: 5px;
    margin-top: 0px;
    width: 100%;
    font-size:20px;
}
.gantt-container-md h4{
    font-size: 30px;
    margin-top: 15px;


}

.master-initiative-modal-container .right-idea-panel {
    border: solid 1px #d4cece;
    margin-left: 10px;
    padding: 10px 15px;
    overflow: hidden;
    border-radius: 9px;
}

.audit-idea-infomodal-row .form-control{
    border-radius: 0px;
    min-height: 45px;
    font-size: 18px;
    margin-bottom: 15px;
}
.audit-idea-infomodal-row h3{
         margin-top: 10px;
    display: inline-block;  
     font-size: 20px;
    font-weight: 600;   
    width: 100%;
}
.audit-idea-infomodal-row h4{
  margin-top:5px;
    display: inline-block;  
     font-size: 20px;
    font-weight: 600;   
}
.audit-idea-infomodal-section .idea-label.pull-left{

    font-size: 17px;
}
.audit-idea-infomodal-section label{width:100%;}

.audit-idea-infomodal-section .wb-idea-cycle {
    width: 102px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-weight: 100;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 18px;
}
.audit-idea-infomodal-section .idea-label{

     width: calc(100% - 115px);   
}
.rep-row>div{
    border-right: solid 1px #eee;
    height: 37px;
    font-size: 18px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;

}

.audit-idea-infomodal-section{
    border:solid 2px #eee;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    min-height: 287px;
}

.row-48{width:48%;margin-right: 2%;float: left;}
.audit-idea-infomodal-section h4{
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
    width: 100%;
        display: inline-block;
    margin-bottom: 10px;
}
.h2-right-row h2{
    margin-top: 0px;
    font-size: 22px;
    color: #333;
    font-weight: 700;
        text-align: left;
}
.h2-right-row h2 span{
        padding-left: 15px;
    display: initial;
}
.h2-right-row{
padding-top:20px;
}
.h2-right-row .target-icon{

}
.idea-th-head{
    background: #eee;
    overflow: hidden;
    color: #333;
    height: 40px;
    margin-bottom: 10px;
}
.idea-th-head>div{
    float: left;
    font-size: 18px;
    height: 40px;
    width: 50%;
    text-align: center;
    padding: 0px 10px;
    border-right: solid 1px #dcdcdc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.idea-duration-row{
    border: solid 2px #eee;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    min-height: 100px;

}
.idea-duration-row .wb-idea-cycle{
    font-size: 18px;
    width: 118px;
    height: 27px;
    background: none;
    color: #000!important;
}
.rep-row{
       overflow: hidden;
    width:100%;border: solid 1px #eee;}
.h2-right-row h3{margin-top: 0px;}
.audit-idea-infomodal .modal-body,
.master-initiative-modal-container .modal-body

{
background: #fff;
padding:20px 40px;
height: 700px;
overflow: scroll;
position: relative;
}
 .audit-idea-infomodal .p-task-modal .modal-body{
    min-height: 800px;
   max-height: 900px; 
}


#audit-idea-modal .modal-body {
    background: #fff;
    padding: 15px 40px;
    height: 800px;
    overflow: scroll;
}



.audit-idea-infomodal-row{
    padding-top: 30px;
    overflow: hidden;
    display: inline-block;
    width:100%;
}
.audit-idea-infomodal-section .form-group{
    margin-bottom: 5px;
}


.info-modalprocess .org-team-utils{

    width: 30px;
    height: 30px;
    background: #00489a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 35%;
    top: 20%;
    z-index: 0;
    opacity: 0;
    cursor: pointer;
}
.modal-topmrg{
    margin-top: -30px;
}
.dragpanelitem .row>div{
    cursor: pointer!important;
}
div.draggable-item {
  width: inherit;
/*  background-color: #f5f5f5;*/
  -webkit-transition: transform .25s ease-in-out;
  -moz-transition: transform .25s ease-in-out;
  -o-transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
      cursor: pointer;
  -webkit-transition: box-shadow .25s ease-in-out;
  -moz-transition: box-shadow .25s ease-in-out;
  -o-transition: box-shadow .25s ease-in-out;
  transition: box-shadow .25s ease-in-out;}
.div.draggable-item:hover {
    cursor: pointer;
    background-color: #eaeaea;
  }
.pkg-hide-panel{

cursor: pointer;
}
#vdma-spider-chart2{
height: 100%;

}

.metric-add-btn {
    border: solid 1px #eee;
    width:55px;
    color: #00BCD4;
    height:55px;
    line-height: 44px;
    background: none;
    font-size: 60px;
    margin-top:8px;
    display: inline-block;
    align-items: center;
    justify-content: center;
}
.radar-row-img img{width:100%;}

.radar-row .fim-company-details{

    padding: 30px 30px 0px;
}
.user-full-report-container .report-sheet-header{

    border:none;
}
.data-com-logo  {
    border-bottom: solid 1px #eee;
    padding-bottom: 25px;
}
.data-com-logo img{width:150px;}
.user-full-report-container .report-sheet-body{

padding: 0px 35px!important;
}
.second-report-content-rowHead .row-column-right-content img{
    vertical-align: middle;
    width: 100px;
}

.user-full-report-container .final-evt-body-row {
    padding: 40px 0px;
}

.audit-user-reportmd-container .report-sheet-utils,
.audit-user-reportmd-container .report-sheet-pagecount
 { display: none; }

.audit-user-reportmd-container .no-hidden .report-sheet-utils{
display: block!important;

}
.audit-user-reportmd-container .fim-report-container-comment
 { display: none; }
.audit-user-reportmd-container .package-container .report-sheets-container {
    -webkit-transform:none;
    -ms-transform: none;
    transform:none;
    -webkit-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
    transition: none;
    float: left;
    height:auto;
}
.audit-user-reportmd-container .report-sheet.landscape{
    margin-bottom: 20px!important;
        background: #fff url(/images/bg.png);
}
.active-planing-img{float: right;}
.active-planing-img img{
    vertical-align: middle;
    width: 110px;
}
.sign-off-sheet-container .report-sheet-body .presto-table-h {
    background: #00489a;
    color: #fff;
    font-size: 16px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
        margin-top: 10px;
}
.user-upload-audit-img .main-media-info{
margin-right: 0px;margin-top: 0px;


}



.sign-off-sheet-container .presto-table-b>.row:nth-child(odd) {
    background: #f7f7f7;
}

#audit-user-report-one .no-hidden{
   right: 20%;
   position: fixed;
   -webkit-transform:none!important;
       z-index: 999999;
}

.sign-off-sheet-container .waste-report-table-b>.row>div{
text-align: left;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: left;
}
#audit-user-report-one .report-close{

    display: none;
}
.audit-user-reportmd-container{height: 100%;}
.aud-img{float:left; margin-right: 10px;}
.aud-img img{width:25px;}
.block-headd{width:100%;}
/*.cem-report-container .cem-content>.cem-line-container{
    width:30%!important;
}*/
.count-chekli{
        position: relative;
    left: 11px;
    font-weight: bold;
}


.audit-event-filter .panel.panel-default .active .audit-filter-badge{
    background-color: #2e4a62!important;
    color: #fff!important;

}
.observations-conatiner .waste-row{
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.idea-modal-header .initiative-form .form-control{
height: 50px;background: none;
}
.idea-modal-header .initiative-form{
    padding: 10px 10px;
}

.matser-initative-footer{
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
.matser-initative-footer .btn-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-size: 21px;
    width: 100px;
    float: right;
    height: 40px;
    border: none;
    margin-top: 10px;

}
.intiative-add-btn{
position: absolute;
    top: 11px;
    left: 33.5%;
    background: none;
    border: none;
    z-index: 9;
    font-size: 30px;
}

.observation-table h5{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 8px;
    width: 100%;
    display: inline-block;
}
.after-before-rwo ul{
    margin: 0px;
    padding:10px 0px;
    overflow: hidden;
    height: 80px;
}
.after-before-rwo p{
    width: 100%;
    display: inline-block;
    background: #eee;
    max-height: 210px;
    overflow-x: scroll;
    padding: 10px;
}
.after-before-rwo ul li{
    list-style: none;
    float: left;
    font-size: 35px;
    padding: 5px;
    text-align: center;
    margin: 0px 5px;
    border: solid 1px #b1b2b3;
    border-radius: 100%;
    width: 57px;
    display: flex;
    height: 57px;
    align-items: center;
    justify-content: center;

}

.vdma-report-all-md .report-table .cat-header img {
    float: left;
    margin: 0;
    max-width: 50px;
    max-height: 50px;
    border-radius: 0;
    margin-right: 10px;
}
.vdma-report-all-md{
font-family: CenturyGothic!important;font-size: 13px;
}
.vdma-report-all-md .report-table .cat-header p
{text-align: left!important;
        width: auto;
        font-size:13px;
        font-family: CenturyGothic!important;
}
.vdma-report-all-md  .report-table .cat-header img + p {
    padding: 0 0 0 15px;
}
.vdma-report-all-md .report-table .cat-header .mid-aroow{
    padding: 0px 10px;
    text-align: center;
    float: left;
}
.heigh-auto{height: auto!important;}
.display-flex-row{
text-align: center!important;
align-items: center!important;
    justify-content: center!important;
}
.observation-table{font-size: 16px;}
.photo-observation-container .cat-header h5{
font-size: 24px;
font-weight: 600;
margin-bottom: 6px;  
}
.photo-observation-container h6{
font-size: 19px;
font-weight: 600
}
.right-rshdata{
float: right;
font-size: 28px;
font-weight: bold;
text-align: right;

}
.photo-observation-container .report-table .cat-header{
height: auto!important;

}

.photo-observation-container .rsh-data h4{
float: left;
    text-align: right;
    font-size: 23px;
    align-items: end;
    font-weight: 600;
    display: contents;
}
.photo-observation-container .rsh-icon-right-model img{
border-radius: 50%;
margin-left: 10px;
width: 80px!important;
height: 80px!important;

}
.observation-table>.row>div img{width: 75%;
    padding: 20px;}
.observation-table>.row>div{
    padding: 7px 15px;
    width: 32%;
    float: left;
    height: 350px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 1%;
    border: solid 2px #eee;
  /*  margin: 0 auto;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.observation-table>.row>div>.form-control{
   height: 250px; 
}
.photo-observation-container .report-table-b .row{border:none!important;}
.observation-table .row{margin: 0px;}
.observation-table>.row>div:first-child{
    width:32%!important;

}
.after-before-rwo{display: block!important;
}
.observation-table{margin-top: 20px;}
.photo-observation-container .cat-header>img {
    max-width: 70px!important;
    max-height: 70px!important;
    width: 70px!important;
        margin-right: 10px!important;
    height: 70px!important;
    border-radius: 50%!important;
    border: solid 3px #3eb5e2!important;
}
.photo-observation-container .rsh-data{
    width: calc(100% - 100px);    
}
.photo-observation-container  .rsh-subtitle{
    font-size: 19px;
    font-weight: 600;
}
.hosin-md-row-bottom{
    width: 100%;
    display: inline-block;
    margin: 20px 0px;
    border: solid 1px #eee;
    padding: 10px 15px;

}
.dtaa-100 .bt-add-proj-owner{

}



.photo-observation-container .rsh-icon{
    margin-right: 10px;
}
.observations-conatiner .idea-col-md-6 .form-group {
    margin-bottom: -9px;
}
.idea-col-md-6{padding-right: 30px;}


.bottom-upload-file{
    width: 70%;
    margin:0 auto;
    background: #fff;
    padding: 20px 30px;
    margin-top: 20px;
        overflow: hidden;

}
.bottom-upload-file>div>div{float: left;
    margin-right: 8px;
}
.bottom-upload-file>div>div>img{
    max-width: 66px;
    padding: 5px!important;
    height: 66px;
    border-radius: 10px;
}

.bottom-upload-file .add-btn:hover{-webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    cursor: pointer;
}
.bottom-upload-file>div>div{
     max-width: 130px;
    border: solid 1px #dadada;
    height: 66px;
    border-radius: 10px;  
    padding: 5px;
    font-size: 16px; 
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.bottom-upload-file .add-btn{
    border: solid 1px #635c5c;
    width: 70px;
    height: 70px;
    display: flex;
    background: none;
    box-shadow: none;
    float: right;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 5px;
        color: #337ab7;
        font-size: 60px;
            line-height: 0px;
                -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;

}
.inline-block .cm-raci-container{
    float: left;
        width: 100%!important;
    display: inline-block;
}

.inline-block .btn-group>button{
    width: 25%!important;
}


.inline-block .btn-group>button:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.inline-block .btn-group>button:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.inline-block .cm-raci-contact>img {
    border-radius: 50%;
    border: 2px solid #fff;
}

.inline-block .cm-raci-contact {

    float: left;
    margin: -7px 0 0 5px;
    cursor: pointer;
    position: relative;
            width: 45px;
    height: 45px;
}

.inline-block .cm-raci-change {
    width: 200px;
    position: absolute;
    left: -208px;
    top: 2px;
    height: 41px;
    z-index: 10;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: 2px solid #fff;
    display: none;
}
.cc-first-row,
.cc-first-second
{
    width: 100%;
    height: 100%;
}
.cc-first-second
{   display: none;
    padding-top: 6px;
}
.cc-right .cc-extrainfo img{
    padding: 3px;
    border:solid 3px #03A9F4;
    border-radius: 50%;
}

.kpi-filtered-itemsraci {
    padding: 15px 10px 10px;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color .2s;
}
.kpi-customerview-btn{
    float: right;
      border: solid 3px #03A9F4;
        background:none;
        -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
     border-radius: 10px;
    -webkit-transition-property: transform;
}
.temp-download img{float: right;width:53px;cursor: pointer;
-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
     border-radius: 10px;
    -webkit-transition-property: transform;
}
.info-menu-icon-modals span{ 
    font-size: 17px;
    position: relative;
    margin-right: 1px;
    font-weight: 600;
    text-align: left;
    line-height: 17px;
}
.info-menu-icon-modals img{
    width: 40px!important;
    position: relative!important;
    top: 0px;
    padding: 0px!important;
    background: none!important;
    border-radius: 0px!important;
    margin-bottom: 0px!important;
}


.small-downloadimg img{
    float: right;
    width:40px;
    cursor: pointer;
        margin-right: 10px;
-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
     border-radius: 10px;
    -webkit-transition-property: transform;
}
.temp-download img:hover,
.small-downloadimg img:hover
{
   -webkit-transform: translateY(-5px);
    transform: translateY(-5px);  

}

.kpi-customerview-btn img{    max-width: 45px;
    height: 45px;
    background: #fff;
        padding: 3px!important;
    border-radius: 10px;
}
.kpi-customerview-btn:hover{
     -webkit-transform: translateY(-5px);
    transform: translateY(-5px);   
}
.kpi-searchbox{
    /* float: left;
    margin-top: 34px; */
    width: 236px;
    float: right;
    position: absolute;
    right: 95px;
    margin-top: -14px;
}
.unclk-btn{
    margin-top: 33px;
    float: right;
    background: #fdfdfd;
    border: none;
    font-size: 25px;
    height: 43px;
    display: flex;
    color: #3e5eaa;
    align-items: center;
    width: 41px;
    justify-content: center;
    border: solid 1px #b3b3b3;
}
/* .kpi-searchbox .form-control{
     width:183px;
    float: left;
    border-radius: 0px;
    height: 40px;
} */
/* .kpi-searchbox button{
    float: right;
    height: 45px;
    width: 53px;
    background: #23284e;
    color: #fff;
    border: none;
    font-size: 18px;

} */
#download-tempalte .modal-dialog{
width: 750px;

}
#download-tempalte .modal-body{
    height: 178px;
    display: flex;
    align-items: center;}

#download-tempalte .form-group{margin-right: 15px;}
#download-tempalte .modal-title{
    font-size: 25px;
}

#download-tempalte .modal-footer {
    display: inline-block;
    width: 100%;
}
.btn-save-temp{
    background: #61BD4F;
    width: 77px;
    height: 36px;
    color: #fff;
    border: none;
    font-size: 18px;
}
#download-tempalte .form-control{height: 45px;}
.right-panel-container:focus { outline: none!important; }
.funnel-png{
    width: 46px;
    text-align: center;
    cursor: pointer;
}
#badges-cat-panel,
#hoshin-panel,
#issue-right-panel,
#kpi-right-panel,
#ideas-right-panel,
#media-panel,
#note-mgmt-panel,
#note-mgmt-panel1,
#change-mgmt-panel,
#audit-panel,
#note-mgmt-panel-mytask
{display: none;}
.tab-content:focus{outline:none!important;}
.audit-user-reportmd-container .package-container {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
    transition: -webkit-transform .8s, -ms-transform .8s, transform .8s;
    float: left;
    height: 100%;
}

.audit-user-reportmd-container .report-util-right {
    position: absolute;
    right: -4px;
    top: 9px;
    font-size: 30px;
}
.audit-user-reportmd-container .report-sheet-utils>div{
    width: 160px;
}

.photo-observation-container{height: 100%;}
.kpi-radio-btnrow{
padding: 18px 4px 0px 15px;
    background: #fff;
    margin-top: -7px;
    border-right: solid 1px #e4e1e1;
 height: 70px;
}
.kpi-radio-btnrow .form-group{
    float: left;padding-right: 10px;
}
.kpi-radio-btnrow .radio-label{
    color: #333!important;
    font-size: 18px!important;
    line-height: inherit!important;
}
.report-table-b .row{
     border-left: 1px solid #eee!important;   
}
.cem-report-fullcontainer .cem-content>.audit-elements>.cem-audit-element>div{
    display: flex;
}
.cem-report-fullcontainer .cem-content>.audit-elements>.cem-audit-element>div>span{
   display: flex;  
}
.audit-idea-infomodal-section .col-sm-row{
    width: 100%;display: inline-block;
    margin-bottom: 5px;
}
#kpi-issuecauses-container .check-items{
display: none;
}
.radio-btn-border{border-bottom: solid 1px #eee;}
.lb-text{margin-left: 5px;}
.audit-idea-infomodal-section label{color: #000;}
/*.package-container.zoomed{
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}*/
.package-container.zoomed{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#kpi-waste-report-container .close-report{
cursor: pointer;
    position: fixed;
    right: 20px;
    top: 20px;
    font-size: 100px;
    font-family: serif;
    line-height: .5;
    color: #fff;
    
}
.waste-counts-report-container .report-sheet-header{
        padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px!important;
}

.waste-counts-report-container .waste-desc-cell{
text-align: left;
}
.show-on-feeds-check span{padding-left: 10px;
    position: relative;
    top: -2px;font-weight: bold;cursor: pointer;}

.show-on-feeds-check{
    padding: 9px 10px 0px 14px;
    height: 40px;
    float: left;
    background: #fff;
    margin-top: 10px;
    border-radius: 3px;
}
.open-close-cm{top:6px!important;}


.root-kpicount{
    cursor: pointer;
    float: left;
    width: 60px;
    line-height: 13px;
    height: 60px;
    margin-top: 8px;
    margin-left: 5px;
    font-size: 16px;
    color: #000;
    align-items: center;
    justify-content: center;
    border:solid 1px  #ccc;
    border-radius: 4px;
    position: relative;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 5px;
}
#kpi-pareto-report-new  .kpi-secondary-report{
    position: relative;
    right: 20px;
    top: 0px;
    left: 0px;
    display: block!important;
    height: 999px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    font-family: SourceSansPro;    z-index: 9;

}
#kpi-pareto-report-new .close{
    position: fixed;
    right: 20px;
    top: 20px;
    font-size: 100px;
    font-family: serif;
    line-height: .5;
    color: #fff;
    cursor: pointer;
    opacity: 10;
    font-weight: 300;
}

#kpi-pareto-report-new .modal-dialog {
    width: 65%;
    margin: 10px;
}
#kpi-pareto-report-new .kpi-secondary-report-outer{
    width: 100%;
}

.root-kpicount span{
    display: block;
    font-weight: 600;
    font-size: 25px;
    width: 100%;
    margin-top: 8px;
}
.waste-counts-report-container .cat-header span
   {
    font-size: 30px;
    padding-right: 15px;}
.waste-counts-report-container .cat-header{height: auto!important;}
#lecko-report .lines-container{padding-top: 15px;}

.audit-user-reportmd-container #lecko-report .lines-container{
    padding-top: 0px!important;
}


.waste-counts-report-container .report-sheet {
    background: #fff url(/images/bg.png);
}
.waste-counts-report-container .rsh-icon>img{
border-radius: 50%;
    border: solid 3px #3eb5e2;
}
.waste-counts-report-container .rsh-title,
.waste-counts-report-container .rsh-subtitle
{
    text-align: left;
    padding-left: 10px;
}
.waste-counts-report-container .presto-table-b>.row>div{
    min-height: 75px;
}

.waste-counts-report-container .presto-table-b>.row:nth-child(even) {
    background: #efefef;
}
.arc-form .att-icon {
    margin-right: 14px;
}
.legend-and-target{
    position: relative;
    margin: 0 auto;
    float: right;
    margin-right: 100px;
}

.legend-and-target>div>span:last-child{background: #0e7d30;}
.legend-and-target>div>span{
    width: 100px;
    display: block;
    height: 40px;
    color: #fff;
    text-align: center;
    background: #ff0707;
    font-size: 21px;
    font-weight: bold;
    padding-top: 4px;
}
.legend-and-target>div{
    margin-right: 10px;
        float: left;
            font-size: 20px;
    text-align: center;
    margin-top: 10px;
}
.project-notes-top-bar .btn-add-clr{
    border: 1px solid #4CAF50;
    background: #4CAF50;
}
.vdma-report-all-md .presto-table-b>.row>div{display: flex;

    font-family: CenturyGothic!important;

}
 .vdma-report-all-md h6{font-size: 13px;}
#lecko-group-polar .report-sheet-header-consolidated {
    transform: rotate(-90deg);
    position: absolute;
    left: 0px;
    top: 0px;
    transform-origin: 52% 515%;
    width: 959px;
    padding: 5px;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    background: #f3f3f3;
}
.lecko-highcharts-report  {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
#vdma-report3 .checkbox-btns p{
    text-align: center;
    position: relative;
    right: 20px;
    font-size: 16px;
    font-weight: bold;
        margin-top: 10px;
}
.report-vdmaicon{

}

#lecko-group-polar .rsh-icon img {
    width: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-height: none;
    max-width: none;
    margin-right: 10px;
}
#vdma-report2 .presto-table-b>.row
{
    height: 193px;max-height: 193px;
}
.lecko-highcharts-report .highcharts-title{display: none;}
.lecko-highcharts-report .highcharts-axis-labels span{
          white-space: inherit!important;  
}
.img-000{
    width: 45px;
    margin: 0px 0px 0px 0px!important;
    height: 45px;
}
.kpi .waste-news-col-icon .title-team {
    font-size: 14px;
    width: 100%;
}
.kpi .badge-award-description{display: none;}
.readiness .np-left-block,
.skills-award-receipt .np-left-block,
.badge-receipt .np-left-block

{
        width: 83%
}
#insert-video{display: none;}
.hidden-feeds-comment{display: none;}

.news-panel .news-user-comment{
    background: #fff;padding: 5px 10px;
    margin-top: 4px;
    margin-bottom: 0px;
    border-bottom: solid 1px #eee;
}
.cd-row-100>div{background: none;}
.cd-row-100 .topp-cycle.glyph-white{
    color: #000!important;
}

.role-row-column .cd-row-100{
     display: block;
    width: 100%;
    text-align: center;
    display: flex;
    min-height: 40px;
    align-items: center;
    border-radius: 0px;
    justify-content: center;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: bold;
    color: #212121;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.kpi .nf-kpi-results{
    font-size: 14px!important;
    padding-left:5px;
    font-weight: 300!important;
}
.news-panel .use-comments img{
    width: 43px;
    height: 43px;
    border-radius: 50%;
}
.hidden-feeds-comment .insert-image{
    float: right;
    width: 40px;
    background: none;
    border: 2px solid #848484;
    border-radius: 50%;
    margin-right: 3px;
    padding: 0px 0;
    font-size: 22px;
    height: 40px;
    color: #888;
    transition: border-color .2s, color .2s;
}
.hidden-feeds-comment .comments-list{
width: 100%;
float: left;
    padding: 7px 6px 10px 6px;
     border-bottom: solid 2px #c7c7c7;
}
.post-newfeeds-row .badge-award-description{
    width: 100%;
    display: inline-block;
    padding: 8px 0px;
    min-height: auto;
}
.news-panel .posts-row-left{width: 55px;}
.news-panel .posts-row-right{width:90%;}
.news-panel .use-comments{float: left;width:50px;}
.kpi .waste-news-col-icon{width:74%;}
.kpi .holder-name-w{width: 100%!important;}
.kpi .waste-news-col-row .name-winner.kpi-process-h,
.kpi .waste-news-col-row .badge-award-description
{width: 100%!important; }

.kpi .right-kpi-waste-icon{float: right;width:68px;}
.kpi .waste-news-col-row{
    width: 100%;    padding-top: 5px;
    float: left;
}

.kpi .badge-award-description{
    width:86%!important;padding:5px 10px;border:none;
}

.waste-news-col-row h4{display: none;}
.kpi .kpi-process-h h4{display: block!important;margin: 0px;
    color: #000;
    font-weight: 600;
    font-size: 17px;
     padding-top: 5px;
}

.kpi .md-right-user{width:65px;}
.lecko-highcharts-report .highcharts-axis-labels span div{
       background: #ffffff;
    margin-bottom: 10px;
    width: 290px;
    z-index: 9999;
    min-height: 50px;
        white-space: inherit!important;
    padding-top: 5px;
    font-size: 16px!important;
    font-weight: bold;
    border-left: solid 5px #eee;
        -webkit-box-shadow: 2px 8px 16px -6px #000;
    box-shadow: 2px 8px 16px -6px #000;
    display: flex;
    align-items: center;
}
.lecko-highcharts-report .highcharts-axis-labels span.red {
    color: #f00;
    border: none;
    box-shadow: none;
}
.lecko-highcharts-report .highcharts-axis-labels span.green {
    color: #0e7d30;
    border: none;
    box-shadow: none;
}
.highcharts-axis-labels div{float: left;}
#lecko-group-polar .tol-cnt{
    text-align: left;
    position: relative;
    top: 0px;
    background: none;
    box-shadow: none;
    border: none;
    margin: 0px;
    padding: 0px;
    min-height: auto;
}
#lecko-group-polar .tol-cnt span{
    font-size: 22px!important;
    background: none;
    display: contents;
}

.lecko-highcharts-report svg{
    height: 700px;
    margin-top: 94px;
}
.lecko-highcharts-report .highcharts-column-series text{
font-size: 20px!important;margin-bottom: 5px!important;

}
.vdma-report-row .presto-table-h{
height: auto;
}


.lecko-highcharts-report  .highcharts-axis-labels span img{
    width: 40px;
    height: 40px;
    margin-top:-1px;
    border-right: solid 3px #7cb5ec;
    margin-right: 10px;
    margin-left: 4px;
    border: solid 1px #7cb5ec;
    border-radius: 50%;

}
.lecko-highcharts-report  .highcharts-background{fill: none;}
.issue-comment-img-container{
float: right;
    cursor: pointer;
    width: 44%!important;
    text-align: right;

}
.audit-observations-modal .btn-danger,
.matser-initative-footer .btn-danger,
.audit-idea-infomodal .btn-danger,
.audit-observations-modal-pop .btn-danger
{
    color: #fff;
    background-color: #f00;
    border-color: #f00;
    font-size: 21px;
    width: 100px;
    height: 40px;
    margin-left: 10px;
    float: right!important;
    border: none;
    border-radius: 0px;
    margin-top: 10px;
}

.audit-observations-modal .btn-success,
.audit-idea-infomodal .btn-success
 {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-size: 21px;
    margin-top: 10px;
    width: 100px;
    height: 40px;
    border: none;
}

.cm-i-container-row .phase-div>span{
    left: 0px;
    position: relative;
    width: 30px;
    color: #000;
    background: none;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    float: left;
    padding-top: 15px;
    border: none;
}
.cm-i-container-row .phase-div input{
    width: 80%;
}

.notification-modal-container .modal-title{
    font-weight: 600;
    font-size: 20px;
    width: 100%;
    display: inline-block;
    margin-bottom: 23px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
}


.phase-info-btn{
    position: absolute!important;
    right: 5px!important;
    left:auto!important;
    font-size: 13px!important;
    height: 20px!important;
    width: 20px!important;
    text-align: center;
    color: #fff!important;
    padding: 0px!important;
    border-radius: 50%!important;
    background: #000!important;
    top: 17px!important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification-modal-container .modal-body{
    overflow: hidden;background: #fff;
}
.notification-modal-container .modal-dialog{
   width: 60%; 
}
.notification-modal-container .modal-footer{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    border-top: solid 1px #afa4a4;
}
.notification-modal-container  .modal-content{
   background: #f1f1f1 url(/images/pattern.png);padding: 20px;
       display: inline-block;
    width: 100%;
}
.notification-modal-container .phase-openclose-container{
    padding: 0px;box-shadow: none;background: none;border:none;
}
.notification-modal-container .tooltip{
    z-index: 99999999999999999;
}

.phase-openclose-container>p {
    font-weight: bold;
    font-size: 15px;
    float: left;
    width: 100%;
    border-bottom: solid 1px #eee;
    padding: 9px 0px 8px 8px;
    margin-bottom: 10px;
    background: #f9f9f9;
}
.notification-modal-container #phase-openclose {
 position: relative;
    left:0px;
    width: 100%;
    margin-top: 0px;
}


.notification-modal-container .modal-body-2{
    float: right;background: #fff;padding: 20px;width: 38%;
}

.notification-modal-container ul li {
    list-style: none;
    font-size: 16px;
    padding: 5px 10px;
}
.notification-modal-container ul {
    padding: 0px;
    margin: 0px;
}
.notification-modal-container h5 {
    font-size: 18px;
    font-weight: 600;
    margin-left: 12px;
    margin-bottom: 0px;
}
.notification-modal-container .default-row-column{
    width: 100%;display: inline-block;
    background: #dcdcdc;padding:20px 15px;
    margin-top: 20px;
    position: relative;
    top:20px;
}
.default-row-column .row {width: 100%;display: inline-block;margin-bottom: 8px;}
.default-row-column .row>div:first-child{
        background: #fff;
    padding: 10px;
    font-size: 16px;
    border: solid 1px #1379bf;
}

.default-row-column .row>div>div:last-child{
    border: solid 1px #1379bf;
    padding: 12px;
    margin-left: 15px;
    text-align: center;
    height: 42px;
    width: 90%;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    line-height: 15px;
}

.default-row-column .fg-default {
    background-color: #e4e5e6;color: #000!important;
}
.default-row-column  .fg-workload-low{
        background-color: #fbff00;
        color: #000!important;
}
.default-row-column .fg-workload-med {
    background-color: #1cbd30;
}
.default-row-column .fg-workload-med-high {
    background-color: #f00;
}
.default-row-column .fg-workload-med-close {
    background-color: #1379bf;
}
.notification-modal-container .initiative-raci-container {
    background: none;box-shadow: none;margin-top: 20px;
}
.col-row-workflow {
    width: 100%!important;
    display: inline-block;
    height: auto!important; margin: 20px 0px;
}
.col-row-workflow div{
    margin:0px 0px 10px 0px;
    font-size: 20px;
    background: #eee;
        display: flex;
        align-items: center;
    padding: 10px 6px;
    font-weight: 700;
    position: relative;

}
.col-row-workflow h2{
    font-size: 20px;margin:0px;
    font-weight: 700; padding-left: 10px;
    margin-right: 15px;

}
.col-row-workflow p{
    text-align: left!important;
    justify-content: left!important;
    padding-left: 10px;

}

.col-row-workflow .colorpicker-element .input-group-addon i{

    top: 7px;
    position: relative;
}
#initiative-phases .col-row-workflow input[type="radio"], .col-row-workflow input[type="checkbox"]{

    width: 45px;
    height: 26px;
} 
#initiative-phases .col-row-workflow .form-control{
    height: 45px;
    background: #176696;
    color: #fff;
}

.workflowsin-h1{ 
    float: left;
    width:80%;  
    display: flex;
    align-items: center;  
    margin: 0px;
    font-weight: bold;
    font-size: 23px;
}
.cm-initiative-contain{display: flex;align-items: center;}
.cm-initiative-contain>input{width:66%!important;float: right!important;}
.cm-initiative-contain p{
    width: 10%;float: left;
    font-weight: bold;
    text-align: center;
}
#change-management-container .suggestested-checklists-row{

    padding-top:20px;
    background: #f7f7f7;
}
.workflowsin-h1 img{width: 68px;margin-right: 10px;}

.issue-report-container #th-data {
    width: 70%;
    margin-left: 15px;
}

.payroll-report-container .rsh-data{
    width:100%;
}
.payroll-report-container .rsh-title{
            white-space: inherit;
       font-weight: bold;
    font-size: 30px;
    height: auto; 
}
.payroll-report-container .report-sheet-header{
    border-bottom: solid 1px #eee;
        padding-bottom: 15px;

}
.form-control-pop{
      height: 40px;
    border: solid 1px #6f9fd8;
    width: 100%;
    margin-right: 10px;
    margin-top: -3px;
    border-radius: 4px;
}
#edit-kpi-popup .edit-name-row{
        margin-right: 1%;
    width: 9%;
}
.payroll-report-container .rsh-data img {
     height: 60px;
    max-width: 60px;
    text-align: right;
    float: right;
    margin-right: 12px;
}
.kpi-matrix-report .kpi-summary-report-container .rsh-data{
width: 100%;
}
 .kpi-matrix-report .rsh-title{font-weight: 800!important;
    font-size: 22px!important;
    line-height: inherit!important; } 
.kpi-matrix-report .rsh-data img {
    height: 80px;
    max-width: 80px;
}
.kpi-matrix-report .report-table-b .row ul li{
    line-height: 19px;
    margin-bottom: 5px;
}
.kpi-matrix-report .waste-report-table-b>.row>div {
   min-height: fit-content!important;
}
.kpi-matrix-report .cat-header p {
    font-weight: 800!important;
    font-size: 22px!important;
    line-height: inherit!important;
}
.kpi-matrix-report .report-table .cat-header {
    padding:5px 10px;
    height: auto;
}

.kpi-matrix-report .hd-th>div,
.payroll-report-container .hd-th>div{
    float: left;
    width: 25%;
    background: #000;
    color: #fff;
    border-right: solid 1px #fff;
    text-align: center;
    height: 35px;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
font-weight: bold;
}
.payroll-report-container{
    background: #fff url(/images/bg.png)!important;
}
.bottom-header-row{width: 100%;}
.payroll-report-container .report-table .cat-header{
/*    background: #dedede;*/
    padding: 0px 10px;
    margin-bottom: 10px;
    height: auto;
    display: flex;
    align-items: center;
    border:none;
}
.payroll-report-container .presto-table-h-two{
        font-weight: 800;
    font-size: 24px!important;
    color: #000!important;
    padding: 10px;
    height: 48px;
    display: flex!important;
    width: 100%;
        margin-bottom:0px!important;
}



.payroll-report-container .presto-table-h img{
    float: right!important;
}
.payroll-report-container .presto-table-h p{
    width:95%;
}

.payroll-cat-header{
    background: none!important;
    border-bottom: solid 1px #eee;
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
    padding: 0px!important;



}

.payroll-report-container .cat-header p{
        font-weight: 800!important;
        font-size: 22px!important;
            line-height: inherit!important;
}
#hoshin-opp-details .checkbox-row{
       margin-top: -14px;
    margin-bottom: 9px;
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #eee;
    background: #f3f3f3;
    padding: 0px 15px;
    align-items: center;
}
#hoshin-opp-details .checkbox-row label.checkbox{ 
    padding: 3px 0 0 40px;
    font-size: 20px;
}
#hoshin-opp-details .ad-icon {
text-align: center;
}
#hoshin-opp-details .ad-icon img{width:40px;height: 40px;cursor: pointer;}
.payroll-report-container .hd-th-second-row>div,
.kpi-matrix-report .hd-th-second-row>div
{
    float: left;
    width: 25%;
    background: #0c63a9;
    color: #fff;
    border-right: solid 1px #fff;
    text-align: center;
    height: 35px;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.payroll-report-container .presto-table-b>.row>div{
font-size: 16px;
    padding-left: 5px;
    min-height:37px;
    display: flex;
    align-items: center;

}
.payroll-report-container .presto-table-b>.row>div:first-child{
    padding-left: 0px;
        text-align: center;
    justify-content: center;
}




.payroll-report-container .presto-table-b>.row>div>span{
    width: 90px;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    min-height: 30px;
}

/*.payroll-report-container .presto-table-b>.row>div:first-child{
        font-weight: bold;
        text-align: center;
         align-items: center;
             padding: 0px;
         justify-content: center;
}
*/
.observation-user-container .landscape{
    background: #fff url(/images/bg.png)!important;
}

.observation-user-container .rsh-data{
    width: calc(100% - 190px);
}
.observation-user-container .rsh-icon-right-model img{
    width: 60px;
    border-radius: 50%;
    border: solid 3px #b6babb;
    height: 60px;
}
.observation-user-container .rsh-icon-right-model {
    position: relative;
    float: right;
    width: 100px;
}
.observation-user-container .report-sheet-header {
    margin-bottom: 3px!important;
    border-bottom: solid 1px #eee;
}
.observation-user-container .kpi-report-table-row .row{
border:none!important;
    border-bottom: solid 1px #eee!important;

}
.observation-user-container .title-tag{
    font-weight: bold;
    font-size: 22px;
    color: #0079BF;
    padding-top: 15px;
}
.observation-user-container .oberve-row ul{
    padding: 0px;
        margin-top: 20px;
            display: inline-block;
            width: 100%;
}
.observation-user-container .oberve-row ul li{
    list-style: none;
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 15px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    object-position: center;
    object-fit: cover;
    background-position: 50%;
    background-size: cover;
    height:220px;
         border: solid 3px #ccc8c8;
    border-radius: 3px;
}

.observation-user-container .oberve-row p {
    font-size: 20px;
    padding-bottom: 10px;
}
.observation-user-container .oberve-row .dis{
    font-size: 17px;
    padding-bottom: 10px;
    font-weight: normal;
}
.observation-user-container .oberve-row p span{
    padding-left: 15px;
}
.observation-user-container .oberve-row{
    border:none!important;
    width: 100%;
    display: inline-block;}

.payroll-report-container .presto-table-b>.row:first-child{
        border-top: 1px solid #c1c1c1;

}

.payroll-report-container .presto-table-b>.row:nth-child(even) {
    background: #f3f3f3;
}
.role-description-row{
    width: 100%;
    font-size: 18px!important;
    margin-top: 19px;
    align-items: center;
    font-weight: 800;
    margin-bottom: 20px;
}
.role-description-row .role-comment-100  textarea{


}



.role-description-row .form-control{
    height: 45px;    border: 2px solid #686fb1;
}

.role-cmt-rwo{
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    border: 1px solid #e6e6e6;}

#roles-modal-popupp .modal-dialog{
    width: 45%;
}
.roles-responsibilities-container .form-control{
    min-height: 40px;
    border-radius: 0px;
}
.talent-modal-row-container{
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    margin-top: 10px;
    background: #f7f7f7;
    padding: 20px;

}
#kpi-wr-body .report-sheet + .report-sheet{
    margin-bottom: 0px;
}
#kpi-waste-report-container{top:0px;} 
.roles-responsibilities-container{width: 100%;display: inline-block;}
#roles-modal-popupp .modal-footer{display: inline-block;width: 100%;}
.roles-responsibilities-container .form-group{padding-right: 15px;}
.roles-responsibilities-container .save-btn{
    width: 100px;
    height: 40px;
    position: relative;
    top: 22px;
    box-shadow: none;
    border: solid 1px #eee;
    background: #4CAF50;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.role-row-column .row-th-head{
    font-size: 16px;
    font-weight: bold;
    margin-top: 12px;
    border-top: solid 1px #eee;
    padding-top: 15px;
}
.roles-responsibilities-container .role-row-column{
    width: 100%;display: inline-block;margin-bottom:0px;
}
.roles-responsibilities-container .role-row-column label{width: 100%;}

.role-row-column .row-table-section>div{
height: 40px;
    border: solid 1px #ccc;
    margin: 10px 5px 0px 0px;
}
.role-row-column .row-th-head>div{
     margin: 0px 5px 0px 0px;   
}
.role-row-column .row-table-section>div:first-child{
       display: flex;
    align-items: center;
    justify-content: center; 
}

.role-row-column .row-table-section>div p{
    padding: 5px;
}
.row-table-section .form-group{
        width: 100%;
    left: 19px;
    top: -6px;
    position: relative;
}

.row-table-section label.checkbox::before{
    border:none;
}
.right-kpi-waste-icon .kpi-type{
    cursor: initial;
    float: left;
    width: 60px;
    line-height: 16px;
    height: 60px;
    margin-top: 8px;
    margin-left: 5px;
    font-size: 16px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    border:solid 1px #ccc;
    border-radius: 4px;
    position: relative;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 2px;
    display: flex;
}
.right-kpi-waste-icon .kpi-type img{
        cursor: initial;
}



.news-panel .kpi-date-row .data-w100{
margin-top: 27px;
    margin-left: 1%;
    width: 85%;
    display: inline-block;
}
.news-panel .kpi-date-row{
    display: none;
}
.kpi .kpi-date-row{display: block;}
.news-panel .kpi-date-row p{font-size: 15px;}
.news-panel .kpi-date-row>div{
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}
.news-panel .kpi-date-row div span{
    height: 35px;
    width: 35px;
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: 7px;
}
.kpi .nf-kpi-results{
    display: none;
}



.news-panel .data-w100>div{
background: rgb(255, 255, 255);
    padding:12px 0px;
    margin-right: 1%;
    /* min-height: 101px; */
    -webkit-box-shadow: 2px 8px 16px -6px #776f6f;
    box-shadow: 2px 8px 16px -6px #cecece;
    min-height: 100px;


}
.Management-row-scroll{
   min-height:260px!important;
    overflow-x: scroll;
}

.info-roles-responsibie-modals .modal-dialog {
    width: 45%;
}
.info-roles-responsibie-modals h3{
    font-weight: bold;
    font-size: 21px;
    /* padding-top: 10px; */
    width: 100%;
    display: inline-block;


}
.info-roles-responsibie-modals .talent-modal-container{
    position: relative;
    width: 40%;
    display: inline-block;
    float: right;
}
.info-roles-responsibie-modals .role-comment-100{
      float: left;
    width: 60%;  
}

.info-roles-responsibie-modals .modal-footer{
    width: 100%;
    display: inline-block;
}
.kpi-chart-modal .print-reports:hover {
    right: -100px;
    transition: left .4s;
}

.kpi-chart-modal .print-reports{
width: 120px;
    height: 50px;margin-top: 10px;
    background: #e6e6e6;
    position: absolute;
    cursor: pointer;
        transition: left .4s;
    right: -60px;
    margin-bottom: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
#talent-differentiatorsModal .modal-dialog{
    width: 80%;
}

#talent-differentiatorsModal .talent-differentiators{
    display: block;
    position: relative;
    width:100%;    overflow: hidden;
    box-shadow: none;
}

#talent-differentiatorsModal .modal-footer{
    width: 100%;
    display: inline-block;
     border:none;
         padding: 0px;
}
#talent-differentiatorsModal .modal-body {
    position: relative;
    padding: 15px 50px 15px 20px;
    width: 100%;
    display: inline-block;

        float: left;
}
#talent-differentiatorsModal .modal-title{font-weight: bold;font-size: 24px;}
#talent-differentiatorsModal .row-50
{
    display: block;
    position: relative;
    background: #f9f9f9;
    width: 40%;
    padding: 10px;
    float: left;
}
#talent-differentiatorsModal .role-comment{ 
    display: block;
    position: relative;
    width: 55%;    
    float: right;
    margin: 0px;
}
#talent-differentiatorsModal .role-comment .form-control{
   height: auto;
    border: solid 1px #eee;
    border-radius: 0px;
    min-height: 45px;
}
#talent-differentiatorsModal .checkbox-btns label.checkbox {
    margin-top: 0;
    padding: 0 0 0 30px;
    width: 240px;
}
#talent-differentiatorsModal .modal-header .form-group:first {
    margin-right: 10px;
}
#title-differentiatorsModal .modal-body {
    position: relative;
    padding: 15px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.title-differentiatorsModal .modal-title{
        font-weight: 800;
            font-size: 18px!important;
}
.title-differentiatorsModal label{
    width: 100%;
    font-size: 18px!important;
    margin-top: 19px;
    align-items: center;
    font-weight: 800;
}
#title-differentiatorsModal .form-control{
   height: auto;
    border: solid 1px #eee;
    border-radius: 0px;
    min-height: 45px;
}


/*Styling Selectbox*/
.dropdown-alert {
  width: 300px;
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px rgb(204, 204, 204);
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
  color: #474747;
  height: 100%;
  text-align: left
}
.dropdown-alert .select {
    cursor: pointer;
    display: block;
    padding: 10px
}
.dropdown-alert .select > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px
}
.dropdown-alert:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.dropdown-alert:active {
    background-color: #f8f8f8
}
.dropdown-alert.active:hover,
.dropdown-alert.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8
}
.dropdown-alert.active .select > i {
    transform: rotate(-90deg)
}
.dropdown-alert .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}
.dropdown-alert .dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown-alert .dropdown-menu {
    padding: 0;
    list-style: none
}
.dropdown-alert .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.dropdown-alert .dropdown-menu li:active {
    background-color: #e2e2e2
}
.info-containermd-modal .issue-phase-info{
    height: auto;
    border-bottom: solid 1px #b3b3b3;
    padding-bottom: 10px;    position: relative;
    margin-bottom: 0px;
}
.info-containermd-modal{
    background: #f9f8ff;
    border:none!important;
    border-radius: 0px!important;
        margin-top: 15px;
}
.info-containermd-modal .oc-statusvaluedisabled{
        background: #444648;
}
.info-containermd-modal .ip-index{width: 30px;height: 30px;}
.info-containermd-modal .ip-name{    width: calc(100% - 43px);}
.dropdown-md-alert-box .uln-description-row{
    width: 70%!important;
    padding-right: 0px!important;
    float: right!important;
}
.uln-user-row .uln-photos {
    padding: 0px 0 8px 12px;
}
.uln-description-row .uln-description-time{
        position: absolute;
    right: 13px;
}
.uln-user-row .uln-photos img{
    border: solid 3px #72adfc;


}

.uln-user-row{width: 30%;float: left;}
.dropdown-md-alert-box .unread-notif{background: #fbfbfb;}
.users-like-notification {background: #fff;}


.modal-user-inlineimg .owner-box>input {
    width: calc(100% - 50px);
}
.modal-user-inlineimg .owner-box>img {
    float: right;
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%!important;
}
.kpi-user-field{
    height: 40px;
    border: 1px solid #6F9FD8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-top: -2px;
    background: #1c7fbe;
    font-weight: 600;
    color: #fff;
}
.kpi-filtered-items-row .kpi-user-field{
    background: none;
    border:none;
    color: #000;
    height: 50px;
}
.label-pop-row-text .label-pop{display: block;}
.label-pop-row-text .label-popup span{
        position: relative;
    margin-top: -9px;
    background: #fff;
    border:solid 1px #ccc;
    display: block;
    padding: 3px 0px;
    width: 121px;

}
.kpi-filtered-items-row{
       padding: 10px;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color .2s;
    margin: 0px 1.5%;
    width: 22%;

}

#issue-report-graph .highcharts-container{width: 100%!important;}


.log-row-50 span{
float: left;
    font-size: 21px;
    padding-left: 11px;
    text-align: center;
    padding-top: 8px;
    position: relative;
}
.log-row-50{
    width:100%;
    cursor: pointer;
    float: left;
    height: 50px;
padding: 2px 5px;
background: #fff;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.log-row-50 img{
    width: 50px;    float: left;
}

.log-row-100{
    margin-top: 5px;
    float: right;


}

.kpi-left-seclctarea{
    width: 69%;
   border: solid 3px #ccc;
    /* overflow: hidden; */
    padding: 3px 0px;
    height: 112px;
    display: inline-block;
        margin-top: 5px;

}
.org-team-count .inactive {
    cursor: default !important;
}
.kpi-raci-box .op-raci-row{
        border-bottom: solid 1px #eee;
    padding: 10px 0px 5px 0px;
}
.kpi-raci-box .op-raci-photos{
        display: flex;
}
.kpi-raci-box .raci-photo{height: 40px;
    width: 40px;
    border-radius: 5px;
    border: solid 1px #eee;
    padding: 1px;
}
.unclk-btn .label-popup span{
    position: relative;
    margin-top: 20px;
    background: #f2d62c;
    display: block;
    padding: 12px 6px;
    width: 256px;
    color: #333;
    right: 58%;
    font-size: 18px;
    border:solid 1px #337ab7;
}


.kpi-type-title .unclk-btn .label-popup div{
    position: relative;
    margin-top: 74px;
    background: #f2d62c;
    display: block;
    padding: 12px 6px;
    width: 331px;
    color: #333;
    right: -2%;
    font-size: 18px;
    border: solid 1px #337ab7;
}
.kpi-type-title .unclk-btn .label-popup div:before{
    content: "";
    position: absolute;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 15px solid #f2d62c;
    top: -17px;
    left: 45%;
}
#kpi-report .kpi-report-infoperiod{
    float: right;
    width:43%;
    height:auto;
}
#kpi-report  .cat-header>p{width: 100%;}

#kpi-report .report-sheet-header .kpi-report-infoperiod{display: none;}

.drag-drop{
    width: 100%;
    position: relative;
 display: inline-block;
} 
.drag-drop-ul .sort-active{
    background: rgba(0,0,0,0.03);}
.drag-drop-ul .row{
      cursor: move;
       position: relative !important;
       top: 0px !Important;
        left: 0px !Important;
         box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1563);}

.drag-drop-ul .sort-trans{ 
    transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0.9;}
.drag-drop-ul .row.sort-el{transition: nodne !Important; }
.drag-drop-ul .plcehldr{display: none;}
.kpi-tab-width{width: 100%; float: left;}
.kpi-icon-group{
    background: #fff;
    float: right;
    cursor: pointer;
        height: 32px;
    border: solid 1px #cccccc;
    border-radius: 4px;
}
.kpi-icon-group img{
    width: 31px;
    text-align: right;
    float: right;
    position: relative;
    /*top: -6px;*/
    padding: 1px;
   padding: 7px;
}

#kpi-report-view .kpi-icon-group.active {
    background-color: #337ab7;
    color: #fff;
}
.medi-summery-icon img{width: 40px;}
.medi-summery-icon{
    background: #fff;
    margin-top: 16px;
    padding: 3px;
    height: 50px;
    text-align: center;
    width: 9%;
    margin-left: 1%;
    border: solid 1px #eee;
    border-radius: 5px;
    cursor: pointer;
}
#kpi-report-view .kpi-icon-group{width: 45px;}
.kpi-summary-report-container .rsh-subtitle{
    height: auto;
    font-size: 21px;
    font-weight: bold;
}
.kpi-summary-report-container .report-sheet-header {
    margin-bottom: 20px;
        padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}
.kpi-summary-report-container .rsh-icon-right-model{
    width: 43%;    float: right;
}
.kpi-summary-report-container .rsh-data{
width: 50%;
}
.kpi-summary-report-container .icon-kpi img{
    width: 80px;
    border-radius: 50%;
    float: right;
    border: solid 3px #b6babb;
    height: auto;
}
.kpi-right-apnel{
    text-align: right;
    font-size: 21px;
    padding-top: 10px;
    font-weight: 700;
}
.kpi-summary-report-container .presto-table-h{
height: auto;
}
.kpi-summary-report-container .presto-table-h div{
    font-size: 20px!important;
    font-weight: 800;
    padding: 5px 0px;
    color: #000;
    height: 38px;
        border-right: 1px solid #b1acac!important;
        display: flex;justify-content: center;
    align-items: center;
}

.kpi-matrix-report .presto-table-h div{font-weight: 500!important;}


.kpi-summary-report-container .report-table-b div img{width: 35px;margin-left: 10px;}
.kpi-summary-report-container .report-table-b div span{
    font-size: 18px;
    padding-left: 10px;
    line-height: 22px;

}
.kpi-summary-report-container .report-sheet-body .presto-table-b>.row>div:first-child
{
   justify-content: left; 
}

.kpi-summary-report-container .report-table-b .row div{
    display: flex;
    align-items: center;
}
.kpi-summary-report-container .report-table-b .row ul{
    margin: 0px;
}
.kpi-summary-report-container .report-table-b .row ul li{
    text-align: left;
    font-size: 19px;
}

.kpi-summary-report-container .kpi-report-table-row>.row:nth-child(even) {
    background: #f3f3f3;
}

.kpi-summary-report-container .waste-report-table-b>.row>div{
 /*   min-height: 75px;*/
}
.kpi-summary-report-container {
    background: #ffffffff url(/images/bg.png)!important;
}
.kpi-summary-report-container .icon-kpi{float: right;}
.filter-active{
    background: #ffeb3b!important;
    color: #000!important;
}
.macro-row-container.over{opacity: 0;}
.btn-intiative{
    background: #fff;
    padding: 2px 5px;
    font-size: 20px;
    height: 32px;
    width: 120px;
    text-align: center;
    letter-spacing: 3px;
    border-radius: 5px;
}
.metrics-icon{
    width: 5%!important;
        font-size: 30px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
        color: #22395e!important;


}
.kpi-tab-width .kpi-icon-group{
        width: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding-top: 1px!important;
    padding-bottom:  0px!important;
}
.kpi-tab-width .btn {
    padding: 6px 6px;
}
.tti-report-container .rs-subtitle{
font-size: 20px;
    font-size: 32px;
    font-weight: 700;
}
.tti-report-container .report-sheet-header{
    padding-bottom: 10px;
/* margin-bottom: 15px!important;*/
    border-bottom: solid 1px #eee;
}
.tti-report-container .report-sheet-body .presto-table-h{
    background:none;
        height: 35px;
}

.tti-report-container .presto-table-h:not(#opex-history-table-h)>div:last-child {
    margin-right: 0px;
    width: 20%;
}

.tti-report-container .report-sheet-header .rsh-data {
    width: 50%;
    float: left;
    padding-left: 10px;
}
.tti-report-container .rsh-icon {
    width: 80px;
    height: 80px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tti-report-container  .n-border>img{
    border:none!important;
}
.tti-report-container .rsh-subtitle {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0px;
    display: inline-block;
    height: auto;
    white-space: inherit;
}
.tti-report-container .p-sub {
    font-size: 16px;
    font-weight: 400;
    padding-top: 5;
    color: #000;
}
.tti-report-container  .id-kpi{
display: block;
    position: absolute;
    bottom: 0px;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 15px;
}


.tti-report-container .report-sheet-header .fim-subcategory .rsh-title {
    text-align: right;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
        padding-right: 15px;
    font-size: 20px;
        padding-top: 18px;
}
.tti-report-container .report-sheet-header .fim-subcategory .rsh-title span{
display: block;
    padding-top: 5px;
    color: #000;
        font-weight: bold;
}

.tti-report-container .report-sheet-header .fim-subcategory {
    width: 41%;
    float: right;
    justify-content: flex-end;
}

.tti-report-container .report-sheet-body .presto-table-h>div{
    font-size: 20px!important;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #22284e;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    margin-right: 1%;
    width: 19%;
}
.no-flex{
 display: inline-block!important; 
}
.tti-report-container .flex-2{
display: inline-block!important; 
background: none;
}

.tti-report-container .kpi-report-table-row .flex-2 ul
{
padding: 0px;
margin: 0px;
}
.tti-report-container .kpi-report-table-row .flex-2 ul li {
list-style: none;
    text-align: left;
    height: 33px;
    /* background: #23284e; */
    width: 62px;
    float: left;
    margin-right: 26px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0px;
    border: solid 1px #21284e;
    position: relative;
}
.tti-report-container .kpi-report-table-row .flex-2 ul li:last-child{
    margin-right: 0px!important;
}
.tti-report-container .kpi-report-table-row .flex-2 ul li:first-child:after{
    display: none
}
/*.tti-report-container .kpi-report-table-row .flex-2 ul li:after{
    content: "<";
    position: absolute;
    left: -21px;
    color: #131212;


}

*/
.tti-report-container .flex-2 ul li span{
        position: absolute;
    right: -17px;
    color: #000;
}
.tti-report-container .flex-2 ul li:last-child span{
    display: none;
}
.tti-report-container .kpi-report-table-row ul li{
        list-style: decimal;
        text-align: left;
        padding-bottom: 5px;
        width: 226px;
}
.tti-report-container .presto-table-b>.row{
    border:none!important;
    margin-top: 5px;
}
.formula-btn{
    margin-top: 20px!important;
}

.tti-report-container .report-table-b .row>div {
    text-align: center;
    font-size: 19px;
    align-items: center;
    justify-content: center;
    position: relative;
    display: flex;
        background: #ededed;
    padding: 10px 0px 0px 0px;
    width: 19%;
    margin-right: 1%;
    border:none!important;
}
.tti-report-container .report-table-b .row .row-pd{
        padding-left: 6px;
    padding-right: 6px;
}
.tti-report-container .report-table-b .row>.flex-2>div {
    text-align: left;
    font-size: 19px;
        background: #eee;
    padding: 8px 8px;
    margin:8px 0px;
    overflow: hidden;

}

.pop-label-33{
   float: left;
   width: 32%; 
   margin-right: 1%;
    }
.pop-label-33 h3{

    font-size: 15px;
    margin-bottom: 0px;
}
.ed-33section .pop-label-33:last-child{
    margin-right: 0px;
        width: 33%;
}
.pop-label-33 .formula-textarea{
    font-size: 17px!important;
}


.tti-report-container .report-table-b .row>.flex-2>div:first-child{
    border-bottom: solid 5px #f5f5f5;
    padding-top: 0px;
    padding-bottom: 10px;
/*        min-height: 100px;*/
}
.tti-report-container .report-sheet-body .presto-table-b>.row>div:last-child{
    width: 20%;
    margin-right: 0px;
}

.tti-report-container .rsh-icon>img{
        width: 80px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-width: none;
    max-height: none;
}
.tti-report-container{
    background: #f5f5f5 url(/images/bg.png)!important;
}
.count-center{text-align: center;
font-weight: bold;}
.row.active2 .metrics-icon{color: #000!important}
/*.metrics-editable-md .hp-editlabel{width: 75%;}*/
.media-summary-report-container .rsh-data {
    width: 50%;
}
.media-summary-report-container .icon-kpi {
    float: right;
}
.media-summary-report-container .icon-kpi img {
    width: 80px;
    border-radius: 50%;
    float: right;
    border: solid 3px #b6babb;
    height: auto;
}
.media-summary-report-container .rsh-icon-right-model {
    width: 43%;
    float: right;
}
.media-summary-report-container .rsh-subtitle {
    height: auto;
    font-size: 21px;
    font-weight: bold;
}
.media-summary-report-container .presto-table-h {
    height: auto;
}
.media-summary-report-container .presto-table-h div {
    font-size: 20px!important;
    font-weight: 800;
    padding: 5px 0px;
    color: #000;
    height: 38px;
    border-right: 1px solid #b1acac!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.media-summary-report-container .report-table-b div span {
    font-size: 18px;
    padding-left: 10px;
    line-height: 22px;
}
.media-summary-report-container .report-table-b div img {
    width: 35px;
    margin-left: 10px;
}
.media-summary-report-container .report-table-b .row div {
    display: flex;
    align-items: center;
}
.media-summary-report-container .report-table-b .row ul li {
    text-align: left;
    font-size: 19px;
}

.media-summary-report-container .report-table-b .row ul {
    margin: 0px;
}

.media-summary-report-container .kpi-report-table-row>.row:nth-child(even) {
    background: #f3f3f3;
}
.media-summary-report-container .report-sheet-header {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}
.hoshin-matrix-global {
    margin-left: 10px;
    right: 0px;
    width: 40px;
    height: 38px;
    top: -5px;
    background-color: #fff;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 25px;
    padding: 0;
   }
.hoshin-matrix-global img{width: 35px;}
#kpi-report .xmatrix-chart-md-modal.modal-dialog{
    width: 1414px;
    height: 999px;
        margin: 0px;
}

#kpi-report .xmatrix-chart-md-modal .close-modal-icon,
.x-zoom
{display: none;}
#kpi-report .xmatrix-chart-md-modal .x-zoom{display: block;}
#kpi-report .second-report-content{
    margin-top: 20px;
}
#kpi-report .xmatrix-chart-md-modal .modal-body {
    position: relative;
    padding: 30px!important;
           height: 950px;
}
/*#kpi-report .xmatrix-chart-md-modal .xm-31-row{width: 60%;}*/
.view-report-modalpage .modal-body{padding: 30px!important;}

#media-report .media-summary-report-container .presto-table-b>.row>div:last-child{
   border-right: 1px solid #c1c1c1;
}
.media-summary-report-container .presto-table-b>.row>div{
   border-right: 1px solid #c1c1c1!important;
}
#proj-tasks-legenda{
    width: 100%!important;
}
.disable-inside{
    pointer-events: none;
    opacity: 0.7;
}
.disable-inside .contact-input>input, .disable-inside .contact-input > select{
    width: 100%;
    border: 1px solid #7ba1af!important;
    height: 34px;
    border-radius: 2px;
    padding: 0 8px;
    background: #f0f0f0!important;
}



.flag-row-100{
    width: 100%;
    display: inline-block;
margin-bottom: 10px;
}
.flag-row-100 ul {
    padding:0px;
}
.flag-row-100 ul li{
    list-style: none;
    display: inline;
    cursor: pointer;
    margin-right: 5px;
}
.flag-row-100 ul li img{
       width: 60px;
    border: solid 2px #1968b8;
    padding: 1px;
    border-radius: 5px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.flag-row-100 ul li img:hover{
        -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.flg-modal-container .modal-content{
border-radius: 0px;
padding: 10px 20px;
}
.flg-modal-container .modal-title{
    font-size: 23px;
    font-weight: bold;
}
.flg-modal-container .modal-dialog{
    width:710px;
}
.flg-modal-container .md-check-label{
        padding-left: 52px;
    font-size: 20px;    font-weight: 800;
}
.all-ccheckbox .md-check-label{
    margin-top: 15px;
    display: block;
}
.all-row-grp{
 width: 100%;
    display: inline-block;
    margin-bottom: 24px;
    padding: 10px 0px;}
.lable-p-text{
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 14px;
        display: inline-block;
    margin-bottom: 30px;

}
.all-row-grp .form-group{
    display: flex;
}
.all-row-grp .md-check-label img{
         width: 60px;
    border: solid 2px #1968b8;
    padding: 1px;  
}
.flg-modal-container .checkbox-btns label.checkbox::before{
        height: 32px;
    width: 33px;
        border: 2px solid #060606;
}

 .flg-modal-container .checkbox-btns label.checkbox span {
    top: 11px;
    left: 10px;

}
.all-ccheckbox{
    width: 100%;
    display: inline-block;
    border-bottom: solid 1px #ececec;
    padding-bottom: 27px;
    margin-bottom: 27px;

}
 .flg-modal-container  .modal-body {
    padding: 15px;
    background: #fff;
    margin: 10px;
}
.hosin-kanri-work{
    float: right;
    cursor: pointer;
}
.kari-cycle-row>div{
    float: left;
    margin-right: 20px;

}
.kari-cycle-row>div:first-child{
    border: solid 2px #b5abab;
    width: 55%;
    font-size: 24px;
    text-align: center;
    border-radius: 5px;
    height: 60px;
    color: #000;
    background: #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kari-cycle-row>div:last-child{
    float: right;
    width: 180px;
    border: solid 1px #000;
    height: 60px;
    color: #fff;
    font-size: 20px;
    display: flex;
    background: #005b80;
    align-items: center;
    justify-content: center;
}
.hoshin-kanri-modal h3{
padding-top: 10px;
    border-bottom: solid 1px #165b80;
    padding-bottom: 16px;
    margin-bottom: 26px;
    font-weight: 600;
}
.kari-cycle-row{
        width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.act-row-head h3{
    font-weight: 800;
    font-size: 19px;
    padding-left: 10px;
    margin-top: 11px;
}
.highcharts-navigator-mask-inside{
    cursor: pointer!important;
}
.hosin-kanri-work img{width: 50px;}
.flt-lrt{
        float: right; 
}
.bg-clr{background: #fff;    margin-right: 8px;}
.dash-icon-box .dash-icon{
        background: #fff;
    margin: 5px;
    font-size: 30px;
    position: relative;
    border-radius: 6px;
    border: solid 1px #b9d9ea;
        box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);


}
.full-row-flex{
width: 50%;
float: left;
    margin-bottom: 25px;
}
.dash-icon-box h3.fi-h3{
    border:none;
    width: 100%;
    display: inline-block;

}

.dash-icon-box hr{
        border-bottom: 1px solid #cccccc;
            width: 100%;
    display: block;

}
.full-row-flex-02{float: right;}
.full-row-flex-01 {float: left;}
.dash-icon-box h3{
    font-size: 26px;
    padding-bottom: 1px;
    margin-top: 0px;
    width: 100%;
    display: inline-block;
}
.contactdetailsm-modal .all-row-bottom{
    margin-top:-5px;
}
.flg-modal-container .contactdetailsm-modal{
        background: #fcfcfc;
    padding: 30px;
}
.contactdetailsm-modal .all-row-grp{
margin-bottom:0px;
    padding: 0px;
}
.flg-modal-container .contactdetailsm-modal .md-check-label{
    margin-top: 9px;
    display: inline-block;
}
.dash-icon-box{
        width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.act-row-head{
     margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    border-top: solid 1px #c4c4c4;
    border-bottom: solid 1px #c4c4c4;
    background: #fff;}
#skill-details-hmodal .fa-2x {
font-size: 3em;
    position: relative;
    left: -10px;
}

#skill-details-hmodal .radio-btns label.btn span{
    font-size: 20px;
    color: #313344;
    position: relative;
    top: -5px;
    left: 12px;
    font-weight: 600;
}
.clnt-iconmodal{float: right;}
.clnt-iconmodal img{
width: 93px;
    position: absolute;
    right: 12px;
    margin-top: -52px;
    cursor: pointer;
}
.client-detailsmodals .modal-content{
    border-radius: 0px;
}
.client-detailsmodals .modal-dialog{
        width: 750px;
}
.client-detailsmodals .thb-head>div{
    width:50%;
    float: left;
    padding:0px 15px;
    border-right: solid 1px #000;
}
.client-detailsmodals .thb-head>div:last-child{
    border:none;
}
.client-detailsmodals .modal-title{
    font-size: 20px;
    font-weight: bold;
}
.client-detailsmodals .thb-head{
background: #e4e4e4;
    height: 51px;
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 20px;

}
.full-row-flex .active{
        border: solid 3px #f00!important;
}
.thb-table-b>div{
    width: 50%;
    float: left;
}
.thb-table-b>div:last-child{
    margin-top: 30px;
}
.client-detailsmodals .modal-body {
    overflow: hidden;  
}
.client-detailsmodals .modal-footer{
    border-top:none;
}
.thb-table-b .presto-input > .dropdown-menu{
    background: #fff;
}
.thb-table-b{
    width: 100%!important;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 21px;
    border-bottom: solid 1px #eee;
    display: inline-block;
}
.clnt-name-details label{
        font-size: 20px;
    padding-left: 10px;
}
.clnt-name-details img{
        width: 65px;
    border: solid 1px #337ab7;
    padding: 4px;
    height: initial;
    border-radius: 5px;
}
.thb-table-b select, .thb-table-b ul{
    background: none;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    font-size: 19px;
}
.count-clnt{
    background: #165b80;
    width: 40px;
    height: 40px;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    color: #fff;
    top: -56px;
    z-index: 999;
    position: relative;
    right: -8px;
    border-radius: 50%;
}
.client-detailsmodals  #atc-o {
    height: 100%!important;
}
.ab-flow-row h3{
    color: #fff;
    margin: 0px;
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: 700;
    
}
.ab-flow-row{
    position: fixed;
    background: #3F51B5!important;
    padding: 20px;
    right: 0px;
    max-height: 900px;
    overflow-y: scroll;
    top: 60px;
    z-index: 9999;
    height: 100%;
    width: 50%!important;
}
.row-inp input{
   border-bottom: solid 1px #eee!important;

}
.info-popu .fa{
     background: #f7f6f6;
    color: rgba(113, 111, 111, 0.35);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 50%;
    position: relative;
    /* left: -50px; */
    /* margin-right: -50px; */
    z-index: 1;
    cursor: pointer;
}
.info-popu .fa:hover{
    background: #42a5f5;
    color: #fff;

}
.info-popu{    position: absolute;
    left: 33%;
    margin-top:-65px;
    border: none!important;
    cursor: pointer;}
.endor-cunt{
    font-size: 12px!important;
    position: absolute;
    top: 5px;
    margin-left: 10px;
    background: #f00;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    padding: 1px;
    border: solid 1px #fff;
}
.error-message {
    color: red !important;

}
.job-description-row h2{font-weight: 600;
    text-align: center;
    font-size: 26px;
    color: #000;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
}
.job-description-row .report-table-b .row{
    border:none!important;
}
.job-description-row .report-sheet .report-sheet-header{
    margin-bottom: 0px;
}
.job-description-row .portrait {
    background: #f5f5f5 url(/images/bg.png)!important;
}
.job-description-row .report-sheet-body .presto-table-h{
        background: none;
    height: auto;
}
.job-description-row .report-sheet-body .presto-table-h h3{
    font-size: 20px;
    color: #24284e;
    font-weight: bold;
    margin-bottom: 5px;
}


.job-description-row .report-sheet-body .presto-table-h p{
    font-size: 16px;
    font-weight: 300;
    color: #333;
}
.job-description-row .report-sheet .report-sheet-body{
        padding: 20px 20px;
            height: 1300px;
    overflow: scroll;

}

.job-description-row h4{
        color: #24284e;
    font-size: 19px;
    font-weight: 700;
    float: left;


}
.job-description-row ul li {
    font-size: 16px;
    padding: 5px 0px;
}

.job-description-role .report-sheet.portrait {
    background: #fff url(/images/bg.png);
}
.job-description-role .report-table .cat-header{
    float: none;
    width: 100%;
    padding-left: 15px;
    background: #fbfbfb;
    color: #000;

}

.job-description-role .issue-report-table-h>div{
    font-weight: bold;
    font-size: 19px;
    color: #fff;}

.job-description-role .issue-report-table-b>.row>div{
  color: #736f6f;
}
.job-description-role .report-sheet-body .presto-table-b>.row>div:last-child{
border-right: none;
}
.job-description-role .report-sheet-body .presto-table-b>.row>div:first-child{
    border-left: none;
}

.job-description-role .report-sheet-body .presto-table-h{
        background: #124f80;
}
/* .payroll-report-container .report-sheet-body {
    height: calc(100% - 100px)!important;
}
*/
.bg-gry{
    background: #d4cbcb;
}
.bg-rey{
    background: #f00;
}
.bg-yey{
    background: #ffbb38;
}
.bg-yely{
       background: #fcff61;
}
.bg-green{
       background: #26ab00;
}
.cem-audit-icon img{
    width: 76px;
    margin-top: 8px;
    margin-right: 5px;
}
.cem-audit-icon{
    width: 200px!important;
}
.cem-report-fullcontainer .cem-content>.elements-scores>.score-row:last-child>div {
    padding-bottom: 0px!important;
}
.cem-report-fullcontainer .cem-content .elements-scores .score-row>div>div {
    width: 60%;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cem-report-fullcontainer .cem-content .elements-scores .score-row>div{
    width: 20%;
}

.scores-labels-body .bg-rey {
        border-left: 8px solid #333;
    border-top: 8px solid #333;
    border-right: 8px solid #333;
    background-color: #ff0000;
}
.report-table-b .bg-rey-b{
border-left: 8px solid #333;
    border-right: 8px solid #333;
    background-color: #ff0000; 
}
.report-table-b .score-row>.bg-rey-b:first-child{
        border-top: 8px solid #333!important;
}

.cem-report-fullcontainer .cem-header .cem-scores-labels .scores-labels-body>div{
    height: 34px!important;
}

.cem-report-fullcontainer  .cem-line-container,
.cem-report-fullcontainer  .elements-scores
{
    border-bottom: none!important;
}
.fim-report-container .row .child-div{
    min-height: 35px;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
.fim-report-container .row .child-div:nth-child(3){
    /*background: #f00!important;*/
    /*border-left: 8px solid #333;*/
    /*border-right: 8px solid #333;*/

}
.fim-report-container .row .child-div:nth-child(2){
    /*background: #d4cbcb!important;*/
}
.fim-report-container .row .child-div:nth-child(4){
    /*background: #ffbb38!important;*/
}
.fim-report-container .row .child-div:nth-child(5){
    /*background: #fcff61!important;*/
}
.fim-report-container .row .child-div:nth-child(6){
    /*background: #26ab00!important;*/

}

.cem-report-fullcontainer .fim-report-container .fim-content .fim-table-b>.row>div>.fim-indicator{
    width: 24px;
    height: 24px;
    display: block;
    background: #000000;
    border-radius: 12px;
}

.cem-report-container .cem-report-container .presto-table-b>.row{
    border-bottom: none;
}
.cem-report-fullcontainer .fim-report-container .presto-table-b>.row{
    border-bottom: none!important;
}

.cem-report-fullcontainer .fim-report-container .report-sheet-body .presto-table-b>.row>div:first-child{
border-right: none;
}
.cem-report-fullcontainer .fim-report-container .report-sheet-body .presto-table-b>.row>div span{

       padding: 4px 19px 4px 5px;
    color: #065b86;
/*    margin-right: 8px;*/
}
.cem-report-fullcontainer .fim-report-container .report-sheet-body .presto-table-b>.row>div span.cem-score-signal-target{
       background-color: #065b86 !important;
    border-radius: 0px !important;
    }
.cem-report-fullcontainer .fim-indicator-na{
    right: -8px;
}

.cem-report-fullcontainer  .scores-labels-header div .fa{
font-size: 38px;
    position: relative;
    top: 18px;
        font-weight: 500;
}
.fa-smile-o.red{
    color: #f00;
}
.fa-smile-o.yellowsk{
    color: #faba36;
}
.fa-smile-o.yellow{
    color: #f9f061
}
.fa-smile-o.green{
    color: #54ab08
}
.cem-report-fullcontainer .cem-header{
        background: #dadada;
}

.cem-report-fullcontainer .rsh-icon>img {
    width: 65px;
    height: 65px;
    border: solid 3px #3eb5e2;
    border-radius: 93px;
    max-width: none;
    max-width: none;
}
.cem-report-fullcontainer .report-table-b .row{
    border-left: none!important;
}

.cem-report-fullcontainer .fim-report-container .report-sheet-body .presto-table-b>.row>div:first-child{
    border-right: none!important;
}

.cem-report-fullcontainer  .presto-table-b>.row>div{
    padding:0px 4px!important;
}
.cem-report-fullcontainer  .glyph-danger,
.cem-report-fullcontainer  .fim-indicator-target
{
    color: #000;
    background: #000;
}
.cem-report-fullcontainer .fa.fim-indicator-target:before{
    display: none;
}
.cem-report-fullcontainer .cat-header{
        border-bottom: solid 1px #eee;
    margin-bottom: 10px;
}
.cem-report-fullcontainer .user-dat p{
    float: left;
        width: auto;
}

.cem-report-fullcontainer .user-dat .p-sub{
padding-left: 8px;
    color: #3eb5e2;
    font-size: 17px;
    font-weight: 600
}

.cem-report-fullcontainer .cem-header.cat-header{
    margin-bottom: 0px;
}

.cem-report-fullcontainer .fim-report-container .fim-content .fim-table-b>.row>div{
border-left: none;
border-right: none;
}

.cem-report-fullcontainer .rsh-icon{
    float: right;
}
.cem-report-fullcontainer .cem-header{
    margin-bottom: 0px!important;
        float: right!important;
    /*width: 78.5%!important;
    margin-right: 13px!important;*/
}
.raci-process-modal .bt-add-proj-owner{
    float: left;
}
.raci-owner-p{
    float: left;    
    margin-right: 8px;
    display: inline-block;
}
.raci-owner-p img{
        width: 56px;
    border: solid 4px #3f69a9;
    border-radius: 50%;
    position: relative;
    margin-top: -10px;
}
.filter-btn{
    cursor: pointer;
    line-height: 1.4;
    margin-left: 5px;
    position: absolute;
    width: 60px;
    color: #0062ba;
    height: 60px;
    background: #f0f0f0;
    border: solid 1px #d0d1d2;
    border-radius: 50%;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -11px;
    top: -78px;
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .25);
}
.filter-btn.glyphicon-filter:before {
    content: "\e138";
    position: relative;
    top: 3px;
}
.inline-btn-rowdiv{
    float: right;
        margin-left: 50px;
}
.inline-btn-rowdiv .form-group{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 35px;
    padding: 10px 15px;
    font-size: 21px;
    border: solid 3px #eee;
}
.woinner-btn-section{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inline-btn-rowdiv  .radio,  .inline-btn-rowdiv  .checkbox {
    position: relative;
    display: block;
    margin-top: -19px;
    margin-bottom: 10px;
    margin-left: 7px;

}
.doc-pdfbtn a{color: #000;}
.doc-pdfbtn{
    position: relative;
    margin-left: 10px;
    height: 40px;
    background: none;
    border: none;
    color: #000;
    font-size: 18px;
    padding: 2px 20px;
    border: solid 1px #b7b7b7;
    border-radius: 18px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.doc-pdfbtn span img{
    width: 30px;
    position: relative;
    top: -2px;

}

.doc-pdfbtn:hover{
        -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hoshin-filter-funal.active1:before{
  opacity: 0.5 !important;
}
.hoshin-filter-funal{
    position: relative;
    border: none !important;
    background: none!important;
    top: -32px;
    right: -93px;
    font-size: 99% !important;
    box-shadow: none !important;
    color: #fff;
}
.upload-report-icon{
    color: #3F69AA; cursor: pointer;
}
.ad-icon > input
{
  display: none;
}
.ad-icon label{
    cursor: pointer;
}

.badge-award-description {
    width: 100%;
     padding-left: 5px!important;
}
.waste-news-col-icon{
 width:100%;   
}
.pf-news-waterow .user-photo{
        width: 65px;
    height: 65px;
}
.waste-news-col-row .hypo{
        font-size: 1.6rem;
    line-height: 19px;
    font-weight: 600;
}
.ab-right-b{
        position: absolute;
    right: 24px;
    /* top: 0; */
    margin-top: 10px;
    align-items: center;
    display: flex;
    width: 50%;
}
.opportunity-interaction .dependency{
position: absolute;
}
.title-team{
    font-weight: bold;
}

.left-panelbuttons{
        float: right;
}
.filter-btnchoice{float: left;
margin-right: 10px;
}
.left-panelbuttons button,
.filter-btnchoice
{
background: #ffffff;
    margin-left: 5px;
    font-size: 33px;
    font-weight: 500;
    color: #000;
    border: none;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: inline-flex;
    align-items: center;
    height: 40px;
    width: 52px;
    justify-content: center;
}
.left-panelbuttons button:hover,
.filter-btnchoice:hover
{
        background-color: #e6e6e6;
}
.seach-boxp button{
        float: right;
       height: 34px;
}
.seach-boxp button:hover{
    color: #fff;
}
.seach-boxp{
    float: right;
    max-width: 240px;
    margin-left: 10px;
}
.audit-project-column{
    margin-top: 30px;
}
.audit-project-column>div{
    background: #fff;
        min-height: 85px;
        margin-bottom: 10px;
}
.left-panelbuttons img,
.filter-img
{width: 30px;}
.seach-boxp .input-group-btn{
    position: absolute;
    font-size: 0;
    white-space: nowrap;
    right: -32px;
    top: 0px;
}
.seach-boxp .input-group-btn .btn{
    height: 38px;
    width: 39px;
    /* border: solid 1px #eee; */
    left: 6px;
    color: #fdfdfd;
    background: #0776e8;
}
.seach-boxp .input-group-btn .glyphicon{
    position: relative;
    top: 2px;
    font-size:18px;
}
.seach-boxp .search-query{
        height: 39px;
    width: 238px;
}
.selct-droparea{
        float: left;
    width: 273px!important;
}

.selct-droparea select{
    background: #ffffff;
    width: 100%;
    height: 39px;
    margin-right: 5px;
    padding: 5px;
    margin-top: -15px;
    font-size: 18px!important;
}
.w-25x{
    width: 40%!important;
    margin-left: 2%;  
      float: left;
      height: 100%;
  }
.mg-x{margin-left: 5%!important;}
.w-33x{width: 33%!important;}
.selct-droparea option {
    font-size: 14px!important;
    }
 .w-20x{
     width: 22.2222%!important;
    padding: 9px!important;
 }
.left-audit-div>.w-20x:last-child{
    border-right: solid 1px #d4d4d4!important;
}    
 .rx-full{width: 100%!important;}   
.adudit-objectrow{}
.adudit-objectrow .left-audit-div{margin-left: 6%!important;}
.w-25x .label-h,
.w-80x .label-h
{
        width: 100%;
    height: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    border: 1px solid #d4d4d4;
    background: #fff;
    color: #000;
}
.w-25x {
   width: 45% !important;
    /*border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    transition: margin-left .2s, width .2s;
}
.sub-labelx p:first-child{
    border-left: 1px solid #d4d4d4;
}
.sub-labelx p{
    width: 33.33333%;
    float: left;
    height: 50%;
    text-align: center;
    font-size: 18px;
    border-right: 1px solid #d4d4d4;
    background: #ffffff !important;
}
.xp-50 p{
    width: 50%!important;

}
.audit-report-container,
#page-five{
        margin-top: 21px;
}
.abslute-button{
    float: right;
}
.abslute-header h1{
    float: left;
        padding-top: 10px;
}

.tag-fx{
        font-size: 14px!Important;
    height: 27px!important;
    background: #fff;
}
.left-xpanel{
    float: left;width: 40%!important;border-right: none!important;
    position: relative;
}
.right-xpanel{
      width: 54%!important;
    margin-left: 6%;
}
.left-xpanel .left-audit-div,
.right-xpanel .left-audit-div
{
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-left: 0px!important;
    border-top:none;
}
.left-xpanel .left-audit-div .audit-cell-left{
    width: 33.333%;
    float: left;
    padding: 8px!important;
}
.left-xpanel .left-audit-div>.audit-cell-left:last-child,
.right-xpanel .left-audit-div>.audit-cell-left:last-child
{
    border-right: 1px solid #d4d4d4!important;
}
.left-xpanel .left-audit-div .x-50

{
    width: 50%;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.right-xpanel .left-audit-div .x-50

{
    width: 40%;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    padding: 8px;
}


.left-xpanel .left-audit-div .x-50 .audit-cell,
.right-xpanel .left-audit-div .x-50 .audit-cell,
.right-xpanel .left-audit-div .x-50 .audit-cell-proj
{
    width: 60%;
}
.left-xpanel .left-audit-div{
border-top:none;
}
.right-xpanel .all-button{
width: 42.6666%!important;
float: left;
height: 100%;
}
.right-xpanel .all-button .w-80x{
    width: 80%;
}
.col-x100{width: 100%!important;        height: 103%;}
.col-x100 .audit-cell-all {
    margin-left: 5px;
    margin-top: 13px;
}

.right-xpanel{
    border-right: none!important;
}
.x2-right{margin-left: 7%;}

.opportunities-management #newsfeed,
.opportunities-management #global-container{
    height: 100%!important;
}
.opportunities-management #opportunities-container{
    min-height:880px!important;
    padding-bottom: 150px;
    max-height:1000px!important;
}
.droppable-area1{
    margin: 0px;
    padding:0px;
}
li.draggable-item {
  width: inherit;
  text-align: left;
  position: relative;
  list-style: none;
  list-style: none;
    margin: 10px 0px;
    font-size: 21px;
  padding: 15px 20px;
  border:solid 1px #eee;
  -webkit-transition: transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  -webkit-transition: box-shadow 0.25s ease-in-out;
  -moz-transition: box-shadow 0.25s ease-in-out;
  -o-transition: box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out;
    cursor: all-scroll;
}
li.draggable-item:hover {
  background-color: #eaeaea;
}
/* styles during drag */
li.draggable-item.ui-sortable-helper {
  background-color: #e5e5e5;
  -webkit-box-shadow: 0 0 8px rgba(53, 41, 41, 0.8);
  -moz-box-shadow: 0 0 8px rgba(53, 41, 41, 0.8);
  box-shadow: 0 0 8px rgba(53, 41, 41, 0.8);
  transform: scale(1.015);
  z-index: 100;
}
li.draggable-item.ui-sortable-placeholder {
  background-color: #ddd;
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 10px #000000;
}
.d-inline-blockrow{
display: inline-block;
 width: 100%;
}
.d-inline-blockrow input:checked+.kpi-sched-slider {
    background-color: #152bfd;
}
.d-inline-blockrow .checkbox{
    margin-top: 35px;
}
.p-export-con .tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
    width: 169px;
}
.p-export-con .tooltip-inner {
    max-width: 200px;
    padding:8px;
    color: #000000;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    font-size: 16px;
}
.p-export-con .tooltip.right .tooltip-arrow {
    border-width: 9px 9px 9px 0;
    border-right-color: #fff;
}
.nextprewarrow a{
    height: 35px;
    width: 45px;
    position: relative;
    top:5px;
    display: inline-block;
    background: #24284e;
    font-size: 28px;
    margin-top: 5px;
    color: #fff;
    border-radius: 7px;
    -webkit-box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;
}

.tab-menuarrowheader{
    width: 100%;
    overflow: hidden;
}
.p-processchecklist .draggable-item span{
    display: flex;
    position: absolute;
    right: 15px;
    top: 16px;
    font-size: 30px;
    color: #24284e;
    align-items: center;
        opacity: 0;
}
.topp-pdca{
justify-content: center;
}

.p-processchecklist .draggable-item:hover .sub-actit, .p-processchecklist .draggable-item:hover .doc-sub-actit{
    opacity: 0;
}


.p-processchecklist .draggable-item span b{
    font-size: 20px;
    margin-right: 15px;
}
.p-processchecklist .draggable-item:hover>span{
     opacity: 10;  
      cursor: pointer;
}
.infoprocess-checklistModal{
    font-size: 18px;
}
.infoprocess-checklistModal{
    background: rgb(0 0 0 / 66%);

}

.infoprocess-checklistModal .modal-title {
    font-size: 26px;
}
.infoprocess-checklistModal .btn{font-size: 18px;
    min-width: 80px;}
 .infoprocess-checklistModal .form-control{
    font-size: 18px;
        height: 45px;
 }
 .infoprocess-checklistModal textarea.form-control {
    height: auto;
}
.sprocess-table-section th{
padding: 8px 0px!important;
    font-size: 18px;
    text-align: center;
    vertical-align: middle!important;
}
.sprocess-table-section thead{
    background: #24284e;
    color: #fff;
}
.sprocess-table-section h2{
    text-align: right;
}
.sprocess-table-section td{
    font-size: 18px;
}
.sprocess-table-section .control-image01{
        width: 80px;
    height: 80px;
    border-radius: 50%;
    border: solid 4px #39b5e2;
}
.infoprocessfull-widthmodal .modal-dialog{
        width: 100%!important;
  padding: 0px 30px;
}
.infoprocessfull-widthmodal .close-modal-icon{
        right: 10px;
}
.infoprocessfull-widthmodal  .mw-label>.mw-icon{
    margin-right: 10px;
}
.cycle-poordiv .fg-danger {
    background-color: #ff0000;
}
.cycle-poordiv .fg-success{
        background-color: green;
}
.cycle-poordiv .fg-warning{
    background-color:gold;
}
.cycle-poordiv {text-align: center;
    margin: 14px;
}
.controlscheckbox-panel .ctrl-desc{
        margin-left: 28px!important;
    position: relative!important;
}
.infoprocess-checklistModal  .potential-benefits  span {
    font-size: 8rem;
}
.controlscheckbox-panel h4 {
    padding-top: 18px;
    font-size: 21px;
}
.p-borderbox{
        border: solid 1px #868282;
    padding: 9px 30px;
    background: #fff;
    border-radius: 10px;
        margin: 20px;
    min-height: 400px;
        max-height: 100%;
    overflow: hidden;
}
.infoprocess-checklistModal .border-right{
        border-right: solid 1px #eee;
}
.infoprocess-checklistModal .control-description-strength{
    padding-left: 20px;
}
.control-opportunity-effort .d-flex-row{
    display: flex;
}
.infoprocess-checklistModal p{
     font-size: 20px;   
}
.pst-pl-3{
    padding-left: 3rem;
}
.infoprocess-checklistModal .d-flex-row .topp-cycle{
       border: solid 1px #b5bbbd;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 74px;
        margin-top: -7px;
}
.prs-borderbox{
border: solid 1px #eee;
    padding:5px 22px;
    min-height: 212px;
}
.infoprocess-checklistModal .d-flex-row{
    margin-bottom: 10px;
    margin-top: 22px;
}
.nextprewarrow{
position: absolute;
    top: -55px;
    right: 147px;
}
.p-processchecklist blockquote {
    min-height: 500px;
    padding: 0px;
    border:none;
}
.info-righticon{
position: absolute;
    right: 27px;
    font-size: 30px;
    opacity: 0;
}
.mw-label:hover{
    cursor: pointer;
}
.mw-label:hover .info-righticon{
    opacity: 10;
}
.waste-operjunitymodal{
background: rgb(0 0 0 / 57%);
}
.px-icon{
    font-size: 50px;
    position: relative;
    top: 22px;
    left: 14px;
}
.fa-lightbulb-o.px-icon{
      font-size: 69px;
    top: 11px;

}
.waste-operjunitymodal .modal-body{
padding: 30px 40px 1px 30px;
}

.waste-operjunitymodal .form-group{
    margin-bottom: 25px;
}
.pr-topborder{
           border-top: solid 1px #e6e6e6; 
}
.waste-controlmodal .mw-label{
    border-top:none!important;
        border: solid 1px #e6e6e6;
}
.waste-controlmodal{
    min-height: 400px;
     height: 800px;
    overflow: scroll;
}
.p-border-leftrow{
    border-left: solid 1px #eee;
    min-height: 760px;
}
.monthly-column-slide .row-checkbox{
    border-right: solid 1px #eee;
    border-left: none;
    cursor: pointer;
        justify-content: center;
}
.monthly-column-slide .row-checkbox:hover{
    background: #24284e!important;
    color: #fff;
}
.monthly-column-slide .row-checkbox:nth-child(even){
background: rgb(238 238 238 / 33%);
}
.monthly-column-slide .db-active{
    background: #24284e !important;
    color: #fff;
}
.row-checkbox{
 display: flex;
    width: 100%;
    align-items: center;
    font-size: 18px;
    height: 55px;
    border-bottom: solid 1px #eee;
    padding: 10px 15px;
}
.row-checkbox label{
    cursor: pointer;
}
.right-border{
border-right: solid 1px #eee;
    padding: 0px;
    border-top: solid 1px #eee;
    min-height: 760px;
    border-bottom: solid 1px #eee;
}

.calendarviewlist .right-border:first-child{
    border-left:solid 1px #eee;
}
.calendarviewlist h4{
    font-size: 22px;
    text-align: center;
   border-bottom: solid 1px #eee;
    height: 63px;
    margin-bottom: 0px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.panelcalenderlist{
    /*display: none;*/
        margin: 20px;
    overflow: hidden;
    margin-top: 20px!important;
}
.panelcalenderlist ul{
    margin: 0px ;
    padding: 0px;
      width: 100%;
}
.p-processchecklist h3{
    padding: 20px;
    font-size: 26px;
    font-weight: 600;
    color: #606060;
}
.panelcalenderlist ul li{
list-style: none;
    display: flex;
    width: 25%;
    justify-content: center;
    border: solid 1px #eee;
    float: left;
    align-items: center;
    font-size: 20px;
    height: 70px;
    font-weight: bold;
    border-bottom: solid 1px #eee;
    padding: 12px 15px;
    cursor: pointer;

}
.panelcalenderlist ul li.active,
.monthly-view.active{
    background: #24284e !important;
    color: #fff;
}
.panelcalenderlist ul li:hover{
    background: #39b5e2 !important;
}

.panelcalenderlist ul li:nth-child(even){
background: rgb(238 238 238 / 33%);
}
.task-management-mailbox{
    display: none;
    position: absolute;
    right: 17px;
    top: 55px;
    min-height: 800px;
    width: 43%;
    background: #fff;
    padding: 30px;
border: solid 3px #1ca0fb;
}
.task-management-mailbox .richText .richText-toolbar ul li a{
    padding: 10px 11px;
}
.details-area-row{
     margin-top: 50px;
    display: none;
    background: #eee;
    padding: 30px;
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 22px;
    margin-bottom: 30px;
}
.details-area-row .form-control{
height: 46px;
}
.btn-mailbox{
    position: absolute;
    right: -16px;
    display: none;
    top: 2px;
    cursor: pointer;
    background: #f1f1f1;
    padding: 5px;
    width: 27px;
    height: 27px;
    color: #707070;
    border-radius: 47px;
    opacity: 0;
}
.media-cycle-icon{
    position: relative;
    cursor: pointer;
}
.media-cycle-icon:hover .btn-mailbox{
    opacity: 1;
}
.media-cycle-icon
.initiative-racii-box>div>div:last-child{
    position: relative;
}
.richText .richText-toolbar ul li{
    font-size: 14px;
    padding:5px 0px;
}
.usereditfld p{
        background: #fff;
    padding: 10px;
    font-size: 16px;
    border: solid 1px #1379bf;
    margin-bottom: 15px;
}

/* -------------------------------- 

slider style

-------------------------------- */


.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}

.cd-panel::after {
  /* overlay layer */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.cd-panel.cd-panel--is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.cd-panel.cd-panel--is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}

.cd-panel__header {
  position: fixed;
  width: 90%;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 2;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-transform 0.3s 0s;
  transition: -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
}
.panel-w-50{
      background: #e6e6e6;
    padding: 20px;
    height: 100%;
}

.sp-panel-inner .material-checkbox>input[type="checkbox"]+span::after{
        width: 23px;
    height: 23px;
}
.sp-panel-inner .material-checkbox>input[type="checkbox"]+span::after{
     top: 10px;
    left: 14px;
}
.sp-panel-inner .panel-row .material-checkbox>input+span {
    font-size: 14px!important;
}

.cd-panel__header h1 {
  color: #89ba2c;
  padding-left: 5%;
}
.cd-panel__content{
    height: 100%;
    padding: 20px;
}
.sp-panel-inner .panel-innerscroll{
    display: inline-block;
    background: #fff;
    width: 100%;
}
.sp-panel-inner #media-status-filter{
    padding: 0 10px 5px 0;
    width: 50%!important;
}
.sp-panel-inner select[name="code"] {
font-size: 14px!important;
    padding: 6px 6px!important;
    margin-top: 20px;
    width: 100%;
    height: 40px;
    font-size: 18px!important;
}
.sp-panel-inner .material-checkbox>input[type="radio"]+span::after {
    top: -3px;
    left: 0px;
    width: 14px;
    height: 14px;
}
.sp-panel-inner .material-checkbox>input[type="radio"]+span::before{
    width: 25px;
    height: 25px;
}
.sp-panel-inner .presto-table-b .row>div{
        display: flex;
    align-items: center;
        height: 39px;
        justify-content: center;
}
.sp-panel-inner #filterby-radio{
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    width: calc(50% - 10px);
    border-radius: 3px;
    margin-top: 18px;
}


.sp-panel-inner #media-panel-container{
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
        z-index: 101;
    -webkit-box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
    box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
    border-radius: 10px;
}
.sp-panel-inner .master-initiative-selector {
    height: 50px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border-radius: 2px;
    position: relative;
        border: solid 1px #e3dfdf;
    margin-top: 15px;
    cursor: pointer;
}
.js-save-btn{
     margin:0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    bottom: 90px;
    right: 0px;
    width: 180px;
    height: 60px;
    background: #03ad0ae0;
    border: none;
    border-radius: 3px;
    font-size: 24px;
    line-height: 0;
    padding: 0;
    -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
}


.cd-panel--from-right .cd-panel__header {
  right: 0;
}
.mapping-info-left{
 font-size: 45px;
    color: #fff;
    letter-spacing: 1px;
    padding: 30px 50px;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);   
}
.cd-panel-leftrelative{
    position: relative;
    height: 100%;
}
.cd-panel-leftrelative .js-cd-close{
        margin: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    position: absolute;
    bottom: 0px;
right: 0px;
width: 180px;
    height: 60px;
    background: #e6e6e6;
    border: none;
    border-radius: 3px;
    font-size: 24px;
    line-height: 0;
    padding: 0;
    -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
}
.panel-w-50 .presto-table-h{
overflow: hidden;
}
.cd-panel--from-left .cd-panel__header {
  left: 0;
}
.sp-panel-inner .presto-table-b>.row{
    display: flex;
    align-items: center;
    height: 38px;
    justify-content: center;
}
.sp-panel-inner .doc-pdfbtn span img{
    top: -11px;
}
.sp-panel-inner .material-checkbox{
    border:none;
}
.sp-panel-inner .doc-pdfbtn {
    position: relative;
    margin-left: 10px;
    height: 20px;
    background: none;
    float: right;
    border: none;
    color: #000;
    font-size: 18px;
    padding: 2px 3px;
    border: solid 1px
 #b7b7b7;
    border-radius: 18px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.cd-panel--is-visible .cd-panel__header {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.cd-panel__container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.scroll-loader{
    height: 4% !important;
    color: green !important;
    font-weight: bold !important;
    font-size: 21px !important;
    text-align: center;
    margin: 0 7px;
}
.Score-rowhd>div{
    float: left;
        margin: 0px 5px;
    width: 150px;
    margin: 0 auto;
}
.scroll-area-process{
        margin-top: 60px;
}

.Score-row .skills-cycle{
margin: 0 auto;
}


.Score-rowhd{
    display: inline-block;
    margin-bottom: 20px;
    position: fixed;
        left: 370px;
}
.Score-row>div{
    float: left;
        margin: 0px 5px;
    width: 150px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Score-row .p-rorw.filter-show {
    display: table-cell;
}
.Score-row .p-rorw.filter-hide {
    display: none;
}
.process-scroecontainer{
        display: inline-block;
    width: 100%;
}

.process-scroecontainer .skills-cycle{
        width: 67px;
}

.left-processrow {
    background: #fff;
    padding: 10px;
    font-size: 20px;
    color: #000;
    display: inline-block;
    height: 54px;
    width: 420px!important;
    text-align: center;
    border: 1px dashed #39a3cd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.process-hd-row{
    width: 100%;
    display: inline-block;
    height: 243px;
    position: relative;
}
 
.process-scroecontainer td, .process-scroecontainer th {border:  1px solid;
      padding: 10px;
      min-width: 160px;
      background: white;
      box-sizing: border-box;
      text-align: left;
}

.process-scroecontainer th {
  box-shadow: 0 0 0 1px black;
}
.table-container {
  position: relative;
  max-height:  80vh;
  overflow: scroll;
  width: 100%;
}

.process-scroecontainer thead th, 
.process-scroecontainer tfoot th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

.process-scroecontainer thead th:first-child,
.process-scroecontainer tfoot th:first-child {
  left: 0;
  z-index: 3;
}
.process-scroecontainer tbody {
  overflow: scroll;
  height: 200px;
}

/* MAKE LEFT COLUMN FIXEZ */
.process-scroecontainer tr > :first-child {
  position: -webkit-sticky;
  position: sticky; 
  left: 0; 
}
/* don't do this */
.process-scroecontainer th,
.process-scroecontainer td,
.process-scroecontainer tr {
    border: solid 1px #333!important;
}
.procee-short{
background: #8896a5;
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    right: 1px;
    top: 35px;
    bottom: 0;
    border-radius: 5px;
    border: solid 1px #c1c1c1;
    cursor: pointer;
}
#reset-skills-filter, #search-contact, #reset-process-filter {
    width: 44px;
    height: 44px;
    font-size: 25px;
    padding: 0;
    /* color: #ccc; */
    background: #fff;
    transition: all .2s;
    margin: 0 6px;
    outline: none;
}
#search-contact .fa.active {
    color: #2c67b4;
}
#reset-skills-filter.active, #reset-process-filter.active {
    color: #2c67b4;
}
.procee-short .fa {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 5px;
    transform: rotate(90deg);
}
.checklist_type_radio {
    width: 800px;
}
.checklist_type_radio #type_checklists-meeting-filter-btn{
    margin-left: 10px;
}
.checklist_type_radio button.clicked {
    border: 3px solid blue;
}
.p-rorw .sk-table-status {
    cursor: pointer;
    text-align: center;
}
.custom-select {
    border: none;
    outline: none;
    width: 50%;
    font-size: 30px;
    font-weight: 500;
    color: inherit;
    height: 60px;
    cursor: pointer;
    box-shadow: none;
    -webkit-appearance: none;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 100% 50%;
}
.custom-select:focus {
    border: none;
    box-shadow: none;
}

.project-notes-container .note-btn {
    position: relative;
    right: 0;
    width: 60%;
    margin-top: -90px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}
.project-notes-container .project-notebook .project-note-row>.project-note-header>p{
width: auto;
}
.project-notes-container .project-note-left-row{
    float: right;
        width: auto;
}
.project-notes-container .padding-right-20 {
    padding-right: 20px;
    display: flex;
    float: right;
    margin-right: 39px;
    justify-content: end;
}
.count-spanlist{
position: absolute;
background: #fff;
    top: -43px;
    border: solid 1px #858484;
    width: 51px;
    height: 37px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-size: 20px;
    border-bottom: none;
    right: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
body .tasktype-rwo #new-type-cat .task-type-addimagelabel{
    width:100% !important;
}
.project-notes-created-txt,
.col-md-44 .project-notes-info-txt{
 position: relative;
    left: -160px;
    display: inline-block;
    z-index: 9;
}
body #new-note-modal .material-checkbox>input[type="checkbox"]+span::after{
    left: 1px!important;
    top: 7px !important;
}
.add-goals-btn{background: #0061b5;
    color: #fff;
    margin-left: 89px;
    font-size: 16px;
    cursor: pointer;
        transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.add-goals-btn:hover{
        -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #fff;

}

#GoalsaddModals .modal-dialog {
    width: 1000px;
    /* z-index: 999999; */
    right: 0px;
    position: absolute;
}
#send-password-to-email{
    width: 185px;
    margin-left: 20px;
    margin-top: 17px;
    pointer-events: all;
}
.make-me-as-parent{
    width: 50%;
    display: inline-block;
}
.header-row .form-control{
    font-size: 2em;
    font-weight: bold;
}


.droppable-label h1{
    text-align: center;
    font-size: 87px;
    position: relative;
    color: #eee;
    margin-top: -60px;
    font-weight: 600;
}
.myworktaskrow>div:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.myworktaskrow>div:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.oppenracirow .btn-group>button:first-child{
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.oppenracirow .btn-group>button:last-child{
border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.oppenracirow .btn-group-justified>.btn{
width: 50px;
    height: 40px;
    font-size: 18px;
}
.oppenracirow{
 display: flex;
 z-index: 3;
    position: absolute;
    top: -8px;
    width: 311px;
    right: 35px;

}
.srchprojectcontaier{
    position: absolute;
    right: 379px;
    top: -54px;
}
.srchprojectcontaier.noWorkTabs{
        right: 0px;
}

.oppenracirow .cm-raci-contact img{
border-radius: 50%;
    max-width: 50px;
    height: 42px;
    border: 2px solid #fff;
    margin-right: 5px;
}
body #issue-date-range,
body #process-date-range{
  margin-top: 0px;
    margin-left: 50px;
}
.myworktaskrow>div.wrappertooltip{
position: absolute;
    left: 103px;
    border: oldlace;
    background: no-repeat;
}
.stp-projectbtn{
position: fixed;
    font-size: 16px;
    background: #2d2f40;
    color: #fff !important;
    width: 160px;
    text-align: center;
    z-index: 1;
    margin-left: 115px;
    left: 0;
    top: 201px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 31px;
    font-family: sans-serif;
    letter-spacing: 1px;
    margin-bottom: 10px;
    box-shadow: 2px 8px 16px -6px #ab9d9d !important;
}
.stp-projectbtn .fa-plus{
font-size: 18px;
    position: relative;
    color: #fff;
}
.checkboxheadflex .owl-theme .owl-nav button{
 font-size: 33px !important;
    background: #1e34b8 !important;
    width: 30px;
    color: aliceblue !important;
    height: 32px;
    line-height: 0 !important;
}
body #check-opp-popup-header.checkboxheadflex{
    display: flex !important;
    margin-top: 0px!important;
    margin-bottom: 15px;
}
.checkboxheadflex .new-op-add-chk{
background: #676767;
    margin-right: 5px;
    color: #fff;
    text-align: center;
    height: 80px !important;
    width: 44px;
    padding: 0px 7px;
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 2px 8px 16px -6px #363333 !important;
    font-weight: 400;
    margin-top: 0px  !important;
}
.presto-alert-button{
font-size: 18px!important;
}
body .owl-carousel .owl-item {
    float: left !important;  
}

.checkboxheadflex .owl-carousel .owl-stage-outer {
    height: 89px;
    padding-top: 8px;
}

.switch-checklist-horitzontal{
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.switch-checklist-vertical{
     border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}


.checkboxheadflex .check-oph-item,.checkboxheadflex .newchecklist{
background: rgb(190 190 190) !important;
    height: 80px !important;
    width: 100% !important;
    font-size: 18px;
    line-height: normal;
    border-radius: 4px;
    font-weight: 500;
    margin-right: 5px;
    padding: 0px 17px;
    margin-left: 5px;
    box-shadow: 2px 8px 16px -6px #363333 !important;
    color: #000000;
    font-weight: 700;
    border-top-left-radius: 45px;
}
.checkboxheadflex .check-oph-item.active,.checkboxheadflex .newchecklist.active{
transform: translateY(-8px);    transition-duration: 0.6s;
    transition-property: transform;


}
.checkboxheadflex .check-oph-item.active{
background: #000;
}

.checkboxheadflex .new-op-add-chk span{
  font-size: 30px;
  margin-top: 28px;
}
.checkboxheadflex .new-op-add-chk  p{
    line-height: 1;
    font-weight: 400;
    margin-top: -5px;
}
.stp-projectbtn img{
        width: 38px;
    margin-left: 10px;
}
.zoomtool04.with-tooltip.fx-3::after
 {
    font-size: 1rem !important;
}

.stp-projectbtn i{
    padding-right: 10px;
}
.stp-projectbtn:hover{
    color: #fff;
}

.kpi-global-report img,
.cm-global-report img{
width: 27px;
position: relative;
    top: -2px;
}
.nopermission-dash-icon img{
    position: relative;
    top: 3px;
}


.road-mapbtn img{
        width: 24px;
}
.road-mapbtn {
    top: -60px !important;
    background: #ffffff !important;
    padding: 5px;
    right: 47px !important;
}
.setupprojectmodal .modal-dialog{
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    padding-top: 30px;
}
.setupprojectmodal  .modal-content{
    background: #fff;
}
.setupprojectmodal #pTitle {
    border: 2px dashed #a0a0a0;
    font-size: 20px;
}
.setupprojectmodal .inner-addon {
    position: relative;
}
.setupprojectmodal .inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
    font-size: 50px;
    color: #eee;
    margin-top: -20px;
    font-weight: 600;
}
.setupprojectmodal .right-addon .glyphicon { right: 0px;}
.setupprojectmodal .right-addon input { padding-right: 30px; }
.setupprojectmodal #pTitle.error {
    border-color: red;
}
.setupprojectmodal #pTitle.error::placeholder {
    color: red;
    opacity: 1;
}  
.setupprojectmodal #pTitle.error:-ms-input-placeholder {
    color: red;
}  
.setupprojectmodal #pTitle.error::-ms-input-placeholder {
    color: red;
}
.setupprojectmodal .dropbox-error {
    font-size: 20px;
    margin-top: 58px;
    color: red;
    display: none;
}
.left-divbody{
    width: 6%;
    float: left;
    height: 480px;
    background: #fff;
    border-radius: 3px;
}

.right-divbody{
    width: 30%;
    float: right;
    height: 500px;
    overflow-y: scroll;
}
.left-divbody ul{
    margin: 0px;
    padding: 5px;
    height: 100%;
     overflow-y: scroll;
}
.left-divbody li {
    list-style: none;
    width: 65px;
    height: 65px;
    /* overflow: hidden; */
    margin-bottom: 10px;
    border: solid 1px #eee;
    /* padding: 5px; */
} 
.left-divbody li img{
    width: 100%;
    height: 100%;
}

.left-divbody .with-tooltip::after {
    width: 181px;
    text-align: center;
    margin-left: 57px;
    margin-top: 0px;
    font-size: 12px;
}
.stepprojectbody-inner .with-tooltip::after {
    width: 267px;
    text-align: center;
    font-size: 13px;
    bottom: 120%;
    margin-left: 30px;
}

.toolcontrow .with-tooltip::after {
    width: 425px;
    text-align: center;
    font-size: 17px;
 }

 .tooh3.with-tooltip::after {
    width: 267px;
    text-align: center;
    font-size: 13px;
    bottom: -183%;
    margin-left: 55px;
 }
.process-tab .tooh3.with-tooltip::after {
margin-left: -41px;
 }

.toolcontrow .fst1.with-tooltip::after{
    margin-left: 100px;
}
.project-formrow-notes #okr,
.project-formrow-notes #notes,
.project-formrow-notes #media,
.project-formrow-notes #process-media {
    zoom: .75; 
}
.bcontacts-management #crop-modal,
.bcontacts-management #change_passwordModal,
.bcontacts-management #myprofileModal,
.bcontacts-management #client-detailsmodals,
.bcontacts-management #hoshin-kanri-modal,
.bcontacts-management #skill-details-hmodal,
.opppopup  .help-containerlistrow,.bcontacts-management #bpstdchecklist-modal{
    zoom: .75;
 }



.stepprojectbody-inner{
    float: left;
    width: 61.5555555%;
    margin-left: 30px;
    position: relative;
}

.stepprojectbody-inner #tiles .ksf-list span{
    width: 100%;
    height: 100%;
}

.row-sectionmain{
    background: #fff;
    width: 100%;
    display: inline-block;
    height: 600px;
    position: relative;
    padding: 20px 50px;
    border-radius: 3px;
}

.setupprojectmodal .close{
    padding: 20px;
    opacity: 9;
    height: 83px;
    width: 78px;
    color: #fff;
    font-size: 50px;
    position: absolute;
    right: 25px;
}
#slot-2{
        margin-top: 58px;
        top: 25px;
    position: relative;
}
.setupprojectmodal{
        background: rgb(0 0 0 / 78%);
}
.droppable-label .user-name {
    text-align: center;
    font-size: 14px;
}
.setupprojectmodal .button-row {
    display: flex;
    align-items: center;
}
.right-divbody .choose-p{
    margin-top: -60px;
    position: absolute;}
.choose-p{
    color: #fff;
    font-size: 23px;
    background: #0079bf;
    width: fit-content;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 7px;
}
.refresh-owner {
    color: #fff;
    font-size: 16px;
    width: fit-content;
    padding: 3px 30px;
    margin-bottom: 15px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 7px;
    border: 1px solid;
}
.knb-btn {
width: 350px;
    display: block;
    font-size: 19px;
    line-height: 18px;
    white-space: break-spaces;
    margin-right: 8px;
    padding: 0px 15px;
    background: #fff;
    border: solid 3px #cacfd3;
    border-radius: 5px;
    margin: 0 auto;
        margin-top: 15px;
}
.droppable-area .knb-btn{
    width: 200px;
}
.issue-range-container .dropdown-toggle{
    height: 31px;
}
.process-rp-priority .dropdown-toggle{
        height: 31px;
}
.stepprojectbody-inner .form-control{
    height:35px;
}
#slots {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.drag-box{
    width: 30%;
    float: left;
    height: 300px;
    background: #fff;
    border: 2px dashed #a0a0a0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column-reverse;
    border-radius: 3px;
}
.drag-box.hovered, .drag-box.wrong{
    border-color: red;
    border-width: 3px;
}
.drag-box.active,.drag-box.hovered-drop{
    border-color: green;
    border-width: 3px;
}
.drag-box.active .drop-box-title,.drag-box.hovered-drop .drop-box-title{
    display: none;
}
.drag-box.acrive h1{
    display: none;
}
.drag-box.correct h1{
    display: none;
}
.drag-box.correct .user-name{
    display: none;
}
.drag-box.correct .drop-box-title{
    display: none;
}
.drag-box.hovered .drop-box-title{
    color: red;
}
.drag-box .droppable-text{
    display: none;
    font-size: 20px;
    color: green;
}
.drag-box.active .droppable-text,.drag-box.hovered-drop .droppable-text{
    display: block;
}
.drag-box.correct .user-name{
    display: block;
}
.drag-box.correct .droppable-text{
    display: none;
}
.drag-box .drop-box-title {
    display: block;
    font-size: 20px;
    margin: 0;
    text-align: center;
}
.drag-itemlist{
    display: inline-block;
    width: 100%;
}
.add-user{
    background: #eee;
    font-size: 50px;
    /* height: 65px; */
    height: 63px;
    line-height: initial;
    padding: 0;
    /* width: 56px; */
    width: 84px;
    /* float: right; */
    margin-top: 10px;
}
.darglist-items ul{
    padding: 0px;
    margin: 0px;
}
.darglist-items li{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0px 11px;
}
.darglist-items li img{
    width: 30px;
    margin: 5px;
}

.darglist-items {
    background: #fff;
    margin: 10px 0px;
    padding: 10px 20px;
    border-radius: 3px;
}

.darglist-items #tiles {
    overflow-x: scroll;
} 

.align-horizontal .with-tooltip::after {
    width: max-content;
    margin: 0px;
}


.darglist-items .align-horizontal {
    display: inline;
    white-space: nowrap;
}
.setupprojectmodal .tile {
    position: relative;
    z-index: 1;
    /* cursor: grab; */
}

.setupprojectmodal .tile.dragging {
    /* opacity: .5; */
    cursor: grabbing;
}
 .knb-btn{
    height: 52px!important;
    overflow: hidden;
    color: #000;
}
.setupprojectmodal .right-divbody .tile span{
line-height: 0;
    padding: 0;
    color: #000!important;
}
.setupprojectmodal .tile span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    color: white !important;
    text-align: center;
    text-transform: uppercase;
}
.setupprojectmodal li{
    list-style: none;
}
.setupprojectmodal .slot.dragging {
    border-style: dashed;
    opacity: .75;
}

.setupprojectmodal .slot span {
    position: relative;
    left: 0;
    width: 100%;
    height: 3em;
    padding: 1em;
    color: darkgreen;
    text-align: center;
    text-transform: uppercase;
}

.setupprojectmodal .slot .tile {
    margin-bottom: 0;
}

.setupprojectmodal .slot .tile:last-child {
    margin-right: 0;
}
.setupprojectmodal .slot span img{
width: 144px;
    position: relative;
}
.setupprojectmodal .ksf-list .tile span,
.setupprojectmodal .darglist-items .tile span{
    padding: 0px;
}
.setupprojectmodal .kanban-list span{
        line-height: 0px!important;
    color: #000!important;
    padding: 0!important;
} 
.stepprojectbody-inner #slot-2 .ksf-list span,
.setupprojectmodal #slot-1 .owners-list span{
    top: 0;
    position: relative;
}
.setupprojectmodal .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.setupprojectmodal .save-btn {
    background: #236216;
    padding: 8px 34px;
    color: #fff;
    font-size: 25px;
    margin-left: 10%;
    border: solid 1px #fff;
    width: 200px;
    height: 60px;
    border-radius: 4px;
}
#list-kanban,#list-meeting {
    position: absolute;
    top: 0;
    left: calc(100% + 20px);
    width: 70%;
    height: 100%;
    background: #fff;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    display: none;
}

#list-kanban .cr-header {
    font-family: CenturyGothic;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    line-height: 54px;
    border-bottom: 1px solid #e5e5e5;
}

#list-kanban .cr-list-container,#list-meeting .cr-list-container {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 15px;
}

#list-kanban .panel-heading {
    padding: 0;
}

#list-kanban .panel-title>a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    font-family: CenturyGothic;
    font-size: 18px;
    font-weight: bold;
}

#list-kanban .panel-body {
    padding-bottom: 0;
    padding-top: 0;
}

#list-kanban .checkbox {
    font-size: 16px;
}

#list-kanban input[type="checkbox"] {
    margin-top: 6px;
}
.projectClass .modal-content{
    max-height: 100%;
   /* height: 557px;*/
}
.hide-raci {
    position: absolute;
    top: 0;
    left: calc(100% + 20px);
    width: 50%;
    height: 100%;
    background: #fff;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    display: none;
}

.hide-raci .cr-header {
    font-family: CenturyGothic;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    line-height: 54px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 73px 0px;
}

.hide-raci .cr-list-container {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 15px;
}
.hideNonRaciPhases label{
    padding: 0px 0px 0px 11px;
    font-size: 17px;
    cursor: pointer;
}
.hide-non-raci-each-phase{
    float: right;
    width: 38%;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #fff;
    padding: 21px 21px;
    margin-top: 20px;
    position: relative;
    top: 20px; 
    font-size: 18px;
    font-weight: 600;
}
.hide-raci .cr-list-container label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;  
    position: relative;
    top: -21px;
    display: inline-block;
    margin-left: 8px;
    font-size: 18px;
    font-weight: 600;
}
#list-kanban label.checkbox{
    padding: 7px 10px 0px 40px;
}
#kanaban-task-settings-modal .modal-body{
    padding: 34px;
}

#kanaban-task-settings-modal .initiative-racii-head>div:last-child, #kanaban-task-settings-modal .initiative-racii-box>div:last-child
{
    font-size: 16px;
}

#kanaban-task-settings-modal  .initiative-racii-box .media-cycle-icon-fa>div {
    border-bottom: solid 1px #eee!important;
    height: 39px;
    border: solid 1px #eee;
}
#kanaban-task-settings-modal  .initiative-racii-box>div>div:last-child{
    border: none;
}


#kanaban-task-settings-modal .modal-body ul{
 padding: 0px;
    } 
#kanaban-task-settings-modal .modal-body li{
    list-style: none;
    font-size: 18px;
    padding: 5px 0px;
    height: 39px;
}
#kanaban-task-settings-modal  h5{
    font-weight: bold;
    font-size: 17px;
    color: #1379bf;
}
#kanaban-task-settings-modal .default-row-column .topp-cycle{
    width: 99.5px;
    display: block;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 19px;
}
.inforticon{
    float: right;
    margin-right: 20px;
    color: #919191;
    font-size: 16px;
    background: #eee;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    cursor: pointer;

}
.inforticon:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.notification-modal-container .close-modal-icon {
    top: -14px;
    right: -22px;
}
.md-w30 {
    width: 33.33333%;
    float: left;
}
.notif-rowdiv{
overflow: hidden;
    width:100%;
      display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    float: left;
    border: solid 1px #eee;
    padding: 15px 15px 0px 15px;
    border-radius: 13px;
        flex-flow: nowrap;
    margin: 1% 1% 0% 0%;
    }
.mr-2{
    margin-right: 1%;
}
.ml-2{
    margin-left: 1%;
}
.deails-usertypemodal{
    background: rgb(0 0 0 / 56%);
}
.deails-usertypemodal .modal-dialog{
    width: 1200px;
}
.deails-usertypemodal .modal-content{
    min-height: 600px;
}
#kanaban-task-settings-modal{
    overflow:auto;
}
.select-dropfld .form-control{
    height: 50px;
    width: 320px;
    font-size: 15px;
    color: #000;
    cursor: pointer;
}
.info-body-cnt img{
width: 100%;
}
.disable-settings:after{
    content: '';
    background: #0000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    margin-top: 103px;
    left: 0;
    top: 0;
}



.select-dropfld label{
    font-size: 17px;
}
.adv-settings .cr-header {
    font-family: CenturyGothic;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 54px;
    color: #090a0a;
    font-weight: bold;
    padding: 15px 0px 8px 0px;
}
#kanaban-settings-modal .modal-dialog{
    
    width: 860px;
}
#kanaban-task-settings-modal .modal-dialog {
    width: 90%;
}
#user-type-task-settings{
    width: 100%;
      display: flex;
      padding-bottom: 50px;
    flex-flow: row wrap;
}
.userlogin-Nactive .left-info{
    width: 100%;
}

.userlogin-Nactive .op-chk-body .presto-input {
    width: calc(100% - 599px);
            padding: 0;
    margin: 0;
}
.userlogin-Nactive .op-chk-body .presto-input input{
      height: 34px;
}


.userlogin-Nactive .time-strend {
    width: 553px;
    float: left;
    display: flex;
}
.userlogin-Nactive .time-strend div{
    margin-left: -4px;
    margin-bottom: 0px;
}
.userlogin-Nactive .form-control{
    padding: 6px 5px !important;
    text-align: center;
}
.hd-labelusertimes{
 width: 100%;
     display: inline-block;
}
.userlogin-Nactive .op-chk-body .hd-labelusertimes .presto-input {
    width: calc(100% - 554px);

}
.hd-labelusertimes label{
        font-size: 16px;
    width: 139px;
    text-align: center;
    margin: 0px;
        position: relative;
    top: 7px;
}
.userlogin-Nactive .row-user {
    padding: 0px 10px 5px 10px;
    display: flex;
    align-items: center;
    background: #eee;
    }

.userlogin-Nactive .row:nth-child(even) {
    background: rgb(255 255 255 / 57%);
}

.userlogin-Nactive .task-owner-initial {
    width: 50px;
}
.userlogin-Nactive .op-add-chk-task-box{
    margin-top: 9px;
}
.doitnow-dates{
    width: 137px;    
    padding: 6px 9px;
    font-size: 14px;
    line-height: 1.42857143;
    /* color: #555; */
    background-color: #fff;
    /* background-image: none; */
    border: 1px solid #ccc;
    display: block;

}

.userlogin-Nactive .op-add-chk-task-box .presto-input{
    width: calc(100% - 630px);
}

.time-strend .form-group{
    padding: 6px 5px !important;
}

.infoicon-hover{
    right: 0px;    }

 .userlogin-Nactive  .infoicon-hover{
    position: absolute;
 }
.infoicon-hover div{
    margin-left: 0px;
    background: #0061b5;
        padding-top: 5px;
    border: solid 1px #ffffff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    margin: 0;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;

}

.op-task-box .row-user .omf-checkbox {
    width: 25px;
    height: 25px;
    background: #ffffff;
        border: solid 1px #333;
        position: relative;
    top: 3px;
}
.op-chk-body .omf-task-status {
    position: relative;
    top: 4px;
}
.hd-labelusertimes label:first-child{
    position: relative;
    left: 18px;
}

.hd-labelusertimes label:last-child{
    position: relative;
    left: -9px;
}
.hd-labelusertimes label:nth-child(2){
    position: relative;
    left: 6px;
}
.adv-settings .cr-header1{
    font-size: 19px !important;
    font-family: CenturyGothic;    
    font-weight: bold;   
    color: #090a0a; 
    padding: 15px 0px 8px 0px;
    width: 100%;
    display: inline-block;
}
#kanaban-task-settings-modal .select-dropfld{
    float: left;
    width: 50%;
}
#kanaban-task-settings-modal .checkbox-btns{
    float: left;
    width: 50%;    
    margin-top: 20px
}
#kanaban-task-settings-modal .checkbox-btns label.checkbox{
    padding: 2px 4px 3px 34px !important;
    float: left;
}
.save-rt-btn{
    float: right;
    padding: 6px 24px;
    font-size: 18px;
    margin-right: 27px;
}
#change-mgmt-panel .btn-group>.needToUpgrade:first-child{
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#change-mgmt-panel .btn-group>.needToUpgrade:last-child{
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.needToUpgrade{
    width: 19%;
    cursor: pointer;
}
.md-left-62{
    margin-left: 62px !important;
}
.errrormodal {
    z-index: 99999;
}
.errrormodal .modal-content{
background: #fff!important;
    border-radius: 0;
}
.errrormodal .modal-body{
    padding: 0px 0px 0px 0px;
}
.errrormodal  h3{
    text-align: center;
    font-weight: bold
}
.errrormodal .modal-dialog {
    width: 710px;
}
.errrormodal .upgrade-btn {

}
.errrormodal ul{
    padding: 0px;
    margin: 0px;
    text-align: center;

}
.errrormodal ul li{
    list-style: none;
    display: inline;
    font-size: 16px;
    padding: 10px 6px;
}

.errrormodal p{
        font-size: 21px;
    line-height: 24px;
    text-align: center;
    padding: 9px 0px;
}
.fetured-section-row{
background: #fff;
    padding: 19px 31px;
    position: relative;
    top: 35%;
    width: 90%;
    margin: 0 auto;
    border-radius: 20px;
    text-align: center;
    font-size: 24px;
    overflow: hidden;
  
}
.fetured-section-row a{
    cursor: pointer;
}
.fetured-section-row .col-md-6{
        padding: 31px;
}
.errrormodal .row-md-1 {
    padding: 20px 50px;
}
.fetured-section-row P{
    font-weight: bold;
}
.view-pricebtn{
    background: #0079bf;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}
.fetured-section-row  .fa-check-circle{
    color: #48bf31;
    padding-right: 5px;
}
.fetured-section-row  .fa-times-circle{
    color: #f00;
    padding-right: 5px;
}
.errrormodal .close{
    position: relative;
    right: 16px;
        opacity: 9;
    top: 10px;
    font-size: 36px;
    color: #9b9b9b;
    z-index: 9;
}
.errrormodal h1{
    text-align: center;
    color: #9f9f9f;
    display: block;
    font-size: 50px;
}
.errrormodal .fa-handshake-o{
    padding-right: 8px;
}
.p-userprojectmodal{
    background: rgb(0 0 0 / 50%);
}
.upgradenul-btn{
   /* width: 245px;
    float: none!important;*/
    width: 313px;
    background: #0061b5;
    color: #fff;
    border: none;
    padding: 12px 0px!important;
    font-size: 20px;
    border-radius: 27px;
    /*margin: 28px auto;*/
    text-align: center;
    cursor: pointer;
}
#UpgradeModal .upgradenul-btn{
    width: 327px !important;
    padding:12px 1px!important
}
#upgrade-btn-m{
    float:left;
}
#upgrade-btn-y{
    float:right;
}
.p-userprojectmodal .modal-title {
    font-size: 26px;
    float: left;
}
.p-userprojectmodal .modal-body{
    padding: 15px 30px;}
.p-userprojectmodal .admin-permission-text {
        height: 40px;
    width:90px;
    margin: 0px 0px 15px 0px;
}
.max-p{
    font-size: 16px;
    font-weight: 700;
}
.p-userprojectmodal .cr-header1 {
    font-size: 25px;
    border-bottom: solid 1px #eee;
    padding: 10px 0px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    font-weight: 500;
}
#permissionSettingsForm {
    padding-top: 10px;
}
.p-userprojectmodal .checkbox{
    margin-bottom: 20px; 
}
.p-userprojectmodal .modal-dialog{
width: 467px;
}
.permissionmodaluser.p-userprojectmodal .modal-dialog{
    width: 1200px;
    display: flex;
}
.permissionmodaluser.p-userprojectmodal .modal-content{
    width: 50%;
    float: left;
        box-shadow: none;
}
.p-userprojectmodal .modal-hd {
    font-size: 26px;
    float: left;
        margin-bottom: 1px;
}
.ksf-rwo .ksf-md-4 .form-control{
    height: 45px;
}
.ksf-rwo .ksf-md-4{
        margin-top: 12px;
}
.ksf-rwo .ksf-md-4 p{
    width: 100%;
    background: #0061b5;
    height: 45px;
    text-align: center;
    padding: 6px;
    font-size: 23px;
    color: #fff;
    border-radius: 7px;
}
.p-userprojectmodal .md-w30 {
    margin-bottom: 0;
}
.md-left30{
    padding-left: 30px;
}
.p-userprojectmodal .modal-body-2 {
    padding: 15px 30px;
}
.p-userprojectmodal .modal-content{
    border-radius: 0;
    background: #fff;
}
.w-160{
        width: 166px;
}
.pmo-p{
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0px;
}
.disable-settings-workbench-edit:after{
    content: '';
    background: #0000;
    width: 400px;
    height: 900px;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
}
#pAdminStrategicInitiatives, #pAdminStrategicInitiatives option{
    font-size: 13px;
    font-weight: 600;
}
#goalsAddModals .modal-dialog{
    width: 1200px;
    margin: 30px auto;
}
#goalsAddModals .modal-body{
    display: inline-block;
    width: 100%;
}
#goalsAddModals .okr-container .presto-table-h > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.goalsAddModalsrow h4{
    font-size: 29px;
    font-weight: 500;}

.goalsAddModalsrow .okr-container .presto-table-b .row>div{
    margin: 0px;
}
.okr-container   .presto-table-b .row:nth-child(even) {
    background: #fff;
}
#add-proj-contact-role-modal .modal-header .close,
#hoshin-opp-details .modal-header .close,
.goalsAddModalsrow .modal-header .close {
margin-top: -2px;
    position: absolute;
    right: -17px;
    font-size: 28px;
    top: -11px;
    opacity: 9;
    background: #0061b5;
    width: 35px;
    height: 35px;
    line-height: -3;
    padding: 0;
    color: #fff;
    border-radius: 100%;
}
#issues-wb-box.add-goals-btn {
    color: #061083!important;
    cursor: pointer;
}
#issues-wb-box.add-goals-btn span{
font-size: 89px;
    display: block;
        color: #3e5da5;
}

.goalsAddModalsrow .okr-container .presto-table-h > div{
    font-size: 24px;
}


.goalsAddModalsrow .presto-table-h {
    background: #2a2a2a;
    color: #fff;
}

.goalsAddModalsrow .hp-add-btn{
    position: absolute;
    top: -69px;
    right: 53px;
    width: auto;
    font-size: 26px;
    padding: 5px 10px;
        font-family: 'CenturyGothic';
    font-weight: 900;
    background: #0061b5;
    color: #fff;cursor: pointer; 
transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
}
.goalsAddModalsrow .hp-add-btn:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #fff;
}
.goalsAddModalsrow .hp-add-btn span{
font-size: 13px;
    line-height: 0;
    position: relative;
    top: -4px;
    padding: 0px 6px;
}


#hoshin-opp-details{
    background: rgb(0 0 0 / 42%);
}
.issueuser-details p{
    display: block;
    text-align: center;
}
.issueuser-details p img{
    width:106px;
    margin-top: 16px;

}
.issueuser-details p.m-imag img{
width: 79px;
    margin-top: 14px;
}


.issueuser-details{
color: #061083!important;
    font-size: 16px;
    cursor: pointer;
}
.alertmodal{
        right: 0!important;
    left: 0!important;
    top: 100px!important;
    display: block!important;
    margin: 0 auto!important;
    width: 820px!important;
    background: #fff!important;
    color: #000!important;
    font-size: 33px;
        text-align: center;
    padding: 50px 0px!important;
}
.alertmodal .presto-alert-button {
            float: left;
            cursor: pointer;
            padding: 8px 16px 4px;
            color: #2d2f40;
            background: #337ab7;
            line-height: 28px;
            width: 43%;
            font-size: 24px;
            cursor: pointer;
            height: 95px;
            display: flex;
            align-items: center;
            justify-content: center;
               margin: 0% 0% 0% 5%;
            color: #fff;
            padding: 10px 8px;
            border-radius: 2px;
            /* margin-left: 10px; */
                box-shadow: 0 1px 1px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .10);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .10);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.alertmodal #presto-alert-message{
    width: 60%;
    margin: 0 auto;
    line-height: 38px;
    margin-bottom: 50px
}
.prest-center{

}
.alertmodal .presto-alert-button:hover{
        -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.right-modalsearchpanel{
    float: left;
    background: #fff;
        padding: 50px;
    margin-top: 38px;
    width: 25%;
    position: fixed;
    right: 40px;
    height: 680px;
}
.mdl-fixedrows .p-docu-container{
    position: fixed;
    overflow: auto;
    left: 0;
        height: 800px;
}
.mdl-fixedrows.modal{
overflow: hidden;
}
.mdl-fixedrows .p-doc-row{
background: #fafafa;
}

.status-box ul li{
width: 20%;
float: left;
height: 80px;
}
.right-modalsearchpanel .search-bar {
    width: 89%;
    height: 46px;
    font-size: 20px;
    padding-left: 15px
}
.right-modalsearchpanel .form-flex{
    display: flex;
}
.right-modalsearchpanel .search-barbtn{
    height: 45px;
    width: 50px;
    font-size: 24px;
}
.right-modalsearchpanel ul{
    padding: 0px;
    margin: 0px;
}
.right-modalsearchpanel ul li {
    list-style: none;
}
.right-modalsearchpanel ul li a{
    width: 60px;
    height: 60px;
        margin: 0 auto;
        display: block;
    border-radius: 8px;
}
.right-modalsearchpanel ul.pStatusColor li.active a{
    border: 4px solid #295497;
}
.selectform{
    height: 45px;
    width: 100%;
    font-size: 24px;
    margin: 50px 0px 0px 0px;
    display: inline-block;
}
.status-box img{
    width: 60px;
}
.status-box li.active img{
    border: 2px solid #000000a6;
    padding: 5px;
    border-radius: 6px;
}
.gry-p a{
   background-color: #C3C3C3;
}
.status-box{
    margin-top: 30px;
}

.yelo-p a{
    background: #ffea2d!important;
    border-radius: 5px;
}

.gre-p a{background: #3a8f3d!important;
}
.red-p a{
background: #f00!important;
}
.black-p a{
    background: #333 !important;
}
.hove-bt{
        transition: .2s ease-in-out;
        cursor: pointer;
}

.hove-bt:hover{
    -webkit-transform: scale(1.05) translateY(-5px);
    transform: scale(1.05) translateY(-5px);
}
.cercle-row{
   margin-top:50px;
}
.cercle-row .text-ellipsis{
    border: solid 1px #ddd;
    padding: 8px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
}
.rolebtn-modals{
    position: absolute;
    right: 24px;
}

.add-userrolemodal .modal-dialog {
    width: 90%;
    margin: 30px auto;
}
.roleright-contain,
.roleleft-contain{
background: #fff;
padding: 20px;
}


.roleleft-contain{
float: left;
    width: 25%;
}
.roleleft-contain.inactive::after,
.roleright-contain.inactive::after {
    content: "";
    position: absolute;
    top: 0;
    width: 26%;
    height: 100%;
    background-image: linear-gradient(120deg, #000, #000);
    opacity: .7;
}
.roleleft-contain.inactive::after {
    left: 0;
}
.roleright-contain.inactive::after {
    right: 0;
}
.team-lead-staff-header {
    margin-top: 20px;
}
.team-lead-staff-header::before {
    content: "";
    position: absolute;
    width: 48%;
    height: 100%;
    background-image: linear-gradient(120deg, #000, #000);
    opacity: .7;
    left: 26%;
}
.team-lead-header, .staff-header {
    margin-top: 10px;
    display: none;
}
.add-user img{
    width: 100%;
}

.rolemid-contain{
    float: left;
    width: 46%;
    padding: 0% 2% 0% 2%;
    background: #f3f3f3;
    flex-grow: 1;
}
.rolemid-contain .input-team-name {
    height: 50px;
    font-size: 18px;
    margin-right: 10px;
}
.rolemid-contain .empty-input {
    border:3px dashed #b9b9b9;
}
.rolemid-contain .arrow {
    position: relative;
    width: 70px;
    height: 25px;
    background-color: #ffa500;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    animation: arrow 700ms linear infinite;
    left: -100px;
    top: 30px;
    text-align: center;
    line-height: 2;
    color: #ffffff;
    transition: all;
}
.team-lead-header .arrow {
    display: none;
    top: 50px;
}
.staff-header .arrow {
    display: none;
    top: 120px;
}
.rolemid-contain .arrow::after, .rolemid-contain .arrow::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 10px;
    right: -15px;
    background-color: #ffa500;
    border-radius: 6px;
}
.rolemid-contain .arrow::after {
    top: -5px;
    transform: rotate(45deg);
}
.rolemid-contain .arrow::before {
    top: 20px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    transform: rotate(-45deg);
}
@keyframes arrow {
    0% {
        left: -100px;
    }
    50% {
        left: -85px;
    }
    100% {
        left: -100px;
    }
}
.roleleft-contain h1{
    font-size: 30px;
    font-weight: 600;
}
.darg-type{
border: dotted 6px #b9b9b9;
    padding: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.roleright-contain{
float: left;
    width: 25%;
}
.d-flexrole{
    display: flex;
}
.add-userrolemodal .modal-body {
    position: relative;
    padding: 40px 40px 0px 40px;
    overflow: auto;
    display:flex;
    width: 100%;
}
.add-userrole{
    width: 100%;
    overflow: hidden;
}
.add-userrole img{
    width: 100%;
}
.rolemid-contain .role-btn{
background: #fff;
    height: 50px;
        margin-left: 10px;
    font-size: 17px;
    line-height: 16px;
    border: solid 1px #eee;
}
.staff-role{
    border:solid 1px #eee;
    width: 100%;
    padding: 10px;
    margin-top: 20px;
    display:inline-block;
    background: #fff;
    font-size: 24px;
    font-weight: 600;
}
.fixed-roleetails .r-w-15{
    width: 15%;
}
.fixed-roleetails .r-w-25{
    width: 25%;
}
.fixed-roleetails .r-w-45{
    width: 45%;
}
.fixed-team-leader .r-w-15{
    width: 15%;
}
.fixed-team-leader .r-w-25{
    width: 25%;
}
.fixed-team-leader .r-w-45{
    width: 45%;
}
.searc-formbar form {
    display: flex;
    align-items: center;
}
.searc-formbar input{
    height: 45px;
    font-size: 23px;
    padding-left: 15px;
    /* margin-top: 16px; */
    flex-grow: 1;
}
.searc-formbar button{
    height: 45px;
    width: 50px;
    padding: 12px;
    font-size: 24px;
        background: #0061b5;
    color: #fff;
    /* position: relative;
    top: 12px; */

}
.fixed-roleetails .fixed-rolehd,
.fixed-team-leader .fixed-rolehd {
    margin-top: 20px;
}
.fixed-roleetails .role-rowuser, 
.fixed-roleetails .fixed-rolehd,
.fixed-team-leader .role-rowuser, 
.fixed-team-leader .fixed-rolehd {
    display: flex;
}
.fixed-body .role-rowuser>div,
.fixed-rolehd>div{
float: left;
    margin-right: 1%;
    border: solid 1px #eee;
    background: #fff;
    font-size: 15px;
    padding: 0px 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.fixed-roleetails .role-rowuser .team-slot.empty,
.fixed-team-leader .role-rowuser .team-slot.empty {
    border: 3px dashed red;
}
.fixed-roleetails .role-btn, .fixed-team-leader .role-btn {
    border:none;
    height: auto;
}
.fixed-body .role-rowuser>div:last-child,
.fixed-rolehd>div:last-child{
    margin-right: 0px;
}

.fixed-roleetails, .fixed-team-leader {
    display: inline-block;
    width: 100%;
}
.searc-formbar i{
        position: relative;
    top: -9px;
}
.form-bodyrole{
    margin-top: 20px;
    border-radius: 5px;
}
.user-listcontainer
{
        height: 700px;
    overflow: scroll;
}
.fixed-roleetails .fixed-rolehd{
margin-bottom:20px;
}
.fixed-roleetails .role-rowuser{
    margin-bottom: 8px;
    position: relative;
}
#add-userrolemodal .topp-cycle {
padding: 6px 10px;
    line-height: 16px;
}
#add-dashboard-contact,
#add-dashboard-role{
    background: rgb(0 0 0 / 51%);
}
 .user-rolecontainer {
    height: 600px;
    overflow: scroll;
}

#add-dashboard-contact .modal-body{
        padding: 22px;
}
#add-dashboard-contact .modal-dialog{
        width: 460px;
}

.user-listcontainer>div, .user-rolecontainer>div{
    border: solid 1px #eee;
    padding: 11px;
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
 
}
.add-userrolemodal .trnsation{
    box-shadow: none!important;
    cursor: pointer;
}
.form-bodyrole h1{
    display: flex;
    margin: 30px 0px;
}
.roleright-contain .rolerowradio{
    width: 100%;
    display: inline-block;
    margin: 10px 0px;
    background: #fff;
    padding: 10px;
}
.roleright-contain .mrg-50{
    margin-right: 20px;
}
.roleright-contain .lbel-naem{
    font-size: 27px!important;
    padding-left: 6px;
    position: relative;
    top: -3px!important;
}
.add-userrolemodal .fa-plus{
    font-size: 30px;
    margin-left: 20px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    float: none;
}
.add-userrolemodal .fa-info.creinfo{
background: #fff;
    font-size: 23px;
    color: #000;
}
.add-userrolemodal #contacts-import,
.add-userrolemodal #roles-import {
    position: absolute;
    width: 50px;
    height: 50px;
    float: right;
    font-size: 30px;
    font-family: Yantramanav;
    text-align: center;
    color: #42445a;
}
.add-userrolemodal #contacts-import>img,
.add-userrolemodal #roles-import>img {
    border-radius: 2px;
    height: 35px;
    width: 35px;
    margin: 6px auto;
    cursor: pointer;
    line-height: 0.95;
    position: relative;
    display: block;
    overflow: hidden;
}
.add-userrolemodal #contacts-import .import-input,
.add-userrolemodal #roles-import .import-role-input {
    display: none;
}
.roleright-contain h1{
    margin-top: 0px;
}


.rolemid-contain .pd-cycle {
    padding: 2px 3px!important;
}
.add-userrolemodal .fa-info{
    font-size: 20px;
    margin-left: 20px;
    background: #707070;
    width: 36px;
    cursor: pointer;
    height: 36px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    float: none;
}
.rolemid-contain .team-name-header span {
    margin-right: 10px;
}
.add-userrolemodal .topp-cycle[data-n="1"] {
    background-color: #61BD4F;
    color: white;
    border-radius: 4px;
}
.pd-cycle{
     padding: 10px 3px!important;
    line-height:21px;
}
.pd-cycle span{
    width: 105px;
    display: inline-block;
    position: relative;
    padding: 13px 3px;
}
.add-userrole p{
text-align: center;
    font-size: 21px;
    padding-top: 5px;
}
.add-userrolemodal #delete-team-role{
    background: #f00;
    border: #f00;
}
.role-rowuser img{
    width:50px;
        -webkit-box-shadow: 2px 8px 16px -6px #656c6e;
    box-shadow: 2px 8px 16px -6px #656c6e;
}
.fixed-body .role-rowuser>div:first-child{
padding: 2px;
    width: 56px;
    background: none;
    border: none;
}
.fixed-roleetails .fixed-body{
    /* position: fixed; */
    height: 500px;
    overflow: auto;
    /* width: 40%; */
    border: 2px dashed #b9b9b9;
    margin-top: 10px;
    padding: 10px;
}
.fixed-team-leader .fixed-body {
    /* min-height: auto; */
    min-height: 60px;
    border: 2px dashed #b9b9b9;
    margin-top: 10px;
}
.add-userrolemodal h1{
font-size: 30px;
    font-weight: 600;
    color: #4a4545;
}
.roleleft-contain h1{
    margin-top: 0;
}
.add-userrolemodal .btn-create-contact {
    width: 90%;
    text-align: left;
    font-size: 20px;
    line-height: 33px;
    padding: 6px;
    background-color: #337ab7;
    color: white;
    border-radius: 6px;
    border: none;
    margin-bottom: 2rem;
}
.tab-hdhistory .nav-tabs>li a{

}
.opex-history-panelcontainer .presto-table-a .process-row:nth-child(odd),
.linkedprocesscontainer .md-row:nth-child(odd),
.tab-contenthistory .presto-table-b>.row:nth-child(odd) {
    background: #c0e5f3;
}

.tab-contenthistory .presto-table-b .row>div{
        height: 40px;
}
.linkedprocesscontainer .md-row>div{
    height: 40px;
    border-right: 1px solid #c1c1c1;
}

.opex-history-panelcontainer .presto-table-a .process-row div{
        height: 40px;
        border-right: 1px solid #c1c1c1;
    float: left;
    display: flex;
    align-items: center;
    line-height: 1.2;
    padding: 4px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
}
.opex-history-panelcontainer .presto-table-a .process-row
{
    display: inline-block;
    width: 100%;
}
.tab-contenthistory .presto-table-b .row>div{
   display: flex;
   align-items: center;
   justify-content: center;
}
.just-left,
.readiness-historybody .topp-arc-cycle{
   justify-content: left!important;
   text-align: left;
   }


.tab-contenthistory .presto-table-b .row>div:last-child{
    justify-content: center;
}

.linkedprocesscontainer .presto-table-h {
    background: #a4a5a0!important;
    color: #fff;
}
.linkedprocesscontainer .presto-table-h>div{
    margin-bottom: 0px!important;
}
.opex-history-panelcontainer .presto-table-h>div:first-child,
.opex-history-panelcontainer .presto-table-a .process-row div:first-child,
.tab-contenthistory .presto-table-b .row>div:first-child{
justify-content: center;
text-align: center;
}

.linkedprocesscontainer .presto-table-h>div {
    border-right: 1px solid #e6e6e6!important;
}

.opex-history-panelcontainer .presto-table-h>div {
    line-height: initial;
    font-size: 16px;
}
.hover-rightalign{
    position: absolute;
    right: 42px;
    cursor: pointer;
}
.op-chk-body .presto-input.input-reducetaskrow{
    width: calc(100% - 354px);
}

.hover-rightalign .get-task-notes.glyph-warning{
top: -2px;
    position: absolute;
    right: 265px;
}

.dropdown-sectoin .dropdown i {
    padding-right: 17px;
    font-size: 25px;
}
.help-raskrow{
 width: 100%;    display: flex;
    align-items: center;
        margin-bottom: 10px;
    justify-content: center;
    cursor: pointer;
}
.help-raskrow:hover>div{
    background: #fbfbfb;
}
.bx-arrowdown{
    position: relative;
    left: 19px;
    cursor: pointer;
    top: 10px;
    font-size: 15px;
}
.i-qulity img{
        position: relative;
    left: 4px;
}
/*.profile-menu-li .bx-arrowdown{
    top: 7px;
}*/
.help-container-row  .nav-tabs>li {
    font-size: 1.2em;
     cursor: pointer;
}
.help-container-row  .nav-tabs>li a{
    color: #000;
    cursor: pointer;
}
#Dashboards .help-raskrow>div .quik-icon, #Dashboards .help-raskrow>div .tem-img{
        width: 30px;
}

.help-container-row{
    padding:50px 50px  50px 50px;
    overflow: hidden;
   width: 1150px;
    margin: 0 auto;
}
.help-deskbanner{
    background: url(/images/help-daskbanner.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-position: 0px -86px;
    position: relative;

}
.traininfo-icon{
    float: right;
    text-align: right;
    position: absolute;
    right: 10px;
    background: #e7e7e7;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

    box-shadow: 2px 8px 16px -6px #ab9d9d!important;

}
.trainingacademymodal .close-modal-icon img {
background: #c9e2ec;
    width: 27px;
    border-radius: 50%;
    padding: 7px;
    left: 16px;
    position: relative;
    top: 6px;
}
.ac-mg-t{
    padding-top: 50px!important;
}
.trainingacademymodal .md-check-label {
    left: 35px;
    top: 6px;
    /* display: inline; */
    position: relative;
    font-size: 16px;
    font-weight: 600;
}


.trainingacademymodal .modal-dialog{
    width: 400px;
}
.trainingacademymodal .modal-body{
        padding: 30px;
}
.trainingacademymodal .form-group{
    padding-bottom: 5px;
}
.help-raskrow>div{
    height: 42px;
    width: 90%;
    float: left;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 52px;
}
.help-raskrow>div img{
    width: 30px;
}
.help-raskrow>div .quik-icon,
.help-raskrow>div .tem-img{
     width: 39px;
}
.help-raskrow>div span{
   font-size: 25px;
}
.help-raskrow .fa-lightbulb-o{
   font-size: 35px;
}

.help-raskrow .icon-risks{
   font-size: 35px;
}
.help-raskrow .fa-cogs,
.help-raskrow  .icon-skills-and-competencies{
   font-size: 31px;
}

.dropdown-sectoin .btn{
    background: none!important;
}
.dropdown-sectoin .dropdown{
box-shadow: 0 1px 2px rgba(0, 0, 0, .25)!important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25)!important;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .25)!important;
}
.help-raskrow>div:first-child{
    width:80px;
        margin-right: 10px;
            justify-content: center;
                padding: 0;
}
.help-subhd{
font-size: 22px;
padding: 0px 0px 20px 22px;
font-weight: 700;
}
.tramh{
text-align: center;
    font-size: 27px;
    position: absolute;
    bottom: -23px;
    left: 0;
    font-weight: 600;
    border: solid 1px #b5b5b5;
    right: 0;
    background: #ffffff;

    box-shadow: 2px 8px 16px -6px #ab9d9d!important;

    width: max-content;
    padding: 13px 38px;
    margin: 0 auto;
    border-radius: 47px;}
.btn:focus, 
.btn:active:focus{
    outline: none;
    box-shadow: none;
}
.dropdown-sectoin .dropdown {
  position: absolute;
  width: 250px;
  padding:10px;
  box-shadow: var(--shadow);
  border-radius: var(--radius);
  margin-top: 0.3rem;
  background: white;
      left: -106px;
margin-top: 22px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(0.5rem);
  transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
}
#user-utilities .dropdown-sectoin{
position: absolute;
    right: 16px;
    margin-top: -6px;
}
.utility-row .header-comments{
 float: right;
    margin-top: 5px;
}
/*#user-utilities.utility-row .dropdown-sectoin{
    position: relative;
    right: 26px;
    margin-top: -5px;
    float: right;
        margin-right: 20px;
}*/
/*#user-utilities.utility-row #header-comments{
    float: right;
    margin-right: 21px;
    margin-top: 4px;
    cursor: pointer;
}*/

.utility-row .bx-arrowdown{
    position: absolute;
    /* right: 28px; */
    left: 47px;
    top: 24px;
}
.dropdown-sectoin .dropdown a {
display: flex;
    align-items: center;
    column-gap: var(--gap);
    padding: 1.5rem 1rem;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    color: black;
    border-bottom: solid 1px #eee;
}
.dropdown-sectoin .dropdown a:last-child{
    border:none;
}
.dropdown-sectoin .dropdown a:hover {
  background-color: var(--color);
  color: #0061b5;
}

.dropdown-sectoin .show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0rem);
}

.dropdown-sectoin .arrow {
  transform: rotate(180deg);
  transition: 0.2s ease;
  cursor: pointer;
}
.trainingacademymodal .topp-cycle {
    width: 85px;
    display: block;
    font-size: 17px;
    font-weight: 500;
    padding: 3px 0px;
    cursor: pointer;   
    text-align: center;
}
.subre-w-50{
    width: 500px;
    margin: 0 auto;
}
.f-10{
    font-size: 10px;
}
.submit-btn{
background: #3c763d;
    color: #fff;
    margin-top: 14px;
    width: 124px;
    padding: 9px 0px;
}
.subre-w-50 label{
    padding-top: 8px;
}
.sub-rowbanner{
    height: 140px;
}
footer .main-logo{
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}
.main-logo{
    width: 120px;
        margin-top: 30px;

}
.sub-pages{
background: #e2e7ed;
    padding:50px;
}
.sub-pages ul{
padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-pages ul li{
    list-style: none;
    display: inline;
    padding: 0 5px;
}
.sub-pages ul li img{
    width: 30px;
}
.submit-requstrow{
        width: 100%;
}
.hd-toplistmenu02 .fst-02{
    font-size: 12px; 
}
.hd-toplistmenu02 .fst-03.fast-04{
    left: -5px;
}
.hd-toplistmenu02 .fst-02 {
    left: 10px;
    position: relative;
}
.hd-toplistmenu02 .fst-004{
position: relative;
    left: 10px;
    font-size: 12px;
}
.hd-toplistmenu02 .fst-03{
position: relative;
    left: 6px;
}
.hd-toplistmenu02 .fst-04{
position: relative;
left: 4px;
    font-size: 12px;
}
.over-nohidden .completion-perc {
    position: relative;
    /* top: -6px; */
    left: 3px;
}
.planned-finish-date{
    position: relative;
    /* top: -3px; */
}
.hd-toplistmenu ul,.hd-toplistmenu-pdca ul{
    padding: 0px;
}
.hd-toplistmenu ul li,.hd-toplistmenu-pdca ul li{
    list-style: none;
  float: left;
        padding: 10px;
}
.hd-toplistmenu{
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0;
}
.hd-toplistmenu ul li:first-child,.hd-toplistmenu-pdca ul li:first-child{
    width: calc(100% - 282px);
}
.hd-toplistmenu .omf-checkbox-all,.hd-toplistmenu-pdca .omf-checkbox-all {
    width: 25px;
    height: 25px;
    background: #ffffff !important;
    border: solid 1px #333;
    position: relative;
    top: -6px;
    float: left;
    border-radius: 2px;
    text-align: center;
    color: #2d2f40;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.hd-toplistmenu .check-all-text,.hd-toplistmenu-pdca .check-all-tex {
    top: -3px;
    position: relative;
    left: 6px;
    color: #878282;
}
.hd-toplistmenu ul li:last-child,.hd-toplistmenu-pdca ul li:last-child{
        padding-left: 4px;
}
.accordion-item .accordion-content.over-nohidden{
    position: relative;
        padding-top: 34px;
}
.popopportunity .accordion-item{
    z-index: 1;
}
.import-chk-panel::before,.proceesdoc-chk-panel::before{
content: "";
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    left: -7px;
    right: 0;
    width: 100%;
    z-index: -1;
    background-color: rgb(0 0 0 / 53%);
}
.owl-item:last-child{
    /*display:none !important;*/
}
.import-paelrow,.proceesdoc-paelrow{
    height: 100%;
    background: #fff;
    position: relative;
    z-index: 3;
}
.edit-checkbutton{
position: absolute;
    right: 5px;
    background: #cccccc;
    cursor: pointer;
    width: 30px;
    height: 27px;
    z-index: 9;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    border-radius: 3px;
    color: #000;
  /*  border: solid 1px #938d8d;*/
}
.topp-task-prority,
.topp-task-status{
     z-index: 9;
}
.meutooltip{
font-size: 15px;
    line-height: 0px;
    /* letter-spacing: -3px; */
    display: block !important;
    color: #262727;
}
.tooltipcontaier{
    position: absolute;
}
.completion-perc {
  position: relative;
}

.completion-perc:hover .popup {
  opacity: 1;
  display: block;
  color: pointer;
}
.completion-perc h3{
    display: block;
    font-weight: bold;
}
.popup {
    width: 156px;
    background-color: rgb(255 255 255);
    padding:10px 20px;
    position: absolute;
    left: -32px;
    top: 31px;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    transition: all 0.25s ease;
    opacity: 0;
    display: none;
    z-index: 99;
        font-size: 20px;
    border: solid 1px #000;
}

.popup:before{
    position: relative;
    top: -20px;
    left: 50px;
    z-index: 99999;
    width: 5px;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}
.popup .form-boxpopup{
    text-align: center;
}

.task-owner-initial.rowuser-b {
text-align: center;
    padding-top: 4px;
    float: right;
    margin-left: 2px;
    width: 57px;
    border: solid 1px #cbcbcb;
    height: 29px!important;
    cursor: pointer;
    padding: 3px 6px;
    white-space: nowrap;
}
.over-nohidden{
        overflow: initial!important;
} 
.pm-hdh {
    /*font-size: 20px;
    position: absolute;
    right: 0;
    font-weight: 600;
    top: -18px;
    cursor: pointer;*/
}

.pm-hdh span img{
 width: 49px;
    position: relative;
    left: 9px;
}

 .pm-hdh span{
    border-radius: 50%;
    margin-left: 5px;
 }
 .helpcenerconiain{
background: #fff;
    padding: 30px;
    margin: 10px;
 }
 .helpcontain-row>div{
float: left;
    font-size: 20px;
    width: 650px;
    display: flex;
    align-items: center;
    margin-right: 20px;
    border: solid 1px #9f9595;
    background: #eee;
 }
.helpcontain-row>div:first-child {
    width: 150px;
    background: #fff;
    display: block;
    text-align: center;
    height: 120px;
}
.helpcontain-row>div:last-child {
   margin-right:0px;
       padding: 8px;
}
 .helpcontain-row{
    display: flex;
    margin-bottom: 10px;
 }
 .help-containerlistrow{
    width: 900px!important;
 }
 .f13::after{
    font-size:14px;
    font-weight: 600;
 }
.closepdca{
    font-size: 28px;
    margin-left: 10px;
    background: #ffffff;
    padding: 5px;
    border: solid 1px;
    width: 40px;
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 5px;
    line-height: 6;
    border-radius: 21px;
    top: 3px;
}
 .menuitem-project{
position: absolute;
    top: 11px;
    border-right: none !important;
    display: inline-block;
 }
 .menuitem-project>div{
 font-size: 18px;
    border: solid 1px #333;
    background: #fff;
    cursor: pointer;
        padding: 8px 10px;
    float: left;
        box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    width: 132px;
        font-weight: 700;
    border-radius: 23px;

 }
  .menuitem-project .ack-plan-txt,.menuitem-project .do-issues-txt,.menuitem-project .check-act-txt{
font-size: 18px;
    border: dotted 3px #baacac;
    background: #f1f1f1;
    cursor: pointer;
    padding: 5px 10px;
    float: left;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    width: 150px;
    font-weight: 700;
    border-radius: 13px;
    margin-left: 8px;
    margin-top: 5px;
  }
    .menuitem-project>div span{
    float: right;
    border-left: solid 1px #eee;
    width: 36px;
    text-align: center;
    }

    
.helpconainermenu ul{
    padding:0px;
    margin: 0px;
}
.helpconainermenu ul li{
list-style: none;
display: inline;
position: relative;
}
.helpconainermenu ul li a{
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    padding: 10px 18px;
    background: #337ab7;
    border-radius: 36px;
    margin: 3px;
    font-weight: 600;
        -webkit-box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    box-shadow: 2px 8px 16px -6px #ab9d9d!important;
    -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
        transition: background 1s; /* For modern browsers */
}
.helpconainermenu ul li a:hover{ 
background: #000;
}
.helpconainermenu ul li i{
position: absolute;
    right: 0px;
    background: #fff;
    padding: 5px;
    top: -19px;
    border-radius: 50%;
    width: 23px;
    cursor: pointer;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.helpconainermenu{
padding-top: 80px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.th1{
font-size: 31px;
    text-align: center;
    margin-top: 51px!important;
    padding: 0px;
    font-weight: 700;
    background: #e3e3e3;
    padding: 13px 40px;
    width: max-content;
    margin: 0 auto;
    border-radius: 59px;
}
.th2{
       font-size: 2em;
    text-align: left;
    margin-top: 21px!important;
    padding: 0px;
    font-weight: 700;
    padding: 13px 0px;
    width: max-content;
    margin-bottom: 40px;
    width: 100%;
    border-bottom: solid 1px #eee;
}
.th1 i{
font-size: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: #337ab7;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    top: -12px;
    position: relative;
}
.banner-icon{
    float: right;
       margin: 100px 50px 0px 50px;
}
.banner-icon img{
    width: 100px;
}

 .user-raciimg{
  position: relative;
  margin-top: 15px;
 }
 .user-raciimg img{
    width: 65px;
 }
.link-container ul li img{
    width: 30px;
    margin-right: 10px;
}
.open-close-cm.closed,
.p-notebookbtn.closed,
.p-accounts.closed,
.p-kpimgmt.closed,.p-assetmgmt.closed{
    background: #0061b5 !important;
}
.open-close-cm,.open-close-issue,.open-close-process,.open-close-badgepanel,.open-close-idea,.open-close-kpi,.open-close-mediapanel,.open-close-auditpanel,.open-close-waste-panel{
    background: #0061b5!important;
}
.open-close-cm:not(.closed) a,.open-close-issue:not(.closed) a,.open-close-process:not(.closed) a,.open-close-badgepanel:not(.closed) a,.open-close-idea:not(.closed) a,.open-close-kpi:not(.closed) a,.open-close-mediapanel:not(.closed) a,.open-close-auditpanel,.open-close-waste-panel:not(.closed) a{
    color: #fff!important;
}
.open-close-cm.closed,
.open-close-issue.closed,
.open-close-process.closed,
.open-close-badgepanel.closed,
.open-close-idea.closed,
.open-close-kpi.closed,
.open-close-mediapanel.closed,
.open-close-auditpanel.closed,
.open-close-waste-panel.closed
{
    background: #fff!important;
    color: #000 !important;
}
.p-notebookbtn.closed a
{
    color: #fff;
}
.actionmenubtn{
    /* position: absolute; */
    position: fixed;
    /* right: 30px; */
    bottom: 150px;
    margin-left: -63px;
    border: none;
    background: none;
    width: 100px;
        z-index: 999;
}
.parents-btn{
    background: #0061b5 !important;
    color: #fff !important;
    padding: 19px 24px;
    text-align: center;
    margin-top: 0px;
    width: auto !important;
    position: relative;
    text-align: center;
    font-size: 26px;
    cursor: pointer;
    height: auto !important;
    width: 265px !important;
    z-index: 99999999999999;
}
#projectleftadminrow .parentadminrow div span img{
    width: 27px;
    margin-right: 13px;
}
.widgetsmenurow,.widgetsmenurow-filter{
    position: fixed;
    margin-left: -131px;
    border: none;
    background: none;
    width: 80px;
    right: auto;
    bottom: 99px;
    left: 70%;
    z-index: 9;
}
.actionmenubtn .link-container{
margin-bottom: 100px;
    left: -114px;
    position: relative;
}
#pnotbook-panel .right-panel-container,#list-linked-panel .right-panel-container,#list-linked-accounts-panel .right-panel-container,#list-main-linked-panel .right-panel-container,#list-linked-goal-panel .right-panel-container,#list-main-kpi-panel .right-panel-container,#list-linked-tier-panel .right-panel-container,#list-user-list-linked-panel .right-panel-container,#list-custom-matrix-linked-panel .right-panel-container,#list-linked-user-goal-panel .right-panel-container,#list-main-asset-panel .right-panel-container{
    background: none;
    position: relative;
}
.p-accounts{
    bottom: 200px !important;
}
body .clintcontainerinner .filtterbotab.active,
body .clintcontainer .filtterbotab.active{
    background: #0061b5 !important;
    color: #fff!important;
}
.linmbtn{
    height: 50px;
    margin-top: 10px;
    font-size: 23px !important;
    text-align: center;
    color: #000;
    border: solid 1px #f8f8f9;
    background: #ffffff;
    line-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}
.presourcerow .presto-button.active {
    background-color: #0079BF;
    color: #fff;
}

.p-notebookbtn img,.p-accounts img{
    width: 60px;
}
.search-formrow{
        display: flex;
}
.notepanel-container{
    padding: 30px 30px 50px 30px;
   height: 100%;
    overflow: hidden;
}
.search-form{
    width: 85%;
    height: 41px;
    padding-left: 15px;
    font-size: 20px;

}

.panel-btn .btn{
    width: 47%;
    margin: 0% 1%;
    background: #337ab7;
    font-size: 20px;
    border-radius: 19px;
    line-height: 30px;
    color: #fff;
    margin: 10px 0px;
}
.sub-serbtn{
    height: 40px;
    background: #fff;
    width: 45px;
    margin-left: 5px;
    font-size: 20px;
}
.filterbtn{background: none;
    font-size: 27px;
    position: relative;
    top: -5px;
    margin-left: 5px;
}
.mtitilnoteimg{
    float: right;
}
.splabel-p{
        font-size: 24px;
    padding-right: 10px;
    cursor: pointer;
}
.close-modal-icon {
left: auto;
    right: -28px;
    top: -15px;
}
.activity-roadmap-close{
        right: 0px!important;
            left: auto;
}
.mtitilnoteimg img{
    width: 41px;
    /* padding: 7px; */
    margin-top: 0px;
    cursor: pointer;
}
.panel-btn .form-group:last-child{
    margin-right: 0px;
}
.panel-btn .form-group{
background: #fff;
    padding: 0px 9px;
    height: 52px;
    margin-right: 1%;
    border:solid 1px #eee;
    width: 32.6666666%;
}
.panel-btn{
    padding: 8px 0px 0px 0px;
    display: inline-block;
    width: 100%;
}    
.more-catbtn{
    background: #fff!important;
    padding: 10px!important;
    font-size: 20px!important;
    line-height: inherit!important;
    height: 45px!important;
    width: 200px;
    margin-top: 30px!important;
}
.pnote-selectlist{
position: absolute;
    bottom: 100px;
    display: none;
    height: auto!important;
}
.opntbtn{
    position: relative;
    top: 6px;
    z-index: 9;
    right: 0;
    background: #337ab7;
    padding: 12px 20px;
    border-radius: 2px;
    font-size: 17px;
    font-weight: 600;
    float: right;
    color: #fff;
    margin-top: 30px;
    display: block;
    /* width: 100%; */
    margin-bottom: 23px;
    line-height: normal;
}
.notepanel-container h1{
    font-size: 30px;
    margin: 0px;
    padding-bottom: 15px;
    font-weight: 600;
}
.notepanel-container h2{
    font-size: 30px;
    margin: 0px;
    padding: 13px 0px;
    font-weight: 600;
    display: block;
    width: 100%;
    position: relative;
    top: 40px;
}

#note-contributor-filter .label-brow b{
    font-size: 20px;
    color: #000;
    position: relative;
    top: -4px;
    margin-right: 5px;
}

.opennotebookmodalcontainer .modal-dialog {
    width: 1300px;
    padding: 0px 50px;
}
.opennotebookmodalcontainer .modal-content {
    background: #ffffffff url(/images/bg-page-section.png);
}
.note-rowcontainer{
width: 100%;
    display: inline-block;
    margin-top: 30px;
    background: #ebebec;
    padding: 30px;
}
.note-rowcontainer .col-70{
width: 69%;
float: left;
}
.note-rowcontainer .col-30{
width: 30%;
float: left;
margin-left: 1%
}
.note-rowcontainer ul{
    padding: 0px;
    margin: 0px;
}
.note-rowcontainer ul li{
    list-style: none;
    display: inline;
    margin-right: 10px;
}
.note-rowcontainer ul li img{
    width: 45px;
}
.oppen-notecontainer h1{
font-size: 40px;
    text-align: center;
    font-weight: 600;
}
.note-rowcontainer h2{
    font-weight: 500;
    font-size: 28px;
    padding-bottom: 10px;
    margin-top: 0px;

}
.note-row{
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.note-row .noteuser img{
    width: 58px;
    border: solid 2px #d0d4d7;
    padding: 3px;
    border-radius: 8px;
    -webkit-box-shadow: 2px 8px 16px -6px #ab9d9d;
    box-shadow: 2px 8px 16px -6px #a39e9ebf;
}
.note-row{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.nw-50{
    width: 70%;
    float: left;
    padding-left: 30px;
}
.tithd{
        font-size: 23px;
    font-weight: 600;
}
.nw-80{
    width: 80%;
    float: left;
    padding-left: 30px;
}
.col-30 .note-row .noteuser img {
    width: 53px;
}
  .col-30 .search-formrow {
     margin-bottom: 20px;
    }
.nw-30{
        width: 30%;
        float: right;
        text-align: right;
         padding-left: 30px;
}
.nw-tit{
    font-size: 22px;
    font-weight: bold;
}
.nw-subtit{
    font-size: 20px;
}

#oppenpnotbook-panel {
    position: fixed;
    top: 0;
    bottom: 0;
     width: 48%;
    background: #ffffffff url(/images/bg-page-section.png);
    z-index: 15;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    right: -100%;
    opacity: 1;
    transition: right .8s, opacity .2s;
    font-family: SourceSansPro;
    top: -129px;
    z-index: 9999999;
    height: auto!important;

}
.oppenpnotbook-row>div{
background: #fff;
    padding: 10px;
    font-size: 24px;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-bottom: 9px;
    border: solid 1px #eee;
}
.close-rightbtn{
        left: -53px!important;
    right: auto!important;
    top: 10px!important;
}
#oppenpnotbook-panel .right-panel-container {
    position: relative;
    padding: 15px;
}

.oppenpnotbook-row{
    width: 100%;
    display: inline-block;
}
.oppenpnotbook-row span{
    font-weight: 500;
    padding-left: 10px;
}
#oppenpnotbook-panel h1{
    font-size: 28px;
    font-weight: 600;
}
#oppenpnotbook-panel .form-group label{
font-size: 21px;
    padding-top: 10px;
}
#oppenpnotbook-panel h1 img{
    float: right;
    width: 70px;
    margin-bottom: 0px;
    border-radius: 50%;
    border: solid 1px #3eb5e2;
    position: relative;
    padding: 3px;
    top: -25px;
}
.user-prohectnotelist ul{
padding: 0px;
margin: 0px;
    margin: 20px 0px;
}
.user-prohectnotelist ul li{

    list-style: none;
    display: inline;
    padding: 5px;
    background: #fff;
    padding: 10px;
    height: 100%;
    display: inline-block;
    border: solid 1px #eee;
}
.user-prohectnotelist ul li img{
    width: 60px;

}

 .form-bor{
       height: 40px!important;
           position: relative;
    top: -7px;
    font-weight: 700!important;
    font-size: 25px!important;
 }
 .form-bor{
    border: solid 1px #d1cdcd!important;
 }
 .opp-title{
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 14px;
    background: #d1d1d1;
    box-sizing: border-box;
 }
 .opp-popup-top-id {
    font-weight: bold!important;
        font-size: 25px!important;
}
.opp-span{
        font-weight: bold!important;
        font-family: Yantramanav;
            height: 40px!important;
     font-size: 25px!important;
     /* overflow: hidden; */
    font-weight: 700!important;
        flex: 1;
       flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    
}
.opp-span span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#opp-popup-title .presto-input{
display: flex;
}
#opp-popup-close{
    float: right!important;
}
 .po-close-btn {
background: rgb(0, 121, 191);
    color: rgb(255, 255, 255);
    font-size: 18px;
    position: relative;
    right: -126px;
    z-index: 0;
    border: solid;
    height: 45px;
    top: 1px;
}
.edit-oppbtn.fa-save:before{
    content: "\f0c7";
    top: 8px;
    position: relative;
    left: 8px;
}
.edit-oppbtn{
float: left;
    width: 40px;
    background: #ddd7d7;
    position: relative;
    right: -5px;
    font-size: 25px;
    color: #1a1919;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #c5bdbd;
    border-radius: 5px;
    top:5px;
}
#supply-header>div, .supply-body>div {
    border: 3px solid #f1f1f1!important;
}
.menuitem-project .active {
    background-color: #0d4574!important;
    color: #fff!important;
    border: solid 1px #fff!important;
}
#cm-global-report img{
        position: relative;
    top: -2px;
}
.pdca-btn{
top: 16px !important;
    background: #ffffff !important;
    padding: 4px;
    right: -240px!important;
    position: absolute;
    height: 34px;
    width: 100px;
    font-size: 17px;
    letter-spacing: 3px;
    font-weight: 700;
    color: #000;
    -webkit-box-shadow: 2px 8px 16px -6px #ab9d9d !important;
    box-shadow: 2px 8px 16px -6px #ab9d9d !important;
}

.dash-calendar-year-filter{
 font-size: 18px;
    font-weight: 600;
    z-index: 3;
    left: 83px;
    position: absolute;
    margin-top: -15px;
    border-width: medium;
}
.dash-calendar-year-filter p{
font-size: 24px;
    font-weight: bolder;
    letter-spacing: 8px;
    font-family: sans-serif;
}

.ksf-rwo p{
    font-size: 20px;
    font-weight: 600;
}
.ksf-rwo .row{
margin: 10px 0px;
}
#cm-global-report{
    height:38px!important;
        width: 40px!important;
}
.infomodalicon{
float: right;
    margin-right: 26px;
    background: #a3a7ab;
    border: none;
    color: #fff;
    height: 25px;
    width: 25px;
    font-size: 16px;
    border-radius: 24px;
    position: absolute;
    top: 7px;
}
.pdcamodalcobtainer .form-5{
        height: 45px;
}
.pdcamodalcobtainer .form-group {
    margin-bottom: 15px;
}
.pdcamodalcobtainer .form-control{
    font-size: 16px;
    color: #000;
}
.pdcamodalcobtainer .btn{
        width: 100px;
    padding: 7px 0px;
    font-size: 19px;

}
.topp-pdcahover{
opacity: 0!important;
justify-content: center;
}
.p-processchecklist .draggable-item:hover .topp-pdcahover{
     opacity: 10!important;  
      cursor: pointer;
}
.sub-actit {
    position: absolute;
    right: 44px;
    top: 12px;}

.notepanel-container .ld-skill-list-element{
        width: 48%;
    margin-right: 2%;
}
.notepanel-container .checkbox-btns label.checkbox {
    padding: 2px 0 0 30px;
}
 .notepanel-container .noteslist-container{
        padding: 20px 0px 0;
 }
 .p-notecount{
position: fixed;
    left: 121px;
    top: 119px;
    background: #0061b5;
    height: 90px;
    width: 90px;
    z-index: 99999999;
    /* overflow: hidden; */
    border-radius: 50%;
    justify-content: center;
    font-size: 45px;
    align-items: center;
    color: #fff;
    font-weight: 700;
    display: flex;
    border: solid 3px #fff;
 }
 .p-notecount img{
    width: 39px;
    right: -26px;
    position: relative;
    top: 34px;
 }
 .p-notecount span{
    position: absolute;
 }
 .rightbtnproject{
    float: right;
    font-size: 20px;
    background: #0061b5;
    padding: 4px 7px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    width: 140px;
    text-align: center;
 }
 .oppenpnotbook-row .p-name{
width: 60%;
 }
 .closed .pp-icon,.closed .accounts-icon{
opacity: 0;
 }
.closed  .pp-cloicon{
opacity: 1
 }
 .pp-cloicon{
    opacity: 0;
        position: absolute;
    margin-left: -56px;
    background: #fff;
    color: #fff;
  padding: 9px;
    border-radius: 76px;
 }
 .clintcontainerinner ul,
  .clintcontainer ul {
    padding: 0px;
   margin: 0px 15px;
  }
  .clintcontainer ul{
    max-height: calc(100% - 81px);
    overflow: auto;
  }
 .clintcontainerinner ul{
        margin: 0px 15px;
        max-height: calc(100% - 169px);
        overflow: auto;
 }
 .right-parent-projects-lists ul{
    max-height: calc(100% - 261px) !important;
 }
 .clintcontainer ul li{
    border: dotted 1px #464343;
    padding: 20px;
    list-style: none;
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 18px;
    height: 72px;
    display: flex;
    color: #ffffff;
    align-items: center;
    background: #00000026;
    position: relative;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
 .clintcontainer ul li span,#accountsListUl li span,#accountsListUl1 li span{
/*display: flex;*/
display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    border: solid 2px #3eb5e2;
    position: absolute; 
    right: 5px;
    width: 65px;
    height: 65px;
    border-radius: 5px;
    background: #f5f1f1;
    text-align: center;
 }
 #list-linked-accounts-panel .clintcontainer ul li span,
#list-linked-panel .clintcontainer ul li span{
    font-size: 31px;
    height: 47px;
    overflow: hidden;
    color: #000000;
}


.listclintlogo {
    width: 130px;
    height: 120px;
    margin: 0 auto;
    padding-top: 17px;
    margin-bottom: 30px;
}
.listclintlogo img{
    width: 100%;
}
.list-account-data{
    padding: 40px;
}
.list-account-data label{
        font-size: 20px;
        color: #fff;
}
.list-account-data .form-control{
    height: 45px;
    font-size: 20px;
}


.clintcontainerinner ul li{
    border: dotted 1px #464343;
    padding: 2px 20px;
    list-style: none;
    font-size: 22px;
    margin-bottom: 10px;
/*    display: flex;*/
    cursor: pointer;
    align-items: center;
    background: #fff;
    position: relative;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.clintcontainer ul li.active,
.clintcontainerinner ul li.active{
border: solid 1px #0061b5;
    background: #daeaf7;
    color: #000;
}
.clintcontainer ul li a{
    color: #fff;
    color: #fff;
    display: flex;
    align-items: center;
}
.activityopenmodal img{
       width: 380px;
    margin: 0 auto;
    display: block;
}
.activityopenmodal p{
    font-size: 25px;
    padding: 20px;
    width: 415px;
    text-align: center;
    margin: auto;
}
.clintmsgac small{
        display: block;
    font-size: 24px;
    margin-top: -30px;
    padding-left: 20px;
    color: #fff;
    margin-bottom: 12px;
}
.serachclirow{
    width: 100%;
    display: inline-block;
    margin: 18px 15px 0px 15px;
}
.serachclirow .searchproviderow .service-providers-search {
    height: 48px !important;
    width:100%!important;
    padding-left: 10px;
    font-size: 20px;
    margin: 0px!important;
    margin-bottom: 10px !important;
    border: solid 1px #9d9a9a !important;
}
.filtterbotab{
    position: absolute;
    bottom: 9px;
    left: -110px;
    background: #fff !important;
    font-size: 24px;
}
 .go-back{
    left: -57px!important;
}
.serachclirow  .searchproviderow .glyphicon-search {
padding-top: 12px;
    height: 47px;
    padding-left: 12px;
    right: 12px;
    position: absolute;
    left: auto;

}
#list-linked-tier-panel li span{
    color: #000000;
}


 .p-notebookbtn  .pp-cloicon img {
    width: 48px;
}
.mynoteicon img{
    width: 43px;
    margin-right: 9px;
    position: relative;
    top: -4px;
    margin-left: 15px;
}
.myserchform{
    margin-top: 20px;
        float: right;
}
.iniicon{
    position: absolute;
    right: 190px;
    margin-top: 75px;
    background: no-repeat;
    border: none;
}
.iniicon img{
        width: 60px;
}
.initiatormodal-container .form-group{
        margin-bottom: 25px;
}

.initiatormodal-container .form-control{
    height: 46px;
    font-size: 20px;
    color: #000;
}
.initiatormodal-container .modal-body{
        padding: 25px;
}
.initiatormodal-container label{
        font-size: 20px;
}

.initiatormodal-container .modal-dialog {
    width: 430px;
    margin: 30px auto;
}
.keycontributors {
    position: fixed;
    left: 31px;
    bottom: 50px;
}
.keycontributors p{
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
}
.keycontributors ul{
        margin-left: 0;
    padding-left: 0;
}

.keycontributors li{
    list-style: none;
    display: inline;
    position: relative;

} 

.keycontributors ul li img{
    width: 66px;
    border-radius: 50%;
    border: solid 1px #0000;
    -webkit-box-shadow: 2px 8px 16px -6px #ab9d9d;
    box-shadow: 2px 8px 16px -6px #181212;
}
.keycontributors .keycount {
    position: absolute;
    bottom: -40px;
    background: #337ab7;
    height: 30px;
    left: 16px;
    color: #fff;
    width: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
 #save-new-team-role.btn-success
 {float: right;
    margin: 29px;
    position: absolute;
    right: -80px;
    width: 90px;
    z-index: 9;
    height: 35px;
    font-size: 16px;
    top: 50%;
}
#delete-team-role {
    float: right;
    margin: 29px;
    position: absolute;
    right: -80px;
    width: 90px;
    z-index: 9;
    height: 35px;
    font-size: 16px;
    top: 44%;
}
.delate-right-icon{
    position: relative;
    right: 1px;
    font-size: 29px;
    cursor: pointer;
    align-self: center;
}
.role-rowuser{
    padding: 5px;
}
.fixed-team-leader .role-rowuser{
    padding: 5px 10px;
}
.landing-page-access .fixed-header {
    margin-top: 20px;
}
.landing-page-access .rowuser, 
.landing-page-access .fixed-header {
    display: flex;
    margin-top: 20px;
}
.landing-page-access .fixed-body .rowuser>div,
.landing-page-access .fixed-header>div {
    height: 45px;
    margin-right: 1%;
    font-size: 18px;
    padding: 0px 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.landing-page-access .fixed-header > div {
    font-size: 20px;
    font-weight: bold;
}
.landing-page-access .fixed-body .rowuser>div:last-child,
.landing-page-access .fixed-header>div:last-child {
    margin-right: 0px;
}
.landing-page-access {
    display: inline-block;
    width: 100%;
}
.landing-page-access .r-w-20 {
    width: 20%;
}
.landing-page-access .r-w-30 {
    width: 30%;
}
.landing-page-access .rowuser div {
    background-color: #00489a;
    color: white;
}
.landing-page-access .rowuser .topp-cycle {
    width: 100%;
    height: 100%;
}
#dashboardAccess .save-landing-page-access {
    font-size: 18px;

}

body #new-note-modal .initiative-notesbtn{
    width: 100px;
}

#new-note-modal>.modal-dialog.notemodalcontainer,
#edit-note-modal>.modal-dialog.notemodalcontainer{
    height: 125vh;
    overflow: initial!important;
}
#edit-note-modal>.modal-dialog.notemodalcontainer,
#new-note-modal>.modal-dialog.notemodalcontainer {
width: 90%;
    margin: 30px auto;
    left: 0;
    border: #fff;
    background: #ffffffff url(/images/bg.png);
    padding: 35px;
    overflow: auto;
}
.right-algin{
    right: 0!important;
}
.left45,
.left20,
.left-40{
float: left;
    margin-right: 1%;
    background: #fff;
    height: 100%;

}
.left-40{
    width: 37%;

}
.left-40 .modal-content{
padding:20px;
min-height: 118vh;
} 
.left20{
    width: 20%;
}
.left45{
    width: 60%;
}
.notemodalcontainer #add-note-categories{
    position: relative;
    right: 0;
    width:auto;
    background-color: #fff;
    min-height: 0;
    bottom: 0;
    top: 0;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
}
.notemodalcontainer #add-note-subcategories {
    position: relative;
    right:0px;
    left: auto;
    width: auto;
    background-color: #fff;
    min-height: 70vh;
    top: 0;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    padding: 20px;
    margin-top: 15px;
}
.tagsh{
    font-size: 36px;
    font-weight: 600;
    color: #d5d0d0;
    text-align: center;
        margin-bottom: 40px;
}
.notemodalcontainer #add-note-categories-container{
    min-height: auto;
    /* overflow: auto; */
    max-height: fit-content;
    height: auto;
}
.notemodalcontainer .bt-add-note-url,
.notemodalcontainer .bt-add-note-attachment,
.notemodalcontainer .bt-add-proj-owner{
background: #ab9e9e;
    color: #fff8f8;
    border-radius: 3px;
}
.link-col-md label{
    position: relative!important;
    display: inline-block;
    top: 0!important;
}

.link-col-md {
    border: solid 1px #eee;
    padding: 10px;
    /* display: flex!important; */
    float: left;
}
.attachmentsrow{
    display: inline-block;
    width: 100%;
}    

.notemodalcontainer #add-note-categories-container>.note-category-modal{
    margin: 0 auto;
    width: 220px;
    float: left;
    margin-left: 5px;
}

.notemodalcontainer  .event-subtype-details{
top: -1%;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.notemodalcontainer .initiative-notesbtn{  
    position: fixed;
    right: -84px;
    z-index: 999;
    top: 80px;
    width: 80px;
    height: 50px;
    font-size: 20px;
}
.notemodalcontainer  #add-note-categories>h4{
    text-align: center;
}
.label-brow{
    border: solid 1px #d3d3d3;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border-radius: 4px;
}
.licens-btn,.all-faq-btn{
    background: #0061b5;
    padding: 10px;
    border: solid 1px #eee;
    width: 280px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
}
.licens-btn:hover,.all-faq-btn:hover{
    color: #fff;
}
.permission-consoleifo-modal .modal-dialog{
       width:1000px; 
}
.permission-console-modal .modal-dialog {
    width: 1200px;
}

.permission-console-modal .modal-title{
    font-size: 32px;
}
.permision-row{
display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 8px;
    border: solid 1px #eee;
    padding: 11px;
    position: relative;
    background: #fff;
            -webkit-box-shadow: 2px 8px 16px -6px #ededed;
box-shadow: 2px 8px 16px -6px #ededed;
}
.permision-row>div:first-child{
    width: 5%;
    text-align: center;
    border: solid 1px #a9a5a5;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    color: #000;
}
.permision-row .glyphicon-info-sign{
font-size: 24px;
    position: absolute;
    right: -43px;
    top: 26px;
    color: #535a5c;
    cursor: pointer;
}
.permision-row>div{
    float: left;
    margin-right: 15px;
    width: 30%;
}
.permision-row>div .form-control{
height: 45px;
    font-size: 18px;
}
.permission-consoleifo-modal .modal-body{
    display: inline-block;
    width: 100%;
    padding: 30px
}
.permission-console-modal .modal-body{
padding: 30px 80px 30px 50px;
}
.permission-consoleifo-modal{
background: rgb(0 0 0 / 44%);}
.console-rowh{
    background: #eee;
}
.console-rowh>div:first-child,
.console-row>div:first-child{
        width: 20%;
}
.console-row>div{
    width: 80%;
    float: left;
    border: solid 1px #eee;
    padding: 8px;
    font-size: 20px;
    color: #000;
}
.console-row{
        background: #fff;
        width: 100%;
        display: flex;
}
.console-rowh>div{
    width: 80%;
    float: left;
    border: solid 1px #eee;
    padding: 8px;
    font-size: 20px;
    background: #0061b5;
    color: #fff;
}
.console-row:nth-child(odd) {
    background: #f3f3f3;
}
.sec-h{
    font-size: 30px;
}
.upgrade-now{
    width: 240px;
    float: right;
    background: #61bd4f;
    color: #fff;
    height: 40px;
    font-size: 18px;
    display: block;
    text-align: center;
    padding-top: 3px;
}
.upgrade-row{
    float: left;
}
.upgrade-container{
    width: 100%;
    display: inline-block;
}
.upgrade-row{
    width: calc(100% - 310px);
    background: #fff;
    padding: 9px;
    margin-left: 65px;
}
.paidfreemodal .modal-dialog {
    width: 500px;
}

.paidfreemodal  .row-md-1{
        font-size: 18px;
    width: 350px;
    text-align: center;
    margin: 0 auto;
}
.paidfreemodal .upgradenul-btn {
    width: 298px;
    font-size: 14px;
}
.paidfreemodal .close-modal-icon img {
    width: 30px;
}
.paidfreemodal .close-modal-icon {
    right: -22px;
}
.myaccountemodalcontainer .modal-dialog{
    width: 500px;
    margin: 30px auto;
}

.myaccountemodalcontainer .presto-p-header{
    overflow: hidden!important;
    width: 100%!important;
    height: auto!important;
    background: none;
    color: #000;
}
.myaccountemodalcontainer  .presto-p-header>p {
    color: #000!important;
}
.myaccountemodalcontainer .save-add-contact{
        width: 100%!important;
            display: inline-block;
}
.myaccountemodalcontainer  label{
    font-size: 18px;
}
.myaccountemodalcontainer .presto-p-header>p {
    font-size: 32px;
    text-align: left;
    opacity: 10;
}

.myaccountemodalcontainer .ripple-effect-radius {
    overflow: hidden;
    background: #343030!important;
    color: #fff!important;
    font-size: 20px;
    text-align: center;
    width: 203px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 33px;
    cursor: pointer;
}
.myaccountemodalcontainer .form-control{
    height: 47px;
    background: #fff;
    font-size: 20px;
}
.myaccountemodalcontainer .col-sm-10{
    width: 100%!important;
}
.myaccountemodalcontainer .presto-input {
    height: 29px;
    position: relative;
    margin-bottom:35px!important;;
    width: 100%!important;
        display: inline-block;

}

.myaccountemodalcontainer .presto-input > input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    font-family: Yantramanav;
    font-size: 18px;
    padding-left: 4px;
    transition: all 0.3s;
    font-weight: bold;
    height: 49px;
    margin-bottom: 23px;
    display: inline-block;
}
.main-menu #bpo-back{
    top: 91px;
    left: -51px;
    z-index: 3;
}
.ui-droppable{
    max-height:500px;
}
#comingsoonmodal .modal-body{
    padding: 0px;
}
#comingsoonmodal .comsonimg img{
 width: 100%;
}

#comingsoonmodal  .modal-dialog {
    width: 800px;
}

.orgsuperadmincontainer .tablesorter-blue{
width: 100%;
}
.kanbanissues-plan{
        width: 30%;
    float: left;
    margin-left: 10%;
}
.kanbanissues-plan p{
    font-size: 24px;
    font-weight: 700;
}
.kanbanissues-plan #issues-kanban-link{
width: 100%;
margin-left: 0px;
}
#ClientRegistration{
    width: 100%;
}
.orgsuperadmincontainer{
    padding:30px 50px;
    background: #fff;
        overflow: auto;
            width: 100%;
            height: 100%;
}
.orgsuperadmincontainer .small-downloadimg img{
    float: none;
}
.orgsuperadmincontainer .contuser{
        padding: 5px;
    font-size: 18px;
    font-weight: 500;
}
.orgsuperadmincontainer .glyphicon-info-sign{
    cursor: pointer;
}


.orgsuperadmincontainer tbody tr td{
text-align: center;
}
.orgsuperadmincontainer th{
    text-align: center;
        border-right: solid 1px #cbc5c5;
            background: #e3f3fb;
}

.orgsuperadmincontainer .dataTables_wrapper .dataTables_filter input {
 margin-left: 0.5em;
    height: 48px;
    width: 250px;
    border-radius: 33px;
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 17px;
}
.orgsuperadmincontainer .dataTables_wrapper .dataTables_filter label{
    font-size: 21px;
}
.orgsuperadmincontainer .dataTables_wrapper .dataTables_length {
    float: left;
    display: none;
}

.orgsuperadmincontainer .dataTables_wrapper .dataTables_filter {
    position: absolute;
    top: -56px;
    right: 0;
}
.orgsuperadmincontainer  th {
font-size: 17px;
    height: 44px;
    padding: 4px 20px 0px 6px!important;

}
.orgsuperadmincontainer table.dataTable thead th{
    border-bottom: none!important;
}
.orgsuperadmincontainerth:first-child {
     border-left: solid 1px #c0adad;
}
.orgsuperadmincontainer td:first-child{
            border-left: solid 1px #c0adad;
}
.orgsuperadmincontainer  td {
    padding: 4px !important;
    height: 35px;
        font-size: 17px;
        border-right: solid 1px #c0adad;
         border-bottom: solid 1px #c0adad;
}
.orgsuperadmincontainer table.dataTable.no-footer {
     border-bottom: none;
}
.orgsuperadmincontainer  td div{
    cursor: pointer;
}
.orgsuperadmincontainer  tr:nth-child(even) {background-color: #f2f2f2;}
.orgsuperadmincontainer h1{
font-size: 30px;
    padding-bottom: 11px;
    font-weight: 700;
}

.issues-newflexrow.issues-b{
    border-right: 1px solid #d4d4d4!important;
}
.issuesnewdsh.issues-h>div,
.issues-newflexrow.issues-b>div {
    width: 20%;
    color: #000;
}
.issues-newflexrow.issues-b>div {
    color: #fff;

}
.issuesnewdsh.issues-h>div {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    border-right: solid 1px #c8c6c6!important;
    cursor: pointer;
}
.issuesnewdsh.issues-h>div:last-child{
        border-right: none!important;
}
.rightpansldeflow{
 position: absolute;
     transition: right .8s, opacity .2s;
     background: #fff;
     width: 30%;
     padding: 30px;
     top: 120px;
     z-index: 99;
     display:none;
     height: 800px;
     overflow: auto;
}
.rightpansldeflow ul {
    margin: 0px;
    padding: 0px;
        margin-top: 58px;
}
.rightpansldeflow ul  li{
    display: inline-block;
    font-size: 21px;
    background: #fff;
    border: solid 1px #eee;
    width: 100%;
    margin-bottom: 9px;
    text-align: left;
    padding: 8px 18px;
}
.rightpansldeflow ul  li span img{
width: 37px;
    border-radius: 37px;
    float: right;
    margin-right: 6px;
    position: relative;
    top: -4px;
}
.save-btnslide{
position: relative;
    float: right;
    top: -61px;
    width: 74px;
    font-size: 44px;
    line-height: 0px;
    background: #fff;
}
.save-btnslide.closed{
     transform: rotate(0deg);
     transition: all .8s;
}
.save-btnslide{
     transform: rotate(180deg);
     transition: all .8s;
}
.checklistsarch{
    background: #fff;
    padding: 18px 0px;
    position: fixed;
    z-index: 9;
    width: 100%;
    /* top: 0; */
    margin-top: -30px;
}
.checklistsarch input{
height: 41px;
    width: 300px;
    /* float: right; */
    font-size: 20px;
    padding-left: 12px;
    margin-left: 180px;
    border-radius: 5px;
}

.droppable-area li.ui-draggable {
height: auto!important;
    padding: 19px;
    font-size: 20px;
    border: dotted 3px #eee;
}

.droppable-area li.ui-draggable span img {
    width: 90px;
    position: relative;
    margin-top: 17px;
    display: inline-block;
}
.droppable-area li.ui-draggable span{
    display: block!important;
    padding: 0px!important;
    height: auto!important;
}

.goal-list-icon img{
        width: 52px;
            position: relative;
    top: 27px;
    cursor: pointer;
}
.favhrticon{
    position: absolute;
    top: 94px;
    font-size: 22px;
    left: 15px;
}
.goal-m img {
    width: 52px;
    position: relative;
    top: 49px;
    cursor: pointer;
}
#change-mgmt-panel .m-chane-btn.views-container>.btn-group>button{
        width: 16.5%;
}
.m-hrterbtn{
    position: relative;
    font-size: 22px;
    left: 38px;
    top: 38px;
}
.select-tooltip-container {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }

    .select-tooltip {
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc;
        padding: 10px;
        z-index: 1;
        width: 243px;
    }

    .select-tooltip-option {
        cursor: pointer;
        padding: 5px;
        margin: 5px 0;
        display: inline;
        float: left;
    }
    .tooltip-click{
        width: 10px;
        height: 5px;
    }
.bg-red{
    background: red;
}
.bg-yellow{
    background: yellow;
}
.bg-green{
    background: green;
}
.arrow {
  display: inline-block;
}

.right {
 /*
 The lect and right on procees checklist shows incorrecly so commented 
 transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);*/
}

.left {
 /* 
 tool tip showing incorrecly so commented 
 transform: rotate(135deg);
  -webkit-transform: rotate(135deg);*/
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.idea-vote-down-btn .up {
    transform: rotate(-0deg);
    -webkit-transform: rotate(-0deg);
  }
  .idea-vote-down-btn .down {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }


.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.select-multiple-options{
    height: 37px;
    border: 1px solid #c5c5c5;
    padding: 5px 7px;

}
.option-placeholder{
    float: left;
    width: 90%;
}
.priority-options{
    position: absolute;
    z-index: 3;
    border: 1px solid #c5c5c5;
    width: 211px;
    background: #fff;
    padding: 3px 7px;
    box-shadow: 3px 6px 10px #cecece;
    display: none;
}
.priority-options label{
    display: block;
    cursor: pointer;
}
.priority-check{
    margin-right: 5px !important;
    cursor: pointer;
}
.priority-picker-panel{
    cursor: pointer;
}
ul.status-ul li{
    margin: 8px 0;
    height: 35px;
}
.status-cycles{
    height: 45px !important;
}
#kanban-notification-alert-modal.notification-modal-container .modal-body{
    overflow: visible !important;
}
.priority-check{
    float: left;
}


.outcome-modal .modal-dialog{
top: 100px;
width: 700px;
}
.outcome-modal .material-checkbox{
        font-size: 26px;
}
.outcome-modal .material-checkbox>input[type="radio"]+span::before {
    content: "";
    width: 36px;
    height: 36px;
    top: 10px;
    position: relative;
}
.outcome-modal .material-checkbox>input[type="radio"]+span::after {
    content: "";
    top: 10px;
    left: 8px;
    width: 20px;
    height: 20px;
}
.outcome-modal  .modal-content{
    padding: 30px 50px 0px 50px;
}
.outcome-modal .adv-settings .cr-header{
    font-size: 32px;
    font-weight: 800;
        padding-top: 0;
}
.outcome-modal .select-all-row{
        margin-bottom: 13px;
}
.cr-sub{
    font-size: 24px;
    padding-bottom: 14px;
    border-bottom: solid 1px #eee;
    margin-bottom: 30px;
}

@media (min-width: 2500px){
    body {
zoom: 1.15;    }
}
@media (min-width: 4000px){
    body {
        zoom: 2.15;
     }
}



#kanban-notification-alert-modal .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

/*.showhosin03img{
    width: 91px;
    position: absolute;
    height: 91px;
    left: 164px;
    bottom: 96px;
}
.showhosin03img img{
    width: 91px;
}*/
#upgrade-now-inititives{
    width: 84px;
    padding: 0px;
    line-height: 1px;
    height: 31px;
    font-size: 13px;
    font-weight: 400;
    border: solid 1px #403a3a;
        margin-left: 15px;
        background-color: #fff700;
}
.hp-editlabel span{
float: left;
font-weight: bold;
}
.hp-editlabel span:hover{
    color: #000!important;
}
.showhosin03img:hover img{
  /*animation: animName 3s linear infinite;*/
    transform: scale(1.1);
}
.showOrg03img{
/*    width: 91px;
    position: absolute;
    height: 91px;
    left: 24px;
    bottom: 93px;*/
}
.showOrg03img img{
/*    width: 91px;*/
}

@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(90deg);
   }
}

/*#user-utilities .alert-slide{
    position: relative;
    left: 0px;
    cursor: pointer !important;
    float: left !important;
    margin-right: 12px !important;
}*/


.rightaccmenu-panel .alert-slide{
        position: relative;
    left: -34px;
    cursor: pointer !important;
}
#alert-panelslider, #monthly-archive-panelslider {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 30%;
    z-index: 15;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    right: -35%;
    opacity: 1;
    transition: right .8s, opacity .2s;
    height: 100%;
    background: #fff;
}
#alert-panelslider .tab-content,#monthly-archive-panelslider .tab-content {
    padding: 20px;
    overflow: auto;
    height: 1100px;
    font-family: SourceSansPro;
}
#alert-panelslider .nav-tabs>li>a{
        font-size: 19px;
}

#alert-panelslider  .nav-tabs>li.active>a, #alert-panelslider .nav-tabs>li.active>a:hover, #alert-panelslider  .nav-tabs>li.active>a:focus{
    border-radius: 0px;
    background: #cccccc;
    border: none;
    color: #000000;
}

#alert-panelslider  .right-panel-container,#monthly-archive-panelslider .right-panel-container{
    background: #fff;
}
#alert-panelslider .nav-tabs>li{
    width: 30%;
    text-align: center;
    font-family: SourceSansPro;
    font-weight: bold;
}
.alert-slide > span{
    position: absolute;
    width: 20px;
    height: 20px;
    background: #f00;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    top: -5px;
    right: -2px;
    border: solid 1px #fffafa;
    font-size: 12px !important;
}
.alert-newspanel,.archive-list-panel {
    padding: 15px 10px;
    position: relative;
    border-bottom: solid 1px #eee;
        width: 100%;
    display: inline-block;
    background: #fff;
    cursor: pointer;
}
.alert-newspanel:nth-child(odd),.archive-list-panel:nth-child(odd){
       background: #fbfbfb;
}

.alert-newspanel:hover,.archive-list-panel:hover{
    background: #e6eef4;
}
.alert-pic{
    float: left;
    width: 70px;
}
.alert-text-container{
        float: left;
    width: calc(100% - 70px);
    padding-left: 10px;
}
.alert-pic img{
    max-width: 60px;
    max-height: 60px;
    border-radius: 100px;
    margin-top: 0;
    image-rendering: -webkit-optimize-contrast;
    border: solid 2px #d7f9e0;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.alert-text-container p{
    font-size: 1.4em;
    line-height: normal;
}

.alert-slide span.active{
       display: flex !important; 
}
.notification-type{
    height: 28px;
    width: 28px;
    background-position: 0px;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    display: inline-block;
    object-fit: cover;
    vertical-align: -0.25em;
    position:absolute;
    top: 60%;
    left: 8%;
    background-color: #efefef;
}
.notification-unread,.user-login-status{
    background-color: #1985E1;
    height: 15px;
    width: 15px;
    position: absolute;
    border-radius: 50%;
/*    right: 10%;*/
    top: 75%;
}
.user-login-status{
    background-color: #1985E1;
}

.notification-time-ago-panel{
    float: left;
    width: 70%;
    font-size: 14px;
    color: #1985E1;
    font-weight: bold;
}
.notification-item-bottom{
    width: 100%;
}
#notification-filter-menu{
    padding: 3px 0%;
    float: left;
    width: 100%;
    transition: position .8s, opacity .5s;
    position: relative;
/*    top: 50px;*/
    height: 92px;
    z-index: 1;
     background: #cbcbcb;
    box-shadow: 2px 2px 7px 1px #F2F2F2;
    -moz-box-shadow: 2px 2px 7px 1px #F2F2F2;
    -webkit-box-shadow: 2px 2px 7px 1px #F2F2F2;
}
.notification-filter-item{
    float: left;
    width: 10%;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.notification-filter-items-panel{
    margin-bottom: 10px;
    height: 40px;
}
.search-notification-funnel{
    background: #0061b5;
    padding: 10px 10px 11px 10px;
    color: #fff;
    border-radius: 0px;
    cursor: pointer;
    float: left;
    margin: 0px 7px;
}
.search-notification-panel{
    width: 100%;
}
.search-notification-input{
    width: 80%;
    margin-left: 7px;
    float: left !important;
}
.notification-clear{
    font-size: 12px !important;
    color: white;
    font-weight: bold !important;
    height: 34px;
    margin-left: 7px;
}
.notification-menu-icon{
    font-size: 25px;
    opacity: 0.5;
    color: #00489a;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px auto 0;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.25);
}
.notification-menu-icon>img{
    width: 30px;
}
.notification-menu-icon.active{
    opacity: 1;
}
.notification-clear{
    opacity: 1 !important;
}
@keyframes Tslide {
  from {
    top: 0;
  }
  to {
    top: 50px;
  }
}

#user-utilities.utility-row #header-helpdesk{
    float: right;
    margin-right: 30px;
    cursor: pointer;
}
#PaidFreeUserModal .upgradenul-btn{
    margin: 28px auto !important;
}
#kpis-container-upgrade .fetured-section-row{
    padding: 6px 31px  !important;
}

.rowfld20 textarea,
.rowfld20 input{
    height: 80px!important;
    padding: 15px!important;
}
.okr-container .presto-table-b .row.kpisbrow > div,
.okr-container .presto-table-b .row.rowfld20  > div{
    padding: 0px!important;
    margin: 0px!important;
}
body .okr-container .presto-table-b .row.kpisbrow .macro-title{
    padding: 10px!important;
}
.kpisbrow .kpi-code-editimg,
.rowfld20 .kpi-code-editimg{
height: 65px;
    width: 65px;
    border-radius: 5px;
    margin-top: 5px;
}
.rowfld20 .macro-dltrow{
}
.rowfld20:nth-child(odd) {
    background: #f3f3f3;
}
.kpisbrow,
.rowfld20{
width: 100%;
    overflow: hidden;
    height: 80px;
}
.okr-container .presto-table-b .row.kpisbrow > div,
.okr-container .presto-table-b .row.rowfld20 > div{
      height: 80px;  
}
.macro-dltrow>div{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
    font-size: 30px;
    color: #837f7f;
    cursor: pointer;
}
.presto-table-b .row.fld20>div>input{
        padding-left: 10px;
}
.modify-kpi-subtype,
.modify-kpi-type{
   /* background: #0061b5;
    padding: 5px 10px;
    margin-bottom: 8px;*/
    float: right;
    color: #101010;
    font-size: 15px;
    text-decoration: underline;
    margin-top: -30px;
    z-index: 10000000;
    position: relative;
    right: 44px;
    /*border: solid 1px #337ab7;*/
}

.kpitypes-popup .sub-codes-container .row.rowniphe{
        overflow: hidden;
    height: auto!important;
    display: flex;
    background: #fff;
        margin: 0px 0px 2px 0px;
}
.rowniphe .tarshw{
    width: 13%!important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.okr-container .presto-table-b .row.rowniphe > div{
    margin: 0px!important;
}

.row-inp.rowniphe input{
    border: none;
}
.presto-table-b .row.new-subcode >input,
.presto-table-b .row.rowniphe >div>input{
    padding-left: 15px;
        border: none!important;
}
.presto-table-b .row.new-subcode >input{
    height: 50px!important;
}
.kpitypes-popup .sub-codes-container .row.new-subcode{
height: auto!important;
    background: #fff;
}
.kpi-types-btn {
    padding-left: 118px;
    margin-top: 5px;
}

.row-active .info-popu .fa{
        background: #42a5f5;
    color: #fff;
}

#kpi-subtype-popup .row-active {
    border: #3F51B5 4px dotted!important;
}

#kpi-subtype-popup .info-popu{
position: relative!important;
    top: 9px;
    left: 0px;
}
.addlabelh{
    line-height: 23px;
    padding: 8px 0px;
}
.overdue-count1 span{
     position: absolute;
    bottom: -29px;
    background: #f30808;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -39px;
    border-radius: 50%;
    color: #fff;
    font-size: 2.6em;
    border: solid 3px #fff;
    font-weight: bold;
    font-family: 'sans-serif';
}
.overdue-count1{
  position: relative;
}
.ui-tooltip {
/*    display:none !important;*/
    /* Your custom styles here */
}

.myteamcontainer .modal-dialog{
    width: 80%;
    margin: 30px auto;
    margin-top: 36px;
}
.myteamcontainer .modal-content{
    background: none!important;
    box-shadow: none!important;
    border: none!important;
}
.myteamcontainer .activity-roadmap-close {
    right: -64px!important;
}
.current-click .addpphoto{
    position: relative;
    z-index: 1060;
}

.myteamcontainer .modal-body{
    min-height: 800px;
}
.myteamcontainer .myteamrow {
    background: #fff;
    padding: 30px;
    float: right;
    height: 800px;
    margin-left: 0px;
    width: 1250px;
}
.myteamcontainer .myteamrowcontainer {
    width: 100%;
    display: inline-block;
}
.leftworkbench-row{
    border: solid 1px #000;
}

.myteamrowcontainer .presto-card{
    padding: 0px 20px;
    line-height: 22px;
    height: 63px;
    margin-bottom: 10px;
    border-radius: 16px!important;
}
.myteamrowcontainer .cards-containerin {
border: dotted 4px #fff;
    padding: 9px;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 40px;
    display: inline-block;
}
.myteambtn .teamchartbtn{
width: 100%;
    float: left;
    height: 60px;
    background: #ffffff;
    color: #005b80;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    border-radius: 16px!important;
        margin-bottom: 10px;
    text-align: center;
    transition: all 0.4s;
    border: none;
}
.myteambtn .addteambtn{
    width: 100%;
    color: #fff;
    text-align: center !important;
    align-items: center !important;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    border-radius: 16px !important;
    margin-bottom: 10px;
    border: none;
    background: transparent;
}
.myteamrowcontainer .active a{
    color: #fff;
}
.userpanimg {
    width: 130px;
}
.userpanimg img{
    width: 100%;
}
.down-img{
    margin-top: 50px;
}
.usermdtoprow{
    width: 100%;
    display: inline-block;
}
.innerdatauserp p{
font-size: 22px;
position: relative;
cursor: pointer;
    width: fit-content;
}
.col-md-02{
    float: left;
    width: 10%;
}
.innerdatauserp .p-data{
font-weight: 600;
}
.pdata-arearow{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.panelrightcheck{
    border: solid 1px #ccc;
        overflow: hidden;
       padding: 27px 0px 10px 10px;
       height: 158px;
}
.panelrightcheck .form-group{
        display: inline-block;
    width: 100%;
}
.col-md-010{
    width: 90%;
    float: left;
        padding: 0px 0px 0px 30px;
}
#personnel-container{
        width: 100%;
    display: inline-block;
        border-top: solid 1px #eee;
    padding-top: 20px;
    margin-top: 22px;
}
.pdata-arearow .text-breack{
    width: 80%
}
.pdata-inputrow{
    width: 100%;
    display: inline-block;
    border-top: solid 1px #eee;
    padding-top: 20px;
    margin-top: 11px;
}

.pdata-inputrow .rs-title, .pdata-inputrow .rs-count, .pdata-inputrow .rs-cbox {
    font-size: 20px;
    margin-bottom: 5px;
    float: left;
    padding: 6px;
    border-radius: 6px;
    font-weight: 600;
    border: 2px solid #686fb1;
}
.pdata-inputrow .rs-checkbox {
    font-size: 20px;
    float: left;
    padding-left: 15px;
    font-weight: 600;
}
.pdata-inputrow .rs-title {
    width: calc(40% - 5px);
    margin-right: 5px;
        font-weight: 600;
}
.pdata-inputrow .rs-count {
width: 29%;
    margin-right: .5%;
}
#roles-container.pdata-inputrow .rs-count{
    width: 17% !important;

}
.pdata-inputrow .ttle,#personnel-container .ttle{
    font-size: 24px;
    font-weight: bold;
    padding-left: 4px;
    margin-bottom: 25px;
    text-align: left;
}
.pdata-inputrow .colmdscrol{
display: inline-block;
    width: 100%;
    padding: 0px 5px;
    min-height: 200px;
    overflow: auto;
    max-height: 400px;
}
#team-description .form-control{
        border: dashed 3px #818181;
}
.rw-fld2{
  border: dashed 3px #818181;
      height: 156px;
          display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    text-align: center;
        width: 155px;
            float: right;
}

.innerdatauserp .edit-teamdata {
    position: absolute;
    right: -55px;
    top: 0px;
    width: 34px;
    cursor: pointer;
    height: 34px ;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #e1e1e1;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #000;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.2s;
    display: flex;
}
.innerdatauserp .p-data:hover .edit-teamdata,
.innerdatauserp p:hover .edit-teamdata{
    opacity: 1;
}
.myteamrow .wuw-50{
        width: 70%;
    float: left;
}
.myteamrow .wuw-30{
        width:30%;
    float: right;
}

.myteamrow .tl-data>input{
    position: absolute;
    width: 300px;
    margin-left: 20px;
    padding-left: 44px;
}

.personnel-tbrow>.row>div:first-child {
    width: 50px;
    float: left;
    margin-right: 5px;
    height: 50px;
    border: 2px solid #686fb1;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
}
.personnel-tbrow>.row>div:nth-child(2) {
    width: calc(39% - 135px);
    float: left;
    margin-right: 5px;
    height: 50px;
    border: 2px solid #686fb1;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-top: 9px;
    padding-left: 20px;
}
.personnel-tbrow>.row>div:nth-child(3) {
    width: calc(34% - 10px);
    float: left;
    margin-right: 5px;
    height: 50px;
    border: 2px solid #686fb1;
    border-radius: 6px;
    background: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-top: 9px;
    padding-left: 16px;
}

.personnel-tbrow>.row>div:nth-child(n+4):nth-child(-n+5) {
    width: calc(17% - 10px);
    float: left;
    margin-right: 5px;
    height: 50px;
    border: 2px solid #686fb1;
    border-radius: 6px;
    background: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-top: 9px;
}
.personnel-tbrow>.row>div:nth-child(16) {
    width: 50px;
    float: left;
    height: 50px;
    border: 2px solid #686fb1;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    padding-top: 9px;
}

 .personnel-tbrow input{
    border: none;
    width: 95%;
}
.pers-photo>img {
    border-radius: 4px;
}
#personnel-th,#roles-th {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}
#personnel-th>div:not(.ci-cell):not(.ci-comp-cell) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #fff;
}
#personnel-th>div:nth-child(2) {
    width: calc(34% - 10px);
    float: left;
}
#personnel-th>div:nth-child(n+3):nth-child(-n+4) {
    width: 17%;
    float: left;
}
#personnel-th>div:first-child {
    width: calc(39% - 135px);
    margin-left: 55px;
    float: left;
}
.personnel-tbrow .row {
    margin-bottom: 5px;
}
.personnel-tbrow>.row>div{
    font-size: 14px;
}
.pdata-inputrow #roles-th {
    float: left;
    width: calc(100% - 10px);
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
    clear: both;
}
.pdata-inputrow #roles-th>div:first-child {
    float: left;
    width: calc(45% - 40px);
}
#roles-container.pdata-inputrow #roles-th>div:first-child{
    width: calc(43% - 32px) !important;
}
#or-th>div, #roles-th>div, #kpis-th>div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.pdata-inputrow #roles-th>div:nth-child(n+2) {
    float: left;
    width: 28%;
}
#roles-container.pdata-inputrow #roles-th>.pa-txtcenter{
    width: 4.5% !important;
}
#roles-container.pdata-inputrow #roles-th>div:nth-child(n+2):nth-last-child(n+3){
    width: 17.5% !important;
}
.pdata-inputrow .role-name {
    float: left;
    width: calc(60% - 45px);
    margin-right: 5px;
    height: 50px;
    border: 2px solid #686fb1;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 0.5em;
}
.pdata-inputrow .role-pa, .pdata-inputrow .role-aa {
    float: left;
    width: calc(16% - 5px);
    margin-right: 5px;
    height: 50px;
    border: 2px solid #686fb1;
    background: #fff;
    border-radius: 6px;
    font-size: 16px;
    padding-top: 9px;
}
.pdata-inputrow input {
    width: calc(100% - 0px);
    float: left;
    border: none;
    text-align: center;
    padding-left: 15px;
    height: 100%;
    border-radius: 4px;
}
#roles-container.pdata-inputrow input{
    padding-right: 9px !important;
}
.current-click .org-team-block.current:before ,.dasboardhrow.current:before{
    content: "\f0a8";
    font-size: 48px!important;
    color: #0061b5;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 70px;
    z-index: 1060;
    top: 3px;
    height: 44px;
    width: 45px;
    background: #fff;
    border-radius: 50%;
    border: solid -1px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.org-team-block{
    position: relative;
}
.innerdatauserp .tl-data>.location-name{
        margin-left: 20px;
}
.personnel-tbrow .rs-count1 input{
    text-align: center;
}
#roles-th .left-align,
#personnel-th .left-align {
    justify-content: left!important;
        padding-left: 7px;
}
.nav-h1{
color: #fff;
    font-size: 25px;
    text-align: center;
    margin-top: 4px;
}
.rw-fld2 img{
    width: 133px;
}
#personnel-container .rs-count,.colmdscrol .role-pa1 {
     border: dashed 2px #000!important;
}
.colmdscrol .highAlloc{
    color: #f00!important;
}
.colmdscrol .highAlloc input{
    background-color: yellow;
}
.colmdscrol .lowAlloc{
    color: #61BD4F!important;
}
.colmdscrol .lowAlloc input{
    background-color: yellow;
}
.activemod-close{
          font-size: 105px;
    top: -78px;
    position: absolute;
    right: -100px;
    color: #fff;
}
.myteamrow #personnel-container .ttle,.myteamrow #roles-container .ttle,.myteamrow #teamprocess-container .ttle {
    margin-bottom: 0px !important;
    font-size: 30px !important;
}
.rolebuttonrwset{
    display: inline-block;
    width: 100%;
        margin-top: 30px;
}
.rolebuttonrwset .btn{
    margin-bottom: 11px;
    width: 222px;
    font-size: 20px;
    padding: 10px 13px;
    cursor: pointer;
    background: #fff;
    border: solid 1px #817474;
         border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: -2px;
}
.rolebuttonrwset .btn.active{
        background: #0061b5;
    color: #fff;
}
.checkrolemo{
float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -4px;
}
.checkrolemo .md-check-label{
        font-size: 21px;
    position: relative;
    left: -14px;
    font-weight: 700;


}

.checkrolemo .checkbox{
    margin-top: -5px;
}
.checkrolemo  .left-mrg-0{
    display: flex;
}
.checkrolemo .checkbox-btns label.checkbox::before {
    content: '';
    height: 29px;
    width: 29px;
}
.checkrolemo .checkbox-btns .glyphicon-info-sign{
    top: 11px !important;
    left: -8px !important;
    cursor: pointer;
}
.myfavteam{
    padding: 0 0 0 9px;
    font-size: 17px;
    cursor: pointer;
}
.myfavteam.active{
    color: #ff0000;
}
.checkrolemo .checkbox-btns label.checkbox span{
    top: 11px;
    left: 10px;
}
.modfllbl{
 position: relative;
    top: 71px;
    background: none;
}
.supkpi .modfllbl{
 position: relative;
    top: 60px;
    background: none;
}

.link-container ul li{
background: #fff;
    border-radius: 5px;
    border: solid 1px #b1b0b0;
    padding: 12px;
    width: 150px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    border-radius: 9px;
    margin-bottom: 6px;
    list-style: none;
}
.link-container ul li a{
    color: #000;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.role-details-col{
    cursor: pointer;
}
.talent-row{
    width: 100%;
    float: left;
    text-align: right;
    margin-bottom: 5px;
    padding-right: 10px;
}
.talent-difficulty, .roles-talent-difficulty{
    width: 105px;
    font-size: 13px;
    line-height: 2;
    border-radius: 4px;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.talent-row>p{
    float: right;
    line-height: 1.75;
    width: calc(100% - 110px);
}
#info-roles-responsibie-modals{
    z-index: 1052;
}
.link-container ul{
    margin: 0px;
    background: #fff;
    width: 170px;
    padding: 11px;
}
.change-activites  li {
      background: rgb(0 0 0 / 11%) !important;
        color: #fff!important;
}
.change-activites li img{
        width: 60px;
        margin-right: 10px;
}
.clintcontainer h2{
    color: #fff;
    padding: 20px 0px;
        padding-left: 20px;
}
.clintcontainer h2 img{
    width: 65px;
    float: right;
    margin-top: -6px;
    margin-right: 10px;
}
.change-activites  li span {
    font-size: 31px!important;
    background: #00000045!important;
}
.clintcontainer .clintmsgac img{
    width: 65px;
    position: relative;
    left: -21px;
    top: 15px;
    float: right;
}
/* .right-parent-projects-lists h2 span{
    margin-top: -60px;
} */
.mh2{
    color: #fff;
    font-size: 39px;
    padding: 21px;
    margin-top: 0px;
    display: inline-block;
    padding-top: 10px;
}
.widget .menu .list {
    right: -75px !important;
    top: -154px;
    padding-right: 74px;
    width: max-content;
    z-index: 9;
}
.widget.active .widgets-btn {
    /* display: none; */
    position: absolute;
    right: -1000;
    z-index: -99;
}
.widget.active .menu .toggle span{
    cursor: pointer;
}
#go-simple-view-btn{
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 1;
}

.actionmenubtn #close-button
{
    display: none!important;
}
.widget.active .menu .toggle{
transition: none!important;
}
.process-scroecontainer .table-container{
    height: 110vh;
    min-height: 110vh;
}
#kb-owner-popup .cp-row-container{
    background: none;
}
.row-user02>div{
    height: 29px!important;
}
.mh-100{
    height: 100vh!important;
}
.ui-sortable-placeholder { 
     background:#eee !important; 
     visibility: visible !important;
     }  
.row-user .fa-hand-grab-o{
    opacity: 0;
}
.row-user:hover .fa-hand-grab-o{
    opacity: 10;
}



@media only screen and (min-width: 1600px) {
.spanCount-10{
    opacity: 0!important;
}
.spanCount-8{
   opacity: 9!important;}
}


.report-sheet.issuerowreportsheet{
    width: 1100px;
}
.issuerowreportsheet .rsh-data{
    width: calc(92% - 80px);
}

.issuerowreportsheet .owners-list{
    float: right;
    width:60px;
    margin-right:15px;
}

.issuerowreportsheet .checklist-row .checklist-tasks-container>.tasks-finish-label {
    position: absolute;
    right: 0px;
    top: -56px;
    font-size: 1.8em;
}

.issuerowreportsheet  .report-sheet-header .rsh-title {
    font-size: 26px !important;
    line-height: 32px;
}
.issuerowreportsheet.report-sheet .report-sheet-header{
border-bottom: solid 1px #a5a5a5;
padding-bottom: 23px;
}

#issues-report .issuerowreportsheet .checklist-tasks-container .row:nth-child(odd) {
    background: #eee;
}

.issuerowreportsheet  .owners-list>.owner-box>img {
    width: 60px;
    height: 60px;
    margin: 8px 0px;
    position: relative;
    top: 5px;
}
.issuerowreportsheet  .rsh-icon{
    margin-top: 5px;
}
.project-okr .drag-droparearow .ui-droppable{
    max-height: 560px;
}
.pmangmet-listr{
    width: 100%;
    display: inline-block;
}
.pmangmet-list li{
    display: inline;
    padding: 0!important;
    font-weight: 700;
    font-size: 18px!important;
}
.pmangmet-list{
top: -9px;
position: relative;
float: right;
}
.pmangmet-list span{
    padding-left: 30px;
    padding-right: 5px;
}
.pmangmet-list .plisl0 span{
    padding: 0!important;  
}
.op-rp-scroll-right{
    display: none!important;
}
/*
@media screen and (min-width: 1500px) {
    .over-nohidden .completion-perc {
        height: 29px;
                display: flex !important;
                align-items: center;
                justify-content: center;
    }
    .planned-finish-date.planned02 {
        margin-left: 47px !important;
        height: 29px;
                display: flex !important;
                align-items: center;
                justify-content: center;
    }
    .hd-toplistmenu02 .fst-04 {
        left: 16px;
    }
    .hd-toplistmenu02 .fst-03 {
        left: 14px;
    }
    .hd-toplistmenu02 .fst-02 {
        position: relative;
        left: 10px;
    }


}*/

body .modal-body #kpi-workbench-container.opexpanelcontainer #opex-records-panel .opw-10{
    width: 10%!important;
}
body .modal-body #kpi-workbench-container.opexpanelcontainer #opex-records-panel .opw-8{
    width: 8%!important;
}
body .opexpanelcontainer #opex-records-panel .opw-35{
    width:34%!important;
}
#opex-records-panel .presto-table-h>div {
    overflow: hidden;
}
.opexpanelcontainer #kpi-workbench-details-modals #opex-filter-subcat{
    height: calc(100% - 0px);
}



.opexpanelrowcontainer #opex-filter-status{
    width: 436px;
        display: block;
            height: 50px;
            background: none;
}
.opexpanelrowcontainer .status-filter-item {
    width: 100px;
    float: left;
    display: inline;
        padding-top: 11px;
    padding-left: 20px;
}
.opexpanelrowcontainer .status-filter {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-left: 7px;
}

.opexpanelrowcontainer #kpi-filters-box {
    width: 436px!important;
    height: 120px;
    padding-top: 20px;
}
.opexpanelrowcontainer .kpi-filter-h{
    font-size: 16px !important;
    padding-top: 4px;
    height: auto !important;
        padding-bottom: 5px;
}
.opexpanelrowcontainer .kpi-f-item{
    font-size: 18px !important;
    padding-top: 10px;
}

.opexpanelrowcontainer .kpi-f-item{
        border: solid 1px #eee!important;
}
#kpi-workbench-details-modals .opexrowfld #opex-filter-cat{
    width: 47%;
    position: absolute;
    top: -94px;
    right: 40px;
    border: none;
    height: auto;
}
.addkpibtn{
    float: right;
    font-size: 19px;
    background: #fff;
    padding: 10px 15px;
    color: #000;
    border-radius: 4px;
    margin-top: -5px;
    z-index: 9;
    position: relative;
}
.opexrowfld#opex-filter{
    overflow:visible;
}

.opexrowfld .fc-item>img{
    background: #fff;
}

#kpi-workbench-details-modals .opexrowfld #opex-filter-subcat{
    height: calc(100% - -3px);
}

.opexrowfld .label-popup{
    display: none!important;
}
.opexrowfld  .fsc-checkbox {
    height: 25px;
    width: 25px;
    margin-top: -0px;
    border: solid 1px #0061b5;
    border-radius: 2px;


}

.opexrowfld #opex-filter-status p{
    float: left;
    font-size: 1.4em;
    padding: 10px 10px;
    font-weight: 600;

} 
.projmgmtbtnr{
    display: flex;
  width: 100%;

}

.mandatory{
    color: red !important;
}

#issue-root-causes-container .row {
    display: flex;
    align-items: center;
    padding: 12px 0;
    width: 100%;
    border-bottom: solid 1px #eee;
}
#issue-root-causes-container .font-1 {
    margin-right: 10px;
    width: 100%;
    font-size: 17px;
}
#add-new-issue-cause-modal #issue-cause-group-dropdown {
    height: 40px;
    width: 86%;
    font-size: 15px;
    padding-left: 8px;
}
#issue-cause-group-issue-dropdown{
    height: 40px;
    width: 100%;
    font-size: 15px;
    padding-left: 8px;  
}


#add-new-issue-cause-modal .btn-default {
    color: #333;
    background-color: #0061b5;
    border-color: #ccc;
    margin-top: 0px;
    color: #fff;
    width: 92px;
    font-size: 17px;
}

#add-new-issue-cause-modal .cp-row-container{
    background: none;}

 #add-new-issue-cause-modal   .material-checkbox>input[type="radio"]+span::after   {
    content: "";
    top: -2px;
    left: 2px;
    width: 16px;
    height: 16px;
 } 
 #add-new-issue-cause-group-modal .modal-footer, 
 #add-new-issue-cause-group-issue-modal .modal-footer, 
 #add-new-issue-cause-modal .modal-footer {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
#add-new-issue-cause-modal .h3supkpi{
    margin-top: 0px;
}
.mrgtopsec{
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
#add-new-issue-cause-modal .team-list-item{
    border: none;
}

.mrgtopsec .material-checkbox>input[type="radio"]+span::before{
    width: 30px;
    height: 30px;
}

.mrgtopsec  .team-list-item span{
    position: relative;
    font-size: 19px;
    top: -1px;
}
#add-new-issue-cause-group-modal .modal-title,
#add-new-issue-cause-group-issue-modal .modal-title,
#add-new-issue-cause-modal .modal-title {
    font-size: 22px;
    font-weight: 600;
}
#add-new-issue-cause-group-issue-modal .cp-row-container {
    background: none;
}
#add-new-issue-cause-group-issue-modal h3{
    font-size: 19px;
}
#issue-root-causes-container{
    margin-top: 25px;
    display: inline-block;
    width: 100%;
}


#add-new-issue-cause-group-modal .modal-header .close,
#add-new-issue-cause-modal .modal-header .close,
#add-new-issue-cause-group-issue-modal .modal-header .close {
    margin-top: -32px;
    font-size: 28px;
    position: absolute;
    right: -16px;
    color: #fff4f4;
    opacity: 9;
    background: #3eb5e2;
    width: 40px;
    border-radius: 30px;
    height: 40px;
    /* left: -9px; */
}
#issue-root-causes-container .fa-info-circle {
    font-size: 22px;
}
#issue-root-causes-container .kpi-delete-reason-code {
    font-size: 21px;
}
#add-new-issue-cause-modal .kpis-issue-group-reason-container{
height: 480px;
overflow: scroll;
position: relative;
width: 100%;
scrollbar-width: none;
}
#view-issue-reason-modal .issue-cause-code {
    width: 28% !important;
    float: left;
    margin-right: 1%;
}

.noteformmodal label{
    font-size: 16px;
}

.close-btnlg.close.btnbg:hover, .close-btnlg.close.btnbg:focus {
    color: #fff;
}
#add-note-people-modal label,
#calendar-modal label{
    font-size: 16px!important;
}
.cp-row-container label {
    font-size: 16px!important;
    margin: 7px 0px;
}
#kpi-editbox .contact-input label {
    font-size: 16px!important;
    font-weight: bold!important;
    top: -5px;
}
#projectleftuserrow .form-control{
    font-size: 16px!important;
}
#kpi-workbench-details-modals input{
    font-size: 17px!important; 
}
#sipoc-workbench-popup .modal-content{
    background:#fff!important ;
}
#kpi-opex-right-container .nav-justified li a{
    font-size: 18px;
    padding: 10px 0px;
}
#add-day-exception-modal p,
#add-day-exception-modal textarea.form-control{
    font-size: 18px!important; 
}
#edit-kpi-popup .owner-box{
    margin-top: 27px;
}
#edit-kpi-popup  #pKpiDescription,
#edit-kpi-popup .pop-label-33 h3{
    font-size: 17px;
}



#sipoc-workbench-popup .nav-tabs.nav-justified>li>a {
    font-size: 15px;
}
#object-data-container span,
#object-data-container label{
    font-size: 17px!important;
    text-align: left;
}
#object-data-container .media-right-datepicker span{
    padding-left: 7px;
    position: relative;
    top: 5px;
}
.manual-email-content textarea,
.edit-name-row input{
    font-size: 17px;
    font-weight: 200;
}
.startegicptext{
    width: 60%;
    line-height: 20px;
}
.tier-custom-matrix-project-item  .startegicptext {
    width: 76%;
    font-size: 19px;
}
.muser{
    margin-top: -13px;
}
.startegicKsfptile,
.startegicptile{
    width: 80% ;
    float: left;
}
#list-user-list-linked-panel .startegicptile{
    width: 47% !important;
}
.right-parent-projects-lists h2,.tierlist-panel h2 {
    width: 100%;
    display: inline-block;
}
#accountsListUl li span{
    top: 3px;
}
.clintcontainerinner .str-project-span {
    margin-top: -7px !important;
}
.cm-searchboxlabel{
    position: relative;
    top: 5px;
}

#user-utilities div.top-items{
    display:flex;
    align-items: center;
    float: left;
    position: relative;
    margin: 0 10px;
    cursor: pointer;
    padding: 3px;
}
.xl-img img{
    cursor: default;
    width: 42px;
    float: right;
    margin-top: 5px;
    margin-left: 5px;
    position: relative;
    left: -6px;
    cursor: pointer;
}
.goliicon{
    position: relative;
    top: -5px;
    font-size: 32px;
    left: -31px;
    right: 0;
    font-weight: 700;
    color: #eee;
}
.download-or{
    position: relative;
    left: -8px;
    padding: -r;
    font-size: 26px;
    font-weight: 600;

}
.download-icon{
    position: relative;
    top: -9px;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}
#user-utilities div.helptaskicon{
    margin-top: -6px !important;
}
#user-utilities #header-comments{
    margin-top: 3px;
}
#user-utilities{
    float: right;
    width: 10%;
}
#user-utilities div.helptaskicon div.dropdown{
    top:20px;
}
.processcontainer{
    width: 100%;
    display: inline-block;
}
.search-highlight {
    background-color: yellow;
}
.border-highlight {
    border-width: 3px !important;
    border-style: dashed !important;
    border-color: #d3122c !important;
}
.dree #org-process-report{
    width: 60%;
}
.dree .processleftcontainer .cards-frow {
    width: 100%;
}
.dree .cardsform-frow {
    width: 100%;
}
.dree  .cards-container {
    width: 100%;
}
.dree .pro_p{
    font-size: 14px !important;
}

.dree .pro_p .proc-team-header>img {
    width: 45px;
    height: 45px;
}
.dree .addprocess-button {
    width: 33px;
    height: 30px;
}
.dree .addprocess-button img {
    left: -11px;
    top: -6px;
    width: 25px;
}
.dree .services-processbtn {
    position: relative;
    left: -17px;
    padding: 6px;
    min-width: 84px;
}
.dree  .proc-theader>div{
    font-size: 12px;
}
.dree .pth-data {
    font-size: 12px;
}
.dree .micro-count {
    font-size: 13px;
}
.dree  .p-set-value,
.dree .p-skills-value,
.dree .p-audit-value,
.dree .p-dock-value{
    font-size: 11px;
    height: 25px;
    width: 43px;
}
.dree .micro-prow{
    width: calc(83% - 310px);
}
.dree .p-dock-valuerow,
.dree .p-setup-valuerow{
    height: 38px;
}
.dree .macro-row-container>.proc-theader, 
.dree .micro-row-container>.proc-theader{
    height: 38px;
}
.dree .proc-theader{
    width: 19%; 
}
.dree .add-macrosetup.active .macro-prow {
    width: calc(83% - 266px);
}
.dree .proc-team-header>img {
    width: 35px;
    height: 35px;
}
.dree .p-setup-valuerowh{
    height: 38px;
}
.dree .p-set-valuehd{
    font-size: 11px;
}
.dree .popover{
    font-size: 11px;
}

.dree  .macro-prow, .dree .micro-prow {
    font-size: 13px;
    height: 38px;
}
.dree .card-data-container{
    padding: 0px 20px;
}
.dree #org-process-report{
    padding-top: 10px;
}
.dree .macro-row-container>.proc-theader,
.dree .inner-macro-tools, 
.dree .inner-micro-tools{
    height: 38px;
}
.dree  .serviceelments {
    font-size: 13px;
}
.dree  #th-data {
    font-size: 14px;
}
.dree .addmacro-button, 
.dree .editmacro-button, 
.dree .addmicro-button,
.dree .deletemacro-button, 
.dree .editmicro-button,
.dree .deletemicro-button,
.dree .wastemicro-button, 
.dree .import-micro-process-list
{
    font-size: 24px;
    width: 28px;
    height: 28px;
    margin-right: 7px;
}
.dree .edit-process-desc {
    font-size: 18px;
    padding-top: 11px;
}
.dree .proc-theader,
.dree .macro-tools,
.dree .proc-team-header{
    height: 63px;
}
.dree .processleftcontainer {
    left: -60%;
    width: 55%;
}
.dree .cards-frow .frow>div {
    font-size: 14px;
}
.dree .deletemicro-buttonbg{
    font-size: 27px !important;
}
.dree .editmacro-button .fa-pencil{
    position: relative;
    left: -4px;
    font-size: 16px;
    top: -8px;
}
.dree .editmicro-button .fa-save,
.dree .editmacro-button .fa-save{
    position: relative;
    left: -5px;
    font-size: 16px;
    top: -2px;
}
.dree .plus-d{
    position: relative;
    left: -4px;
    font-size: 25px;
    top: -6px;
}
.dree  .expandallmacro-button {
    height: 30px;
    width: 85px;
    margin-left: 5px;
    font-size: 12px;
}
.dree .download-btn{
    padding: 0px 10px;
}
.dree .process-wasteicon{
    width: 92px;
    font-size: 13px;
}
.dree .pencilbutton .fa-pencil{
    position: relative;
    left: -4px;
    font-size: 16px;
    top: -8px;
}
.dree .ui-sortable-handle{
    cursor: pointer;
}
.dree .d-cokm{
    height: 62px;
}
.dree .proc-team-header,
.dree .macro-prow{
    width: calc(83% - 187px);
}
.dree .infoprocess-checklistModal,
.dree #audit-report-modal,
.dree .processchecklistSetupmodal,
.dree .raci-process-modal,
.dree #edit-process-description-modal,
.dree .mdl-fixedrows,
.dree #AddFolderModal,
.dree #AddEditdocumentModal,
.dree #macroProcessModal,
.dree #process-userdetailsmodal,
.dree #manage-wastes-modal,
.dree .delete-macro-process,
.dree .delete-micro-process,
.dree .macro-process-name,
.dree .micro-process-name,
.dree #add-process-owner-modal,
.dree #skills-status-modal,.dree .ui-menu,.dree .proceesdoc-chk-panel{
		zoom: .75;
	}
 body.matrixfirstlevel #dashbordHoshinModal{
    zoom: .75;
    }
#add-first-level-custom-matrix-det .modal-dialog {
        width: 400px;
    }

body.matrixfirstlevel,
body.opppopup,   
body.preemodal,body.ganttpopup{
    zoom: normal !important;
}

body.matrixfirstlevel .close-modal-icon {
    right: -21px;
}
body.matrixfirstlevel .close-modal-icon img {
    width: 31px;
}


body.matrixfirstlevel .addgroupmodal input.form-control,
body.matrixfirstlevel .addgroupmodal #dropdownMenu-custom-matrix-kbowner,
body.matrixfirstlevel .addgroupmodal label,
body.matrixfirstlevel .addgroupmodal .bt-input-box>label{
    font-size: 16px;
}




#ui-id-2{
    margin-left: 460px;
    zoom: 1;
}
#ui-id-2.ui-menu .ui-menu-item{
    font-size: 16px;
}

.opppopup .tooltip-inner {
    padding: 8px 8px;
    font-size: 11px;
}
.opppopup  .tooltip.top .tooltip-arrow{
    border-top-color: #fff;
}

.preemodal .add-userrolemodal h1 {
    font-size: 18px;
}
.tooltip-inner {
    background: #fff !important;
    color: #000 !important;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 59%);
}
.preemodal .user-listcontainer>div, .preemodal .user-rolecontainer>div {
    padding: 7px;
    font-size: 14px;
}

.preemodal .add-userrolemodal .fa-info {
    font-size: 14px;
    width: 25px;
    height: 25px;
}

.preemodal .rolemid-contain .input-team-name {
    font-size: 16px;
}
.preemodal .delate-right-icon {
    right: -1px;
    font-size: 23px;
}
.preemodal .fixed-roleetails .role-rowuser {
    margin-bottom: 0px;
}
.preemodal .add-userrolemodal .btn-create-contact{
    font-size: 17px;
    padding: 2px 6px;
}
.preemodal .staff-role {
    font-size: 18px;
}
.preemodal .searc-formbar input {
    height: 37px;
    font-size: 16px;
}
.preemodal .tooltip-inner{
    font-size: 14px!important;
}
.preemodal #add-dashboard-contact,
.preemodal #add-dashboard-role{
    zoom: .75;
}
.preemodal .user-listcontainer {
    height: 681px;
}
.preemodal .role-rowuser img {
    width: 40px;
}
.preemodal .rolemid-contain .input-team-name {
    height: 40px;
}

.preemodal .searc-formbar button {
    height: 38px;
    width: 42px;
    padding: 13px;
    font-size: 17px;
}
.preemodal .fa-2x {
    font-size: 1.5em;
}
.opppopup #kb-owner-popup .modal-dialog {
    width: 440px;
    margin: 30px auto;
}
.opppopup #manualEmailRACI,
.opppopup #ExportModal,
.opppopup #add-note-attachment-modal,
.opppopup .expectations-panel,
.opppopup .popup,
.opppopup .close-btnlg,
.opppopup  .add-note-people-modal,

.opppopup .total-resource-costs-panel,
.opppopup #project-info-container,
.opppopup #calendar-container,
.opppopup .email-modal,
.opppopup .kpi-push-email-modal,
.opppopup #gantt-container,
.opppopup #parent-groups-row,
.opppopup .add-documodal,
.opppopup .notemodalcontainer,
.opppopup .checklist-modal,
.opppopup .status-note-modal,
.opppopup .new-note-modal,
.opppopup .kb-owner-popup,
.opppopup .import-chk-panel,
.opppopup #proj-chart-container,
.opppopup #opp-popup-header,
.opppopup .opp-comments-box,
.opppopup .op-title,
.opppopup #kb-footer,
.opppopup #opp-popup-title,
.opppopup .rightpanelbutton,
.opppopup .parents-btn,
.opppopup #presto-alert,
.opppopup #hoshin-opp-details,
.opppopup #add-proj-contact-role-modal,
.opppopup #AddEditdocumentModal,
.opppopup .parentadminrow,.opppopup #outcome-panel-modal ,.opppopup #check-opp-popup-header {
    zoom: .75;
}
.opppopup .project-formrow-notes .upload-imagerow,
.opppopup .project-formrow-notes .note-btn,
.opppopup .project-formrow-notes .pl-md-10,
.opppopup .project-formrow-notes .p-radiotabs,
.opppopup .project-formrow-notes .col-md-44,
.opppopup .project-formrow-notes  .prject-hdnotes{ 
    zoom: .75;
}
.popover-content {
    font-size: 10px;
}
.opppopup  #add-note-people-modal > .modal-dialog{
    width: 386px;
}
.opppopup #add-note-people-modal label {
    font-size: 14px !important;
}
.dree  #op-raci-search{
    zoom: .75;

}
.opppopup  .presto-input > input{
    font-size: 12px;
}
.opppopup #kb-footer > p {
    font-size: 44px;
    line-height: 1.5;
}
.opppopup .plusminusicon {
    font-size: 29px;
    top: 37px;
}
.opppopup .sortable-divst .presto-input {
    margin-bottom: 7px;
}
.opppopup .op-add-chk-input {
    font-size: 1.1em !important;
}
.opppopup .searchcrm .form-control {
    height: 40px;
}  
.opppopup  .linking-popup .link-header h1{
    margin-top: 0px;
}
.opppopup  .linking-popup .searchcrm .fa-search {
    font-size: 20px;
    height: 40px;
}
.opppopup .op-raci-search > input {
    height: 45px;
    font-size: 18px;
}
.opppopup .op-raci-search-close {
    top: 3px;
    font-size: 24px;
}

.dree  .op-raci-search-close {
    top: 3px;
    font-size: 24px;
}

.opppopup .fc-item {
    width: 35px;
    height: 35px;
}
.opppopup .searchcrmflex{
    display: flex;
    width: 100%;
}
.opppopup .searchcrmflex .searchcrm{
    margin-right: 10px!important;
}

.opppopup #projectleftuserrow{
    padding: 10px 50px;
}
.opppopup .task-owner-initial.rowuser-b,
.opppopup .completion-perc,
.opppopup .planned-finish-date, .opppopup .planned-start-date{
    font-size: 12px;
}

.opppopup  .sort-handler2 {
    right: 54px;
}
.opppopup .row-user02 .topcyl-02, .row-user02 .task-prority02{
    height: 27px!important;
}
.opppopup .task-owner-initial.rowuser-b,
.opppopup .completion-perc,
.opppopup .edit-checkbutton,
.opppopup .presto-input > input,
.opppopup  .planned-finish-date, .opppopup  .planned-start-date{
    height: 25px!important;
}

.opppopup  .op-task-box .row-user .omf-checkbox {
    height: 24px;
    top: 0px;
}
.opppopup  .linking-popup h1{
    font-size: 26px;
}
.left-info.sticky {
    position: fixed;
    top: 0;
}
.opppopup  .left-info{
width: 70%;
}
.opppopup .right-info {
    width: 27%;
    height: 70vh;
    z-index: 188;

}

/* .opppopup .right-info.popprit{
    margin-top: -110px;
} */
#opp-popup-body .new-op-add-chk{
    /*margin-top: -241px;*/
}

.op-chk-head .zoomtool04.with-tooltip.fx-3::after{
    left: -59px;
}


#opp-popup{
margin-top: 35px!important;
}
.audit-report-processdetails{    
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

.opppopup .get-task-notes.glyph-warning {
    font-size: 17px;
    width: 17px;
    height: 17px;
    line-height: 16px;
    top:4px;
}
.opppopup .hover-rightalign.hover-rightalign02 .get-task-notes.glyph-warning {
    right: 390px;
    /* z-index: 9; */
}
.lmmrb{
    margin: 0!important;
}
.op-chk-container .fa-hand-grab-o{
opacity: 0;
}
.op-chk-container:hover .fa-hand-grab-o{
 opacity: 1;
}
.opppopup .fa-2x {
    font-size: 1.8em;
}
.opppopup .linking-popup .drag-droparearow li{
    font-size: 17px;
}
.opppopup .radio-btns label.btn span {
    font-size: 1em;
}
.opppopup .linking-popup .project-okr h1{
    font-size: 24px;
    font-weight: 600;
}

.add-userrolemodal .fa-plus {
    font-size: 25px;
    margin-left: 4px;
}

.preemodal .roleright-contain .lbel-naem {
    font-size: 17px !important;
}

.dashlistcotainer .widgetsmenurow{
    bottom: 230px;
}
.dashlistcotainer .widgetsmenurow-filter{
    bottom: 212px;
}
.newlistreportslide .widget .menu .list li img,
.dash-icon-containersecond .widget .menu .list li img{
    width: 42px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.newlistreportslide .widget .menu .list li a,
.kpireportslide .widget .menu .list li a,
.dash-icon-containersecond .widget .menu .list li a{
    font-size: 16px;
    text-align: center;
    color: #000;
    line-height: 1;
}
.newlistreportslide .widget .menu .list li a,
.kpireportslide .widget .menu .list li a {
    font-size: 20px; 
}

.dashboardslide .widget .menu .list li.opened,
.newlistreportslide .widget .menu .list li.opened a,
.kpireportslide .widget .menu .list li.opened a,
.dash-icon-containersecond .widget .menu .list li.opened a{
    color: #fff !important;
}


body.drag-03{
    zoom: normal;
}
.drag-03 .stepprojectbody-inner {
    width: 62%;
    margin-left: 2%;
}
.drag-03 .choose-p {
    font-size: 16px;
}
.drag-03  .refresh-owner{
    font-size: 12px;
}
.drag-03  .drag-box .drop-box-title {
    font-size: 16px;
}
.drag-03 .droppable-label h1 {
    font-size: 60px;
}
.drag-03 .knb-btn{
    font-size: 14px;
    height: 45px !important;

}

.drag-03 .darglist-items li {
    width: 40px;
    height: 30px;
}

.drag-03 .setupprojectmodal #pTitle {
    font-size: 15px;
}
.drag-03  .setupprojectmodal .inner-addon .glyphicon {
    font-size: 35px;
    margin-top: -17px;
}
.drag-03  .header-title{
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    
}
.drag-03  .drag-box {
    height: 270px;
}
.drag-03   .row-sectionmain {
    height: 480px;
}
.drag-03  .setupprojectmodal .save-btn {
    font-size: 19px;
    width: 200px;
    height: 50px;
    position: relative;
}
.drag-03 .proj-area,
.drag-03 .kanban-notification-alert-modal{
    zoom: .75;
}
.drag-03  .setupprojectmodal .dropbox-error {
    font-size: 15px;
    margin-top: 18px;
}
.preemodal nav, .preemodal #global-container{
    zoom: .75;
}
.sipocmodal nav, .sipocmodal #global-container,
.opppopup nav, .opppopup #global-container,
.drag-03 nav, .drag-03 #global-container{
    zoom: .75;
}
.drag-03 .setupprojectmodal .save-btn{
    margin-top: 20px;

}
.drag-droparearow #gallery .ui-draggable-dragging {
    width: 600px!important;
}
.p-processchecklist .modal-title{
    text-align: left; 
}
.p-processdetails{
    border: dotted 3px #fff;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    width: 80%;
    background: rgb(0 0 0 / 34%);
    border-radius: 5px;
    margin-bottom: 15px;
    margin-bottom: 8spx;
}
.p-processdetails1{
    border: dotted 3px #fff;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    width: 80%;
    background: rgb(0 0 0 / 34%);
    margin-top: 0px;
    margin-bottom: 15px;
    border-radius: 5px;
    height: 118px;
    overflow: scroll;
}
.p-processdetails3{
    border: dotted 3px #fff;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    width: 80%;
    background: rgb(0 0 0 / 34%);
    border-radius: 5px;
}
.p-processdetails3 textarea {
    background: none;
    color: #fff;
    border: none;
    font-size: 20px;
    width: 100%;
    height: 87px;
}
.audit-report-processdetails p{
    color: #fff;
    font-size: 24px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.nextprewarrow a {
    background: #3F51B5 !important;
    opacity: 8;
}
.contact-input label.raci-label{
    color: #fff!important;
    font-size: 24px!important;
    font-weight: 600;
    width: 100%;
    text-align: left;
    margin-top: -17px;
    margin-bottom: 31px;
    display: inline-block;
    /* position: relative; */
    background: no-repeat;
    margin-left: 0;
    box-shadow: none;
    letter-spacing: 1.5px;
}
.raci-mrgtop{
    margin-top: 40px;
}
.opp-raci-contact,
#raci-process-modal .op-raci-search > input,
.raci-mrgtop input,.group-raci-contact{
    top: 6px;
    font-size: 20px!important;
    height: 45px!important;
}
#raci-process-modal .op-raci-search-close
.raci-mrgtop .op-raci-search-close {
    font-size: 26px!important;
}
.opppopup .op-utilities-box{
    zoom: .75;
}

.dree .ui-menu .ui-menu-item{
    font-size: 20px!important;
}
.dree #StepEditRACIPanel .op-raci-search {
    left: calc(100% - 386px);
}
.opppopup #presto-right-panel-row,
.opppopup #alert-panelslider,
.opppopup #issues-report,
.opppopup  .opp-popup-icon,
.opppopup  .op-raci-copy,
.opppopup  .raci-photo,
.opppopup  .op-raci-label{
    zoom: .75;
}
body .project-formrow-notes .project-notes-top-bar .op-deadline-box {
    padding: 5px;
    font-size: 12px;
}
body .project-formrow-notes .project-notes-top-bar .glyphicon-calendar:before {
    font-size: 14px;
    cursor: pointer;
}
body .project-formrow-notes .project-notes-top-bar .op-date-copy {
    margin-top: 17px !important;
    left: -17px;
    position: relative !important;
}
.opppopup  .right-info .op-deadline-date-panel .op-deadline-label {
    margin-top: -5px;
        font-size: 11px;
    font-weight: 700;
}
.opppopup  .right-info .op-deadline-inner-container .op-deadline-box {
    padding: 5px;
    font-size: 9px;
}
.opppopup .raciperson{
    margin: 0px 0px;
    padding: 0px;
    width: 35px;
    height: 35px;
}
.rightaccmenu-panel ul li img{
    cursor: pointer!important;
}
.opppopup .op-raci-add{
    width: 30px;
    height: 30px;
}
.opppopup  .op-raci-photos{
    max-width: calc(100% - 80px);
}
.opppopup .right-info s.op-raci-photos {
    max-width: calc(100% - 110px);
}



.opppopup .glyphicon-menu-left{
    display: none!important;
}
.p-processdetails.active,
.p-processdetails1.active,
.p-processdetails3.active{
    border: dotted 3px #FFEB3B;
}

#add-team-photo{
    cursor: pointer;
    display: block;
    float: none!important;
    margin-left: 29px;
    width: 40px!important;
}

#raci-process-modal .modal-title,
#edit-process-description-modal .modal-title{
    font-size: 24px !important;
    font-weight: 900;
}
#edit-process-description-modal textarea{
    font-size:18px !important;
}
#edit-process-description-modal input{
    font-size:18px !important;
    height: 50px;
}
#EditStepForm label{
    font-size: 20px!important;
}
#user-statistics-report .fa-check{
    color: #9e9898;  
}
#user-statistics-report .rsh-icon>img {
    border: solid 3px #757889;
}
.modal-title.active{
    border: dotted 3px #FFEB3B !important;
}
.bname span{
    position: relative;
    top: -9px;
    line-height: 16px;
    display: block;
}
.module-assignment-btnrow{
    position: fixed;
    right: 10%;
    top: 40%;
}
.module-assignment-btnrow .usage-report-btn,
.module-assignment-btnrow .mailsent-report-btn,
.module-assignment-btnrow .module-assignment-btn{
    background: #fff;
    margin-bottom: 12px;
    padding: 13px 30px;
    font-size: 22px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}

.ourq-report-btn
{
    background: #047ad8;
    margin-bottom: 12px;
    padding: 13px 30px;
    font-size: 26px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
}


.userreportsheet .dash-icon>img {
    height: 23px;
    position: relative;
    top: -5px;
}
.userreportsheet .report-sheet-header .rsh-title{
letter-spacing: 3px!important;
}
 .userreportsheet .report-sheet-header .rsh-subtitle{
    letter-spacing: 1px!important;
 }
 .userreportsheet .report-infobox {
    letter-spacing: 1px;
}
.userreportsheet .report-infobox>p{
    margin-left: 0px;
    padding-left: 0px;
}
.userreportsheet  .issue-report-table-b>.row:nth-child(even) {
    background: #ffffff;
}

.userreportsheet  .report-infobox>p {
    height: 30px;
    font-size: 16px;
}
.userreportsheet .report-infobox {
    height: 30px;
    margin-bottom: 5px;
}
.userreportsheet .issue-report-table-b>.row:nth-child(odd) {
    background: #e4e4e6;
}
.userreportsheet .report-sheet-body .presto-table-b{
    border-bottom: solid 2px #c9c9c9;  
    border-left: solid 2px #c9c9c9;  
}
@media only screen and (max-width: 1728px) {
.dree .add-macrosetup.active .macro-prow {
    width: calc(83% - 245px);
}
.dree .micro-prow {
    width: calc(83% - 290px);
}
}
@media only screen and (max-width: 1600px) {
    .dree .add-macrosetup.active .macro-prow {
        width: calc(83% - 238px);
    }
    .dree .micro-prow {
        width: calc(83% - 282px);
    }
  }

.save-process-task-types {
    position: absolute;
    top: -15px;
    right: 4%;
    z-index: 9;
}

.audit-docs {
    color: black;
    background-color: #e5e9ed !important;
}
.role-responserow #global-container {
    padding: 50px 25px 25px !important;
}
.role-responserow nav,
.role-responserow #op-readiness-items-container,
.role-responserow #right-badges,
.role-responserow #left-badges,
.role-responserow #md-items-container,
.role-responserow #personnel-container,
.role-responserow #add-team-customised-dashboard-modal,
.role-responserow #workflow-items-container,
.role-responserow #ideas-items-container,
.role-responserow #roles-container,
.role-responserow #core-info-container,
.role-responserow .cards-container{
    zoom: .85!important;
}
.role-responserow #ideas-info-modal,
.role-responserow #roles-modal-popupp,
.role-responserow #ideas-add-team,
.role-responserow #add-kpi-team-customised-dashboard-modal,
.role-responserow #presto-alert{
    zoom: .85!important;
}
.role-responserow .strategy-tb>.row>div {
    height: 50px;
    font-size: 12px;
}
.role-responserow #mob-label {
    font-size: 15px;
    padding-top: 8px;
    width: 218px;

}
.role-responserow #macro-tb>.row>.delete-activity{
    margin-top: 13px;
    width: 33px;
    height: 33px;
}


.role-responserow #add-team-customised-dashboard-modal .row>.map-group-code-name {
    font-size: 20px;
}

.leftpanelrow .org-team-name {
    font-size: 12px;
}

.leftpanelrow .org-team-sup {
    font-size: 13px;
}
.leftpanelrow .org-team-photo {
    width: 45px;
    height: 45px;
}
.role-responserow .org-team-location{
    font-size: 11px;
}

.role-responserow #mob-container {
    width: calc(100% - 290px);
}

.notification-label{
       display: block;
    margin-left: 14px;
    font-size: 14px;
}
#user-utilities .notification-label{
    display: none;
}

@media (min-width:1910px){
    .opppopup nav, .opppopup #global-container, .drag-03 nav, .drag-03 #global-container {
        zoom: .85;
    }
}

.mailpdf .report-sheet-utils{
    display: none;
    }
.mailpdf  .report-sheet.landscape{
   zoom:1.3333;

}
.mailpdf .issue-report-table-b>.row>div {
    line-height: 22px!important;
}

.left-info .switchPdca .panel-group,.check-left-info  .switchPdca .panel-group{
    margin-bottom: 5px;
}
.left-info .op-chk-box.switchPdca .perc-each-phase,.check-left-info .op-chk-box.switchPdca .perc-each-phase{
    margin-top: -24px;
    left: 20px;
    min-width: 60px;
    line-height: 21px;
    position: relative;
}

    #initiative-phases .topp-indicator {
        width: 157px;
    }
    body #initiative-phases .topp-indicator {
        float: right;
        left: 0%;
    }
    .col-row-workflow p {
        width: -webkit-fill-available;
    }


.left-info .op-chk-box.switchPdca .op-chk-body .panel-heading a::after,.check-left-info .op-chk-box.switchPdca .op-chk-body .panel-heading a::after{
    top: -5px;
    right: 17px;
}
.left-info .switchPdca .hd-toplistmenu-pdca ul li,.check-left-info .switchPdca .hd-toplistmenu-pdca ul li{
    padding: 0px 10px;
}
.left-info .switchPdca .panel-default>.panel-heading,.check-left-info .switchPdca .panel-default>.panel-heading {
    position: relative;
}
.left-info .switchPdca .hd-toplistmenu-pdca ul li:first-child,.check-left-info .switchPdca .hd-toplistmenu-pdca ul li:first-child {
    width: calc(100% - 290px);
}
.left-info .switchPdca .check-all-text,.check-left-info .switchPdca .check-all-text{
padding-left: 11px;
    /* margin-top: -14px; */
    position: relative;
    top: -3px;
    margin: 0;
}
.left-info .switchPdca .hd-toplistmenu-pdca,.check-left-info .switchPdca .hd-toplistmenu-pdca {
    position: relative;
    top: 7px;
    margin-top: 10px;
}
.left-info .switchPdca .addtile,.check-left-info .switchPdca .addtile{
    position: relative;
    left: 2px;
    text-decoration: underline;
    width: 59px;
}
.op-chk-box.switchPdca .op-add-each-task{
    position: relative;
    left: -6px;
    text-decoration: underline;
    font-size: 13px;
}

body .op-chk-box.switchPdca .op-add-each-task span {
    position: relative;
    left: 8px;
    background:none;
    color: #0079bf;
    font-size: 36px;
}
body .op-chk-box.switchPdca .op-add-each-task {
    width: 116px;
}
body .op-chk-box.switchPdca .op-add-cout{
    float: right;
    margin-top: -20px;
    left: -95px;
    width: 47px;
    line-height: 21px;
    position: relative;
    text-align: center;

}


.left-info .switchPdca .panel-title ,.check-left-info .switchPdca .panel-title {

    font-weight: 600;
    font-size: 14px;
    padding-top: 5px;
   min-width: 63%;
}


.search_cotainer #myDropdown{
    animation: tooltips-horz 600ms ease-out forwards;
    right: calc(0em - -33px);
    transform: translate(15em, -50%);
    top: 100%;
}
 #myDropdown1{
animation: tooltips-horz 600ms ease-out forwards;
right: calc(0em - -171px);
    transform: translate(0em, 50%);
    /* top: -41%; */
    top: -250px;
    text-align: center;
}
 #myDropdown1.search-dropdown-content{
min-width: 200px;
height: 180px;
    background: #0061b5;
    color: #fff;
    padding: 5px;
 }
 #myDropdown1.search-dropdown-content p{
     font-size: 2rem;
    font-weight: 700;
    border-bottom: solid 1px beige;
    padding-bottom: 8px;
    cursor: pointer;
}
 #myDropdown1.search-dropdown-content p:last-child{
    border: none;
 }
 #myDropdown1.search-dropdown-content label{
    font-size: 2rem;
    font-weight: 700;
       padding-top: 8px;

 }

 .search_cotainer  .pm-hdh {
    display: flex!important;
    align-items: center;
    border-bottom: solid 1px #dbd0d0;
}
.search_cotainer .pm-hdh p{
    font-size: 16px;
    width: 100%;
}


/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
      opacity: .9;
      transform: translate(-50%, 0);
    }
  }
  
  @keyframes tooltips-horz {
    to {
      opacity: .9;
      transform: translate(0, -50%);
    }
  }


.fmaul .email-envolop-panel p{
    font-weight: 600;
    font-size: 16px;
    padding-right: 19px;
}

.left-info .switchPdca  .row-user02 .topp-task02,.check-left-info .switchPdca  .row-user02 .topp-task02 {
    height: 28px;
}
.left-info .switchPdca .hd-toplistmenu02 .fst-02,.check-left-info .switchPdca .hd-toplistmenu02 .fst-02 {
    left: 27px;
}

.left-info .switchPdca .hd-toplistmenu02 .fst-03.per02,.check-left-info .switchPdca .hd-toplistmenu02 .fst-03.per02{
    left: 27px;
}
.left-info .switchPdca .hd-toplistmenu02 .fst-03,.check-left-info .switchPdca .hd-toplistmenu02 .fst-03 {
    position: relative;
    left: 15px;
}
.left-info .switchPdca .hd-toplistmenu02 .fst-04,.check-left-info .switchPdca .hd-toplistmenu02 .fst-04 {
    left: 19px;
}
.search_cotainer .search-text{
padding-left: 15px!important;
}
.search_cotainer .search-dropdown-content {
    right: -99px;
    max-height: 262px;
    overflow: auto;
}
.readmoremodalcontainer .container{
    .container {
        max-width: 90%;
    }
}
.scroll-loader{
    bottom: 40px!important;
    left: 0;
    font-size: 20px!important;
}
.pgeno{
    float: right;
    position: absolute;
    right: 45px;
    font-size: 23px;
}
body .srchproject .cm-searchbox .form-control{
    height: 45px;
    padding-right: 106px;
    width: 268px;
}
.search_cotainer .search-box {
    position: absolute;
    transform: translate(-50%, -50%);
    height: 45px;
    border-radius: 18%;
    background: #bcc3c8;
    padding: 8px 0px;
    right: 9px;
    top: 66px;
    z-index: 3;
    transition: all 2s ease;
  }
  .search_cotainer .search-box.skill-panel-box{
    left: auto !important;
    bottom: 2% !important;
    position: absolute !important;
    right: 0% !important; /* override right */
    top: auto !important;   /* override top */
  }
  #org-header,
  #filter-info{
    /* z-index: 1; */
    position: relative;
  }
 /* .search_cotainer .search-box:hover  .search-text{
    width: 240px;
    padding: 0 6px;
  }
  .search_cotainer .search-box:hover  .search-dropdown-content{
    width: 240px;
    padding: 0 6px;
  }*/
  .search_cotainer .search-box:hover  .search-btn{
    color: black;
    
  }
  
  .search_cotainer .search-btn {
    color: #fff;
    float: right;
     width: 43px;
    height: 43px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    top:-8px;
    
  }
  .search_cotainer .search-btn > i {
    font-size: 31px;
  }
  
  .search_cotainer .search-text{
    border: none;
    background: none;
    outline: none;
    float: left;
    padding: 0;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    transition: 0.4s;
    line-height: 40px;
    width: 315px;    
    background-color: #fff;
  }
  .readmoremodalcontainer .modal-dialog{
    width: 95%;
    background-color: #fff;
  }
  .readmoremodalcontainer.modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgb(0 0 0 / 41%);
}

  .searchadminbarcontainer .modal-dialog{
    width: 95%;
  }
  .searchadminbarcontainer .close {
    font-size: 66px;
    opacity: 9;
    position: absolute;
    right: 23px;
    top: 10px;
}
.searchadminbarcontainer  .close:hover{
    background: none;
}
.searchadminbarcontainer  .modal-title {
    font-size: 39px;
    font-weight: 700;
}

.readmoremodalcontainer .modal-header {
    border-bottom: 0px !important;
    padding: 23px;
}

.readmoremodalcontainer  .modal-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}
.readmoremodalcontainer .close:hover{
    background: none;
}
.readmoremodalcontainer .modal-body{
padding: 3px 40px;
}
.readmoremodalcontainer p{
    font-size: 22px;
    padding-bottom: 20px;
    }
.searchadminbarcontainer .modal-body{
    height: 110vh;
    overflow: scroll;
}  
.readmoremodalcontainer .modal-body{
    height: 110vh;
    overflow: hidden;
}  
.readmoremodalcontainer .close {
    font-size: 66px;
    opacity: 9;
    position: absolute;
    right: 23px;
    top: -5px;
}



.v2row .ph3{
    font-size: 24px;
    font-weight: 600;
}

.v2row a{
    font-size: 20px;
    padding: 0px 0px 0px 0px;
    display: block;
    cursor: pointer;
}

.v2row a  span{
font-size: 32px;
position: relative;
left: 5px;
top: 4px;
}

.v2row{
    padding: 10px;
    border-bottom: solid 3px #09a0e4;
    margin-bottom: 18px;
}

.ourfagmodalcontainer .modal-dialog{
width: 90%;
}
.ourfagmodalcontainer .modal-title{
    font-size: 34px;
    font-weight: 700;
    float: left;
    width: 75%;
}
.m-headd{
    font-size:18px;
    font-weight:700;
}
.ourfagmodalcontainer .m-row{
    border-bottom: solid 3px #eee;
    padding: 8px 10px;
}
.ourfagmodalcontainer p{
    font-size: 22px;
}
.mbodyscroll{
    height: 105vh;
    overflow: auto;
}
.racidivsearchs{
    padding:10px 30px ;
}
.racidivsearchs a{
    display: block;
    font-size: 23px;
    border-bottom: solid 1px #e0d2d2;
    padding: 7px;
    cursor: pointer;
}
.newlistreportslide .widgetsmenurow-filter,
.kpireportslide .widgetsmenurow-filter {
    bottom: 325px;
}
.newlistreportslide .widget.active .widgetsbtnreport,.newlistreportslide .widget .widgetsbtnreport{
display: none;
}
.kpireportslide .widget.active .widgetsbtnkpireport,.kpireportslide .widget .widgetsbtnkpireport{
    display: none;
}

.ourfagmodalcontainer .m-row:nth-child(odd){
    background: #fbfbfb;
}

.search_cotainer .search-dropdown-content{
    min-width: 315px;
    z-index: 999999;
}
#global-container{
    display: block;
    position: relative;
    width:100%;
    
}
#issue-right-panel, #process-right-panel,
#newsfeed,
#addchecklist-mgmt-panel,
#note-mgmt-panel,
#change-mgmt-panel,
#list-linked-kpis-panel,
#list-linked-account-det-panel,
#list-linked-accounts-panel,
#list-linked-panel,#list-main-linked-panel,#list-linked-asset-det-panel, #list-linked-goal-panel,#list-linked-user-goal-panel,
#pnotbook-panel,#list-main-kpi-panel,#list-linked-tier-panel,#list-user-list-linked-panel,#tier-first-level-custom-matrix-mgmt-panel,#list-custom-matrix-linked-panel, #note-mgmt-panel-mytask,#list-main-asset-panel{
    position: fixed!important;
}
#pr-user-modal .closetxt {
    right: 102px !important;
    top: 14px;
    font-size: 18px;
}
.pr-userModal-mdleft hr {
    margin-top: 8px;
    margin-bottom: 3px;
}
.imaginary_container{
    margin-right: 88px;
}
.imaginary_container input{
    height: 50px;
    font-size: 20px;
}
body #audit-panel,
body #badges-cat-panel,
body #ideas-right-panel,
body .fixed-listgroup,
body #kpi-right-panel{
    top: -52px;
}
.imaginary_container input {
    height: 43px;
    font-size: 16px;
}
body.orgchartpopup{
    zoom: normal;
}
.orgchartpopup  nav, .orgchartpopup  #global-container{
    zoom: .75;
}
body #issue-right-panel{
    top: -3px;
}
#second #newsfeed{
    position: absolute!important;
}

.jobb-desc-close{
    z-index: 2;
    color: #000 !important;
    font-size: 31px !important;
    text-decoration: underline;
}

.readonly {
    pointer-events: none; /* Disable clicks */
    opacity: 0.5;        /* Visual indication */
    cursor: not-allowed; /* Change cursor style */
}

.cards-container-right{
    position: absolute;
    right: -110px;
    top: 50px;
}
.cards-container-right .matrix-items{
    background: none;
    margin-left: 0px!important;
    margin-top: 10px !important;
}
.cards-container-right .add-user{
    margin-top: 50px!important;
    background: #ffffff;
}
.cards-container-right .darglist-items #tiles{
    overflow-x: hidden;
    height: 690px;
}
.cards-container-right .matrix-items li,.cards-container-right .parent-team li{
    margin: 0px 0px!important;
    width: 80px!important;   
    height: 80px !important;
    display: block;
    margin-bottom:10px!important;
    position: relative;
    left: -4px;
}
.cards-container-right  .matrix-items li img ,.cards-container-right  .parent-team li img {
    width: 100% !important;
    border-radius: 7px;
    border: solid 1px #fff;
    padding: 7px;
}
.cards-container-right p{
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 10px;

}
.loginfotter{
    position: absolute;
    bottom: 0;
    left: 30px;
    display: inline-block;
    align-items: center;
    cursor: pointer;
    right: 42px;
    text-align: center;
    margin: 0 auto;
    width: 400px;
    
}
.loginfotter img{
    width: 82px!important;
}

.loginfotter p {font-size: 15px;
line-height: 15px;
padding-left: 13px;}


.profilemodal .modal-dialog {
    width: 900PX;
    margin: 30px auto;
}
.profilerowflex{
width: 100%;
    display: inline-block;}
.logohange{
    display: block;
    font-size: 22px;
    text-align: center;
    color: #000;
    font-weight: 700;
}
.profilerowflex .form-control {
        width: 88%;
        height: 52px;
        font-size: 19px;
    }

  .close-vicon{  position: absolute;
    z-index: 8888;
    right: 15px;
    font-size: 64px;
    top: 3px;
    color: #000;
    opacity: 88;}

    .profilemodal  .modal-body {
        position: relative;
        padding: 63px;
    }
body.sipocmodal{
    zoom: normal;
}
.sipocmodal .topp-searchable div {
    font-size: 10px;
    line-height: 7px !important;
}
.sipocmodal  .topp-well-inner {
    font-size: 19px;
}
.sipocmodal .macrop-name, .sipocmodal .valuec-name {
    font-size: 14px;
}
.sipocmodal #sipoc-workbench-popup .nav-tabs.nav-justified>li>a {
    font-size: 12px;
}
.sipocmodal .topp-label-process {
    font-size: 9px;
}
.sipocmodal .sipoc-workbench-popup .racifobtn {
    width: 105px;
    height: 32px;
    font-size: 12px;
}
.sipocmodal  .topp-trash-sipoc h1{
    font-size: 19px;
}

.sipocmodal .helpdesk-hd #header-helpdesk img {
    width: 52px;
}
.sipocmodal .helpdesk-hd {
    font-size: 2rem;
}

.sipocmodal  .sup-header-box img{
    width: 40px!important;
    height: 40px!important;
}
.sipocmodal .sipoc-workbench-popup .list-group-item {
    font-size: 12px;
}

.sipocmodal  .supp-internal-n, .sipocmodal  .supp-external-n, .sipocmodal  .supp-client-n, .sipocmodal  .cust-internal-n, .sipocmodal  .cust-external-n, .sipocmodal  .cust-client-n {
    width: 30px;
    height: 30px;
}
.sipocmodal  .topp-row-sipoc>div{
    height: 50px!important;
}
.sipocmodal  .topp-row-sipoc .glyph-default {
    font-size: 23px;
    line-height: 53px;
}
.sipocmodal .topp-well {
    height: 60px;
}
.sipocmodal .topp-row-sipoc{
    height: auto!important;
}
.sipocmodal #header-sipoc-h {
    margin-top: 39px;
}
.sipocmodal .macro-box-orphan .macrop-single>span, .sipocmodal .vc-box-orphan .vc-input-box>span {
    font-size: 28px;
}
.sipocmodal .macrop-single {
    height: 69px;
    width: 114px;

}
.sipocmodal .macrop-scroll-left,
.sipocmodal .macrop-scroll-right {
    font-size: 17px;
}
.sipocmodal .add-macro-button, .sipocmodal .cogs-macro-button {
    font-size: 34px;
    width: 52px;
    height: 52px;
}
.sipocmodal .macro-box-orphan .macrop-single {
    width: 98px;
}
.sipocmodal .dummy-div>* {
padding: 0px!important;}
.xmatrix-chart-md .row{
    width: 98%;

}
.xmatrix-chart-md .table>tbody>tr>td{
    border: solid 1px;
    text-align: center;
    vertical-align: middle;
}
.xmatrix-chart-md .bg-color-xmat-rt,
.xmatrix-chart-md .bg-color-xmat-lt,
.xmatrix-chart-md .row.md-row{
    height: 350px;
}

.xmatrix-chart-md{
    overflow-x: scroll;
    width: 100%;
    
}

.xmatrix-chart-md .xm-31-row{
    width: 480px;
    max-width:480px;
    border-bottom: none !important;
    border-left: none !important;
    line-height: 14px;
}

.xmatrix-chart-md:last-child .xm-31-row.md-mdww{
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    
}

.xm-31-row.mnone{
    background: #ffffff;
    overflow: hidden;
}
/* body #intiative-xmatrix .after-line:after {
    top: -130px !important;
    right: 249px !important;
    transform: rotate(-54.9deg) !important;
    height: 608px !important;
    background: linear-gradient(to top right, #fff calc(50% - 1px), black, #fff calc(50% + 1px));
    border: none;
}
body #intiative-xmatrix .after-line:before {
    height: 608px !important;
    top: -130px !important;
    left: 251px !important;
    transform: rotate(54.9deg) !important;
    background: linear-gradient(to top right, #fff calc(50% - 1px), black, #fff calc(50% + 1px));
    border: none;
} */
body .intiative-xmatrix-container .modal-dialog{
    width: 98%;
}
.modal.intiative-xmatrix-container{
    background-color: #000 !important;
}
.xmatrix-chart-md table{
    display: inline-block;
    /* background-color: #f6f7f7; */
}
.td-w{
    width: 40px!important;
 
    
}
.tdw-30{
    width: 40px!important;
    background-color: #fff;
}
@media screen and (max-width: 1280px) and (min-width: 1024px){
    .opppopup .sort-handler2 {
        right: 100px;
    }
    #kpi-workbench-details-modals #kpi-opex-filter-status,
    .opexpanelrowcontainer #kpi-filters-box{
        width: 400px !important;
    }
    #kpi-workbench-details-modals .kpi-switch-radio>div>p {
        font-size: 16px;
    }
    .kpi-switch-radio-div {
        width: 115px;
    }
}
.manual-email-content .raci-photo { 
    height: 82px;
    width: 82px;
    max-height: 82px;
    max-width: 82px;
    transition: all 0.6s ease;
    cursor: pointer !important;
    padding: 4px;
    border: 3px solid #505050;
    border-radius: 15px;
}
.manual-mail-header {
    font-weight: 600;
}
.manual-email-content  .manual-send-btn-style{
    font-size: 21px;
    width: 150px;
    position: absolute;
    right: 68px;
    top: 12px;
}
#reportManualEmailRACI .user-name{
    margin: auto;
/*    min-height: 171px;*/
}

.manual-email-content .op-raci-search-close {
    font-size: 27px;
}
#reportManualEmailRACI .manual-email-content .raci-list{
    height: 185px;
    padding: 9px 7px;
}

.manual-email-content .add-user-email-btn {
    position: relative;
    top: -9px;
}
.manual-email-content .RACI-div {
    margin-bottom: 25px;
}
.manual-email-content .request-status-update {
    font-size: 20px !important;
    float: right;
    padding-right: 10px;
}
.request-status-update .custom-checkbox {
    font-size: 22px !important;
}
.noteleftmod{
    float: left;
    position: relative;
    right: 4px;
    font-size: 33px;
    top: 5px;
    line-height: 33px;
    background: #fff;
    padding: 5px 5px;
    height: 42px;
    width: auto;
    text-align: center;
    border-radius: 5px;
    display: flex;
}
.noteleftmodbtndiv{
    display: flex;
    height: 45px;
    margin-bottom: 16px;
}
.noteleftmodbtndiv  .inner-card-items{
    display: block;
    margin-right: 14px;
    margin-top: 6px;
}
.noteleftmod span.noteboxcount{
    padding: 2px 7px;
    right: 0;
    font-size: 21px;
}

.mb-0{
    margin-bottom: 0px!important; 
}
.manual-email-content .modal-body{
padding-top: 0px;
}
 .manual-email-content .mdsedtop{
    margin-top: 20px;
 }
 .actscroll,
 #contact-media-panel,
 #kpi-media-panel,
 #skills-list, #cbadge-history, #tpm-list, #tpm-edit{
    overflow-y: scroll!important;
    height: 700px !important;
 }
 #skills-list, #tpm-list{
    height: 100vh !important;

 }
 .clintcontainer .startegic-project-image-panel{
    width: auto!important;
 }

 .intiative-xmatrix-container .modal-body {
    padding: 50px 6px 5px 50px;
    background: #e3f0f8;
}
/* For modern browsers */
.xmatrix-chart-md::-webkit-scrollbar {
    width: 2px !important;
    height: 15px !important;
    padding: 2px;
    cursor: pointer !important;
    scrollbar-width: thin;
}

.xmatrix-chart-md::-webkit-scrollbar-thumb {
    background-color: #808080 !important;
    border-radius: 7px !important;
    padding: 2px !important;
    cursor: pointer !important;
}
.xmatrix-chart-md::-webkit-scrollbar-track {
    background-color: transparent;
    cursor: pointer !important;
  }

.xmatrix-chart-md::-webkit-scrollbar-thumb:hover {
    background-color: #424242;
    cursor: pointer !important;
}
/* For Firefox */
.xmatrix-chart-md {
    scrollbar-width: thin; /* Thin scrollbar */
}
.listviewpopprow{
    display: inline-block;
    width: 100%;
}
.addplusbtn{
    float: right;
    margin: 10px;
    background: #0061b5;
    color: #fff;
    font-size: 21px;
    padding: 9px 25px;
    margin-top: 26px;
}
.clintcontainer ul li .uilistifo{
    opacity: 0;
    right: 138px;
    font-size: 27px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 22px;
}
.clintcontainer ul li:hover .uilistifo{
    opacity: 8;
}
.listviewrow a{
    font-size: 20px;
    color: #ffffff;
    padding: 4px 5px;
    text-transform: capitalize;
    margin: 0px;
    display: inline-block;
    margin-top: 18px;
    margin-right: 7px;
    border-radius: 5px;
    cursor: pointer;
   
}
.listviewrow a.active{
    text-decoration: underline;
}
.listviewrow{
    width: 100% !important;
    margin: -16px 15px 15px 27px;
}
.addimggroup{
    width: 100% !important;
    display: inline-block; 
}
.formradioselectbtn.radio-btns label.btn span{
    font-size: 21px!important;
}
.addgroupmodal .blockfld{
    display: inline-block;
    float: none;
    width: 150px;
    font-size: 20px;
    border: 1px solid #ccc;
    margin-left: 0px;
    text-transform: capitalize;
    background: #fff;
}
.addphotoplus .addusermg img{
    width: 57px;
    border: solid 1px;
    padding: 3px;
    border-radius: 5px;
    margin-left: 4px;
}
.addimggroup .addpview{
    font-size: 23px;
    margin: 0;
    padding-left: 12px;
    font-weight: 600;
}
.addplusphoto .fa-plus{
    position: relative;
    top: -12px;
}
.addphotoplus{
    cursor: pointer;
    margin-left: 10px;
    margin-top: 15px;
    display: flex;
}
.addplusphoto{
    cursor: pointer;
    font-size: 60px;
    margin-right: 15px;
}
#add_org_group .modal-body{
    padding: 34px 20px;
}
.addusermg span{
    margin-bottom: 5px;
}
.addimggroup .group-raci-search-close{
    font-size: 28px;
}
.usermg{
    width: 150px;
    overflow: hidden;
    border: solid 1px #a69c9c;
    border-radius: 10px;
    cursor: pointer;
    margin: 14px 27px 1px 0px;
    background: #ffffff;
    height: 142px;
}
.usermg img{
    width: 100% !important;
    /*border-radius: 101px;*/
}
.addgroupmodal label{
    font-size: 20px;
}
.addgroupmodal input.form-control{
    height: 42px;
    font-size: 18px;
}
.addgroupmodal .btdelete{
    background: #f00;
    color: #fff;
    margin-right: 15px;
    text-transform: capitalize;
    font-size: 20px;
    padding: 5px 23px;
}
.addgroupmodal .btsave{
    background: #4CAF50;
    text-transform: capitalize;
    color: #fff;
    font-size: 20px;
    padding: 5px 23px;
}
.addgroupmodal .addfooter{
    display: inline-block;
    float: right;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-right: 17px;
}
#note-mgmt-panel, #note-mgmt-panel1 ,#tier-first-level-custom-matrix-mgmt-panel, #note-mgmt-panel-mytask{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: oklab(0 0 0 / 0.49);
    z-index: 88888;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    right: -100%;
    opacity: 1;
    transition: right .8s, opacity 0.50s;
    font-family: SourceSansPro;
    display: block;
}
#note-mgmt-panel .right-panel-container,#tier-first-level-custom-matrix-mgmt-panel .right-panel-container, #note-mgmt-panel-mytask .right-panel-container{
    padding: 30px 15px;
    width: 40%;
    background: #fbfbfb;
    float: right;
    height: 100%;
    position: relative;
}
#tier-first-level-custom-matrix-mgmt-panel .right-panel-container {
    width: 50% !important;
}
#tier-first-level-custom-matrix-mgmt-panel .note-mgmt-cotainer{
    width: 50% !important;
}
#note-mgmt-panel .add-container, #note-mgmt-panel1 .add-container,#tier-first-level-custom-matrix-mgmt-panel .add-container, #note-mgmt-panel-mytask .add-container{
    float: right;
    /* margin-top: -24px; */
    margin-top: -75px;
}
#note-mgmt-panel .create-btn, #note-mgmt-panel1 .create-btn,#tier-first-level-custom-matrix-mgmt-panel .create-btn, #note-mgmt-panel-mytask .create-btn{
    background: #3F51B5;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    margin-right:0px;
    border: none;
    border-radius: 5pc;
}
#note-mgmt-panel .create-addlink-btn, #note-mgmt-panel1 .create-addlink-btn, #note-mgmt-panel-mytask .create-addlink-btn{
    background: #3F51B5;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    margin-right:10px;
    border: none;
    border-radius: 5pc;
}
.note-mgmt-body {
    width: 100%;
    margin-top: 10px;
    background: #3f51b512;
    padding: 7px 10px;
    position: relative;
}
.note-mgmt-body .note-mgmt-row{
    background: #fff;
    padding: 8px 10px 0px;
    margin-bottom: 8px;
    border-radius: 5px;
}
.note-mgmt-row  .note-mgmt-body{
padding-left:0px ;
margin-top: 0px;
}
#note-mgmt-panel .noteclosemod, #note-mgmt-panel1 .noteclosemodm,#tier-first-level-custom-matrix-mgmt-panel .nclosemod,#monthly-archive-panelslider .archiveclosemod, #note-mgmt-panel-mytask .noteclosemod{
    position: absolute;
    left: -67px;
    top: 6px;
    padding: 2px 16px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 3px;
    color: #fff;
}
.card-rowcontain{
    width: 100%;
    display: inline-block;
    position: relative;
}
.addchartdrow{
    position: absolute;
    /*right: -136px;*/
    right: 0px;
    margin-top: 5px;
}
.addchartdrow .fmaul img{
    cursor: default;
    width: 21px;
    margin-right: 5px;
}
.addchartdrow .fmaul{
position: relative;
    float: left;
    display: flex;
    background: rgb(255, 255, 255);
    padding: 0px 9px;
    align-items: center;
    border-radius: 0px;
    color: #000000;
    height: 40px;
    margin-left: 2px;
    margin-top: 4px !important;
    line-height: 5px;
    font-size: 17px;
    font-family: sans-serif;
    font-weight: 800;
    border: solid 2px #c1c1c1;



}
.addchartdrow .fmaul .fa-plus{
    font-size: 25px;
    margin-right: 9px;
}
.dcheckpercentage{
float: right;
    display: flex;
    position: absolute;
    right: 33px;
    top: 13px;
    height: 23px; 
}
.op-chk-head .op-save-template-chk{
position: relative;
    top: -2px;
}
.op-chk-head .fa-file-excel-o{
background: none;
    position: relative;
    top: -4px;
    font-size: 15px;
}
.dcheckpercentage>div{
    padding: 0px 7px;
}

.dcheckpercentage .perc-check{
    min-width: 60px;
    text-align: center;
    padding: 2px 6px;
        margin-top: -2px;
}

.noteleftmod span{
    float: left;
    position: relative;
    right: 3px;
    font-size: 33px;
    top: 5px;
    line-height: 17px;
    padding: 5px 7px;
    height: 26px;
    width: auto;
    text-align: center;
    border-radius: 5px;
    display: flex;
    font-size: 17px;
    font-weight: 800;
}
.hover-deletpecil{
    position: absolute;
    top: 18px;
    right: 32px;
}
.hover-deletpecil .farightpen{
    position: absolute;
    left: -22px;
}
#note-mgmt-panel .note-mgmt-body h4, #note-mgmt-panel1 .note-mgmt-body h4, #note-mgmt-panel-mytask .note-mgmt-body h4{
    font-size: 15px;
    font-weight: 600;
}
.letmgmt{
    float: left;
}
.ritmgmt{
    float: right;
}
.note-mgmt-hd{
    font-size: 12px;
    font-weight: 600;
    position: relative;
    top: 5px;
    width: 100%;
    display: inline-block;
}
.farightpen{
    cursor: pointer;
    position: absolute;
    right: 8px;
}
.invisibletext{
    display:none;
  }
.note-mgmt-body .show{
    display:block;
  }

/* Report picker */
.open-close-rport-pdca.opened, .open-close-rport-init.opened, .open-close-rport-summ.opened, .open-close-rport-activity.opened, #talsklist-view.opened,#gantt-view.opened,#last-status-view.opened,#monthly-progress-report.opened,#activity-view.opened,#last-status-view.opened,#my-tasks-view.opened
{
    background: #0061b5!important;
    color: #000 !important;
}
.kpireportslide li.opened {
    background: #0061b5!important;
    color: #000 !important;
}

#my-tasks-view,#monthly-progress-report,#gantt-view, #true-north-btn
{
    background: #69ffff    !important;
}
#activity-view
{
    background: #a4a0aa!important;
}
/* Dashboard view picker */
#pdca-dash-btn.opened, #status-dash-btn.opened, #calendar-dash-btn.opened, #task-dash-btn.opened
{
    background: #0061b5!important;
    /* color: #000 !important; */
}
.disabled{
    background: #c7c3c3 !important;
}
  .note-mgmt-cotainer,.n-mgmt-cotainer{
    padding: 0px 0px 56px 0px;
    background: #fbfbfb;
    float: right;
    height: 100vh;
    overflow: auto;
    position: fixed;
    top: 47px;
    width: 38%;

  }
.note-mgmt-cotainer{
    height: 100%;
}

#tier-first-level-custom-matrix-mgmt-panel .n-mgmt-cotainer {
    width: 49%;
}
  .note-mgmt-body.mt-0{
    margin-top: 0px!important;
  }
.left-panel-container {
    position: absolute;
    width: 40%;
    color: white;
    height: 100%;
    padding: 30px 15px;
    margin: 40px 0px 0px 20px;
}
    .notehdwarinng ,.nwarinng{
        position: absolute;
        top: -40px;
        font-size: 20px;
        font-weight: 600;
        width: 150px;
  }
  .notehdwarinng .glyph-warning{
margin-right: 5px;
font-size: 24px;
  }
  #tier-first-level-custom-matrix-mgmt-panel .nwarinng{
    width: 235px !important;
    font-size: 22px;
  }
.srchfaheart {
width: 45px;
    cursor: pointer;
    display: none;
    text-align: center;
    margin-top: 5px;
    font-size: 11px;
    color: rgb(188, 195, 200);
    height: 43px;
    position: absolute;
    right: 25px;
}
.srchfaheart .fa-4x{
font-size: 2em;
    text-align: center;
    padding-top: 10px;
}
.checklistlefttag{
    float: left;
    display: flex;
    position: relative;
    top: 8px;
}
.mytaskreport .checklistlefttag .notescount{
    top: -6px;
    position: relative;
    font-size: 34px;
}
.checklistlefttag .open-documents-list-modal{
top: -10px;
    position: relative;
}
.firstheader .title-sec p{
    font-weight: bold;
}
.edit-checkbutton.infobtnhover{
    background: rgb(230, 230, 230);
    margin-left: 4px;
    margin-right: 0px;
    z-index: auto;
    top: 3px;
    position: relative;
    float: right;
    right: 0;

}
#datemgmnt-checkboxmodal .omf-checcontainer .to-open-label{
width: 100%;
    text-align: left;
    margin-top: 7px;
    font-size: 14px;
    margin-left: 10px;
}
#datemgmnt-checkboxmodal .omf-checcontainer .md-check-label{
    margin-left: 39px;
    font-size: 14px;
    position: relative;
    top: 6px;
}
#datemgmnt-checkboxmodal .omf-checcontainer .glyphicon-calendar{
font-size: 21px;
    position: relative;
    top: 12px;
    margin-right: 10px;
    color: #6f6c6c;
}
#datemgmnt-checkboxmodal .omf-checcontainer .datemgmt-checkboxrow{
width: 46%;
    float: left;
    border: solid 1px #d4cdcd;
    padding: 20px;
    border-radius: 4px;
    margin: 2%;
}
body #datemgmnt-checkboxmodal .datemgmt-checkboxrow ul li {
    font-size: 12px;
    margin: 4px;
    display: flex;
    align-items: center;
    height: 35px;
    width: 42px;
    padding: 0;
    justify-content: center;
}
body #datemgmnt-checkboxmodal  .checkrowfirstrow.datemgmt-checkboxrow ul li {
width: 40px;
height: 35px;    

}
 body #datemgmnt-checkboxmodal  .datemgmt-checkboxrow ul li.active{
    border : 5px solid #00489a;
}
.datemgmt-checkboxrocontainer{
        display: inline-block;
    width: 100%;
    margin: 15px 0px;
}
#datemgmnt-checkboxmodal .datemgmt-checkboxrow ul{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
#datemgmnt-checkboxmodal .datemgmt-checkboxrow ul li{
list-style: none;
    float: left;
    padding: 4px 15px;
    font-size: 20px;
    border: solid 1px;
    margin: 5px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
}

#datemgmnt-checkboxmodal .datemgmt-priority li.active{
    background : #00489a;
    color: #fff;
    border-radius: 6px;
}
#datemgmnt-checkboxmodal .to-open-date{
    text-align: center;
    width: 100%;
    display: flex;
    margin-top: 10px;
}
#datemgmnt-checkboxmodal .to-open-date .to-open-box {
        width: 240px;
    margin: auto;
    border: 1px solid #333;
    padding: 10px;
    font-weight:bold;
    cursor: pointer;
}
#datemgmnt-checkboxmodal .to-open-box + input {
    opacity: 0;
    height: 0;
    width: 0;
    padding: 0;
    display: block;
}
.plabelhd{
text-align: center;
    font-size: 14px;
    position: relative;
    top: -9px;
    font-weight: 600;
}
.infoheadrow .date-mngt-checkbutton{
padding-top: 4px;
       background: rgb(230, 230, 230);
    height: 28px;
    margin-top: 2px;
    border-radius: 3px;
    width: 73px;
    text-align: center;
}
.op-chk-head .get-checklist-notes {
    right: -8px;
    position: relative;
    font-size: 28px;
    display: flex !important;
    float: left !important;
    min-width: 31px;
    width: auto;
    margin-right: 5px;

}

.op-chk-head .get-checklist-notes  span {
  position: relative;
    line-height: 17px;
    padding: 5px 7px;
    height: 26px;
    width: auto;
    text-align: center;
    border-radius: 5px;
       font-size: 13px;
    font-weight: 800;
    color: #000000;
    
}


body .accordion-title .glyph-warning.stickyrightote{
position: absolute;
    top: 0px;
    right: 0px;
    width: 30px !important;
    height: 25px !important;
    line-height: 1.5 !important;
}
body .accordion-title .stickyrightote{
position: absolute;
    top: -9px;
    right: 0px;
    width: 30px !important;
    height: 25px !important;
    line-height: 1.5 !important;
}



.get-checklist-notes.glyph-warning.stickyrightote{
font-size: 18px;
}


.titlesecp{
  float: left;
    padding-left: 15px;
padding-top: 9px;
width: 80%;
}
.reset-task-dash-filter {
    float: right;
    position: absolute;
    right: 495px;
    margin-top: 55px;
    cursor: pointer;
    color: red;
}
#open-close-filter {
float: right;
    position: absolute;
    right: 60px;
margin-top: 55px;
    cursor: pointer;
}
#pdca-tasktype-filter {
    float: right;
    position: absolute;
    right: 360px;
    margin-top: 58px;
    cursor: pointer;
}
.closed-activity-options-container {
font-size: 18px;
    font-weight: 600;
    z-index: 3;
    left: 84px;
    position: absolute;
    margin-top: 10px;
    border-width: medium;
    /* width: 903px;
    /* border-top: solid 3px #c1c1c1;
    border-bottom: solid 3px #c1c1c1; */
    /* height: 100px; */
    padding: 10px 0px;
    top: -38px;
}
.closed-activity-options-container p{
font-size: 24px;
    font-weight: bolder;
    letter-spacing: 5px;
    padding-left: 5px;
    font-family: sans-serif;
}
.closed-activity-options-container .popover__wrapper{
    padding-left: 5px;
}
.closed-activity-options-container .dropdown-menu{
    width: 225px;
    font-size: 17px;
}
#open-close-filter button{
font-size: 18px;
    font-weight: 800;
    width: 96px;
    height: 36px;
    line-height: 0;
    /* font-weight: bold; */
    font-family: sans-serif;
    letter-spacing: 1.5px;
}
/* body .closed-activity-options-container{
    display: block!important;
} */
.popover__title {
font-size: 21px;
    line-height: 36px;
    text-decoration: none;
    color: #000;
    text-align: center;
       margin-top: -8px;
    /* background: #cac9c9; */
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 44px;
    margin-bottom: 0;
}
body .srchfaheart.active {
    color: #ff00db;
}
.task-details p{
display: flex;
    margin-bottom: 10px!important;
    border-bottom: solid 1px #d0cece;
    padding-bottom: 10px;
}
#useairesultmodal .task-details .label{
font-weight: bold;
    color: #000 !important;
    font-size: 1.3rem;
    width: 0;
    text-align: left;
    width: 20%;
}
#useairesultmodal .task-details .txt{
    width: 80%;
}
.project-notes-container .assistencebtn.rewrite-assibtn{
position: absolute !important;
    right: 76px;
    top: 17px;
    background: none;
}
.rewrite-assibtn .xl-assistence img{
    width: 62px;
    top: -20px;
    cursor: pointer !important;
}
.wrappertooltip .checkbox-btns label.checkbox::before{
    border: 2px solid #ffffff;
}
.wrappertooltip .checkbox-btns label.checkbox span::after,
.wrappertooltip .checkbox-btns label.checkbox span::before{
        background-color: #fefefe;
}
.popotext {
   padding-right: 5px;
    font-size: 20px;
    width: 226px;
    padding-bottom: 8px;
    letter-spacing: 1.5px;
    margin-top: 5px;
    font-weight: 500;
    font-family: sans-serif;
}
.popcotainer{
    display: flex;
    align-items: center;
}
.popover__wrapper {
  position: relative;
  display: inline-block;
}
.popover__content {
opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 100px;
    background-color: #ffffff;
    width: auto;
    width: 276px;
   margin-top: 10px;
}
.popover__content ul{
    padding: 0;
    margin: 0;
}
.popover__content ul li{
    list-style: none;
    border: solid 1px #dcdbdb;
        padding: 6px 10px;
    cursor: pointer;
}
.addteam {
width: 193px;
    height: 87px;
    background: #fff;
    border-radius: 19px;
    font-size: 24px;
}
.report-sheet .report-sheet-body.kpi-bowler-weekly-body{
    overflow: initial;
}
.addteam span{
    display: block;
    line-height: 1;
}
.popover__content ul li a{
color: #000;
    font-size: 17px;
}
.popover__content ul{
border: solid 1px #000;
}
.addteamrow #add-team{
position: absolute;
    left: -16px;
    float: right;
    cursor: pointer;
    top: 50px;
}
#add-team-text{
    display: block;
}
#company-card {
    margin-top: -26px;
}

.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfbfbf transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}
















/* #close-filter-options {
    text-align: left;
    font-size: 18px;
    padding: 8px 21px;
    width: 225px;
    margin-top: 7px;
    height: auto;
} */
#close-filter-options .active {
    background-color: #2088e6 !important;
    color: #fff;
}
.calendar-year-filter-process-options .active, .calendar-year-filter-issues-options .active, .calendar-year-filter-options .active {
    background-color: #2088e6 !important;
    color: #fff;
}
.addgroupmodal .modal-body{
    padding: 30px;

}
.addgroupmodal #dropdownMenu-custom-matrix-kbowner{
    height: 47px;
    font-size: 19px;
    margin-bottom: 18px;
}
.addgroupmodal .bt-input-box>label{
    position: relative;
    top: 0;
    left: 2px;
    font-size: 19px;
}
.addgroupmodal #custom-matrix-owner-team{
    top: 47px;
    font-size: 19px;
}


.srchproject{
    float: right;
    position: absolute;
    right: 95px;
margin-top: 43px;
  }
.srchproject .cm-searchbox, .kpi-searchbox .cm-searchbox {
    display: flex;
        align-items: center;
    width: 190px;
    margin-right: 60px;
}
.srchproject .cm-searchbox .form-control, .kpi-searchbox .cm-searchbox .form-control{
    height: 45px;
    padding-right: 40px;
    width: 193px;
}
.cm-searchbox #cm-search-clear{
}
.srchproject .cm-searchbox .fa-binoculars,
.kpi-searchbox .cm-searchbox .fa-binoculars {
    position: relative;
    right: 29px;
    font-size: 17px;
    top: 2px;
}
.right-functional-btn-panel .material-checkbox>input[type="checkbox"]+span::before{
content: "";
    width: 28px;
    height: 28px;
    border: solid 2px rgb(255 255 255);
    background: #eee;
}
.right-functional-btn-panel .material-checkbox>input[type="checkbox"]+span::after {
    content: "";
    top: 6px;
    left: 25px;
    width: 10px;
    height: 13px;
    /* background: #026cc0; */
}
.right-functional-btn-panel .material-checkbox>input[type="checkbox"]:checked+span::after {
    border-color: #000;
}
.right-functional-btn-panel .choose-p{
    color: #000;
    background: #2f2d2d;
}
.tooh3.choose-p {
    padding: 5px 12px;
    color: white;
}
.tooh3.toolchoosetip.with-tooltip::after
 {
width: 407px;
    text-align: center;
    font-size: 17px;
    bottom: 121%;
    margin-left: 30px;
    padding: 25px;
    line-height: 26px;
}
.srchproject .cm-searchbox #cm-search-clear,
.kpi-searchbox .cm-searchbox #kpi-search-clear{
    position: relative;
    right: 56px;
    font-size: 20px;
    color: #f00;
    background: #fff;
    border: none;
}

.dash-switch-view {
    float: right;
    position: absolute;
    right: 1px;
    margin-right: 30px;
    margin-top: 40px;
    cursor: pointer;
    width: 201px !important;
}

/* Dashboard view type */
.dashboardslide .widget .menu .list li img,
.dash-icon-containersecond .widget .menu .list li img{
    width: 42px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.dashboardslide .widget .menu .list li a,
.dash-icon-containersecond .widget .menu .list li a{
    font-size: 16px;
    text-align: center;
    color: #000;
    line-height: 1;
}
.dashboardslide .widget .menu .list li a{
    font-size: 20px; 
}
.dashboardslide .widgetsmenurow-filter {
    bottom: 440px;
}
.dashboardslide .widget.active .widgetsbtndashboard, .dashboardslide .widget .widgetsbtndashboard{
    display: none;
}
.micro-proceshd-header .vertical {
    margin-left: 5px!important;
    top: 18px;}

    #risk-report .cat-header>p{
  font-size: 39px;
}

.textclose{
    font-size: 21px !important;
    right: 103px !important;
    z-index: 999999;
    color: #000 !important;
    background: none !important;
    /* border: solid 1px !important; */
    border-radius: 0;
    height: 43px;
    cursor: pointer;
    width: 100px;
    text-decoration: underline;
    top: 22px;

}


.tpmreportcontain .presto-table-h>div{
    height: 53px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;  
}
.tpmreportcontain .presto-table-h{
    background: #043a65;
}
.tpmreportcontain #badge-desc-rep p a{
    float: right;
    text-decoration: underline;
    font-size: 27px;
        margin-top: 16px;
}
.tpmreportcontain #badgecat-rep {
    display: flex;
    align-items: center;
}
.tpmreportcontain #badgecat-rep>img{
border: solid;
}
.tpm-short-desc-link{
    top: -101px;
    left: 71%;
    font-size: 19px;
    position: relative;
    text-decoration: underline;
    height: 50px;
    color: #fff;
}
.ld-name div{
    position: relative;
    top: -6px;
}
.ld-skill-list-element{
    position: relative;
    top: -16px;
}
#tpm-upcont .fs-row{
    height: 90px;
}
.close-p{
    position: relative;
    display: inline-block;
    width: 100%;
    top: -25px;
}
.privacy-dividor{
    width: 10px;
    background: #000;
    height: 65px;
    float: left;
    position: relative;
    top: 0px;
    margin: 0px 20px;
}
.catchball-btn{
 /*   position: absolute;
    top: 56px;
    left: 32%;
    line-height: 1.7;
    padding: 8px;
    width: 110px;*/
    color: #333;
    background-color: #fff;
    border-color: #585454;
    font-weight: bold;
}

.gntbody{
    height: 93vh;
}
#note-mgmt-panel1 .right-panel-container{
    padding: 30px 15px;
    width: 100%!important;
    background: #fbfbfb;
    float: right;
    height: 1000px;
    position: relative;
}
#note-mgmt-panel1 .right-panel-container .note-mgmt-cotainer{
    padding: 0px 0px 56px 0px;
    background: #fbfbfb;
    float: right;
    height: 95%;
    overflow: auto;
    position: fixed;
    top: 50px;
    width: 98%!important;
}
.confirm-notes-selection {
    position: absolute;
    right: 5px;
    top: 5px;
}
#note-mgmt-panel1 .note-mgmt-body .note-mgmt-row-div{
    display: flex;
}
#note-mgmt-panel1 .note-mgmt-body .note-mgmt-row{
    width: 95%;
    margin: 5px 0px 0px 10px;
}
#note-mgmt-panel1 input[type="checkbox"] {
    width: 40px;
    height: 40px;
}
#note-mgmt-panel1 .note-mgmt-body input[type="checkbox"] {
    margin-top: 20px;
}
#selectAllCheckboxNotes{
    margin: -3px 12px 0px 12px;
}

.projectleftadminrow .parentadminrow{
    display: flex;
        width: 100%;
        justify-content: left;
        margin-top: 11px;
        margin-left: 24px;
    
}
#opp-popup-close{
    position: absolute !important;
    right: 120px !important;
}
.favowericon{
    position: absolute!important;
    right: 70px!important;
    z-index: 22;
}
#projectleftadminrow.projectleftadminrow{
    height:auto;
    left: 0;
    top: 0%;
    margin: 0 0%;
    position: fixed;
    z-index: 18;
    border-radius: 3px;
    width: 89%;
    display: inline-block; 
}
.leftrowcontaier{
    float: left;
    min-height: 1px;
    width: 67%;
    margin-right: 3%;
}
#opp-popup.flipopppopup{
   width: 68% !important;;
}
#opp-popup.flipopppopup
{
    display:none;
}
.ritlpop{
  
}
/* .popprit{
    position: absolute;
    right: 15px;
    margin-top: -140px;
} */
.popprit,
.stickyrowrt{
    position: fixed;
    top: 145px;
    right: 12%;
    width: 23.11% !important;
}
.pdcaicon{
        position: relative;
    left: -7px;
    top: -4px;
}
.pdcaicon img{
width: 22px;
}
.po-costteaxtarea .form-control{
    font-size: 1.35em;
padding: 0.4em;
height: 6.5em;
}
.stackViewopp .po-costteaxtarea .form-control{
        height: 5.5em;
}

.stackViewopp .moreCheckist{
right: 225px !important;}


.aninate.d-two,
.aninate.d-noe{
display: none;
}
.anite{
	animation: 4000ms fadeIn ease-in-out;

}

.right-info.current,
.ritlpop.current{
    animation: 500ms fadeOut ease-in-out;
    opacity: 0;
    z-index: 0;
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(1.5rem);
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateX(1.5rem);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
  


.ritlpopsticky{
    top: 90px;
    width: 100% !important;
    position: fixed;
        right: 11%;
}
.stickyrhead{
    position: fixed;
    top: 62px;
    left: 22px;
    width: 61% !important;
    z-index: 55;
    padding-top: 17px;
    background: rgba(0, 0, 0, 0.5);
    height: 83px;
}
.overlaybg{
    background-color: #000;
}
.checkboxheadflex .owl-carousel {
    z-index: auto;
}
.import-chk-panel .all-process-checklist:nth-child(even){
background: #e7e7e7;
}
.import-chk-panel .initiative-checklist:nth-child(even){
    background: #e7e7e7;
}
.import-chk-panel .checklist_type_radio .btn{
    margin-right: 15px;
}
.import-chk-panel .presto-table-h {
    margin-top: 10px;
    background: #337ab7;
}
.import-chk-panel .radio-btns label.btn span{
    padding-left: 11px;
}
.rowAi{
    width: 100% !important;
}
.overlaybgd{
    background: rgba(0, 0, 0, 0.5);
    width: 98.77777777% !important;
    padding: 5px;
    top: -14px;
    position: relative;
    height: 80px;
    align-items: center;
    left: -2px;
    justify-content: center;

}
.priorityoppaddopp{
    position: absolute;
    right: 27px;
    top: 82px;
    font-size: 25px;
    font-weight: 700;
    border: solid 1px;
    width: 207px;
    padding: 5px 10px;
    border-radius: 5px;
}


.linking-popup::before{
    content: "";
    background: #040404d1;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    z-index: -11111;
}
.parentbtnrow .right-panel-container::before{
    content: "";
    background: #040404d1;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -11111;
}
.flipopppopup .favowericon,
.flipopppopup .left-info,
.flipopppopup #opp-popup-title{
    display: none;
}
.mgpanelmodal .note-mgmt-cotainer{
    position: relative!important;
    top: 0px !important;
}
.mgpanelmodal .note-mgmt-body {
    background: none !important;
}
.mgpanelmodal .right-panel-container{
    height: 100%!important;
}
body .mgpanelmodal .hClass{
    font-weight: bold!important;
    font-size: 23px!important;
}
.letmgmt {
    float: left;
    font-size: 16px;
}
.mgpanelmodal .confirm-notes-selection {
    right: 24px!important;
    top: 26px!important;
    font-size: 17px;
}
.notehdwarinng,.nwarinng {
    position: relative!important;
    display: flex!important;
     align-items: center!important;
    width: 150px;
}
.mgpanelmodal .ritmgmt {
    float: right;
    font-size: 16px;
}
#note-mgmt-panel1.mgpanelmodal  .noteclosemod {
   left: auto;
    right: -116px!important;
    font-size: 23px;
}
#note-mgmt-panel1.mgpanelmodal .visiblegext,
#note-mgmt-panel1.mgpanelmodal .visiblegext p{
    font-size: 16px;
}
#note-mgmt-panel1 .notetext{
    font-size: 20px;
}
.hover-deletpecil span{
    font-size: 16px;
}
.addsendnote{
    position: absolute;
    right: 232px;
    float: right;
    top: 13px;
    background: #fff !important;
    border: solid 2px #7f7f7f;
    height: 50px;
    /* width: 169px; */
    width: fit-content;
    font-size: 20px;
    color: #000 !important;
    display: flex;
    align-items: center;
}
.addsendnote span{
    font-size: 36px;
    /* position: absolute; */
    line-height: 0px;
    margin-right: 7px;
}
.seleceted-notes-info{
    font-size: 26px !important;
}
.mgpanelmodal .notehdwarinng {
    top: -23px;
}
.note-edit-is-lastupdate{
    float: right;
    width: fit-content;
    font-size: 15px;
    margin-top: 1px;
}

.popupNote-contentOverLay .note-privacy .material-checkbox{
    position: static !important;
}
.right-panel-container .material-checkbox>input[type="checkbox"]+span::after {
    content: "";
    top: 2px;
    left: 1px;
}
.hoshinmodaldegalut{
    background-color: #00000091 !important;
    width: 100%;
    height: 120%;
    position: fixed;
    z-index: 99;
    padding: 50px;
}
.rowhosinright .imgdiv .infofa{
    color: #ffffff;
    font-size: 28px;
    margin-left: 9px;
}
.usercustom{
    font-size: 28px;
    font-weight: bold;
    margin-left: 16px;
}
.rowhosinright .imgdiv .imgcotain{
    font-size: 23px;
    margin-left: 25px;
}
.rowhosinright .infofa {
    float: right;
    width: 50px;
    display: flex;
    z-index: 88;
    align-items: center;
    justify-content: center;
}
.rowhosinright .imgdiv .close{
    position: absolute;
    left: 66px;
    top: 0;
    background-color: #fff;
    opacity: 8;
    width: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    height: 23px;
}
.rowhosinright .imgdiv .customisedMatr {
    background: none;
    font-size: 19px;
    margin-right: 15px;
   border:solid 1px #fff;
}
.rowhosinright .go-to-div  .btn-default{
    margin-left: 274px;
    font-size: 21px;
    margin-top: 9px;
    position: relative;
    top: -21px;
}
.rowhosinright .go-to-div {
    float: right;
}
.tircontaier{
    padding: 50px 12px !important;
}
.tircontaier .hosincustommmetrix{
    font-size: 21px;
    width: 100%;
    display: inline-block;
    padding-left: 12px;
}
 #tier-first-level-custom-matrix-mgmt-panel .tircontaier .n-mgmt-cotainer{
    width: 100%;
    background: none;
    width: 100;
    position: relative;
    top: -22px;
    height: 800px;
    overflow: auto;
    left: 0;
    float: none;
}
.tircontaier .hosincustommmetrix .infofa{
    top: 12px;
}

.tircontaier .hosincustommmetrix:nth-child(odd){
    background-color: #dcdcdc91 !important;
    border-radius: 8px;
}
.rowcustommatrixhd{
    display: inline-block;
    width: 100%;
    font-size: 20px;
    padding-bottom: 0px;
    margin-top: 1px;
    font-weight: 600;
    margin-bottom: 16px;
}
.inhderrow{
    padding: 10px 15px;
    padding: 10px 30px;
    overflow: hidden;
}
#tier-first-level-custom-matrix-mgmt-panel .tircontaier #gMatrixSearch {
    height: 38px;
    width: 243px;
    font-size: 19px;
    padding: 5px 15px;
    border-radius: 2px;
    margin-right: 22px;
}
#tier-first-level-custom-matrix-mgmt-panel .tircontaier  .create-btn{
    font-size: 19px;
    padding: 7px 32px;
}
.hosinmmetrix,.hosincustommmetrix{
    position: relative;
}
.hosinmmetrix .infofa,.hosincustommmetrix .infofa{
    position: absolute;
    top: 30px;
    right: 20px;
    color: #fff;
    z-index: 88;
    cursor: pointer;
}
#tier-first-level-custom-matrix-mgmt-panel .hosincustommmetrix .infofa{
    color: #000;
}
.rowhosinright .imgdiv .checkmark{
    top: 27px;
    left: -54px;
}
.rowhosinright{
    color: #000;
    margin-left: 55px;
    display: none;
    height: 461px;
    margin-top: -85px;
}
.rowhosinright .imgdiv{
    border: solid 1px #eee;
    position: relative;
    padding: 10px 15px;
    border-radius: 8px;
    display: flex;
    color: #fff;
    align-items: center;
    margin-bottom: 10px;
}


.hoshincotaier .fa-plus{
padding-left: 10px;
cursor: pointer;
font-size: 10px;
font-size: 26px;
}
.rowhosinright h3{
    font-size: 30px;
    font-weight: 600;
}
.rowhosinright .subp{
    font-size: 19px;
    margin-bottom: 20px;
}
.rowhosinright  label{
    font-size: 18px;
}
.infofa{
    position: relative;
    right: 6px;
    font-size: 28px;
    /* top: 19px; */
    float: right;
}
.imgcotain{
    display: flex;
    width: 100%;
    justify-content: right;
}
.imgdiv .checkbox-container{
    right: -41px;
    top: -18px;
}
.hoshd{
    color: #fff;
    font-size: 31px;
    float: left;
    padding-top: 16px;
}
.cahrtpmassari{
    position: absolute;
    right: 0;
    bottom: 0;
}
.musernatrix img{
    cursor: default;
    width: 95px;
    border: solid 1px;
    border-radius: 15px;
}
.metrixuser h3{
    text-align: left!important;
    font-size: 35px;
    padding: 0!important;
    font-weight: 700;
}
.metrixuser p{
    font-size: 22px;
    padding-top: 10px;
}
.usermtag{
    padding: 30px;
}
.metrixuser{
    display: block!important;
    padding-left: 21px;
}
.userxmatrixrow{
    vertical-align: top!important;
    border:none !important;
}
.xmatrix-chart-md .row .userxmatrixrow div{
    justify-content: left;
    align-items: flex-start;
}
.hosinrow{
    display: flex;
    align-items: center;
}
.hoshinmodaldegalut h1{
    color: #fff !important;
    font-size: 30px;
}
.hoshincotaier{
    background-color: #151515cc !important;
    padding: 50px;
    height: 100%;
    margin-top: -21px;
}
.rowhosin,.rowcustommatrix{
    border: solid 1px #eee;
    padding: 10px 15px;
    border-radius: 8px;    
    display: flex;
    color: #fff;
    align-items: center;
    margin-bottom: 10px;
}
.rowcustommatrix {
    color: #000 !important; 
}
.hoshinmodalrow{
    margin-top: 30px;
    display: inline-block;
    width:100%;;
}
.addtier{
    float: right;
    background: #0079bf;
    padding: 10px 26px;
    border-radius: 55px;
    font-size: 23px;
    cursor: pointer;
}
.tierhead{
    position: absolute;
    top: 9px;
    font-size: 48px !important;
}
.hosinrow>div{
    float: left;
    margin: 5px;
}
.hosinrow>div img{
    width: 55px;
    border-radius: 9px;
    border: solid;
    height: 55px;
    margin-left: 5px;
}
.rowhosin p,.rowcustommatrix p{
    font-size: 24px;

}
.ifocount{
    position: relative;
    right: 22px;
    font-size: 26px;
    margin-left: 21px;
}
.hp-tier-edittable{
    position: relative;
    top: -11px;
    width: 100px;
    font-size: 19px;
}

.go-to-div{
z-index: 1;
}

.rowhosin .subp{
    font-size: 18px;
}
.catchball-body .hp-panel-desc>p{
    font-size: 21px;
    letter-spacing: 1px;
    padding: 4px;
    color: #fff;
}

.catchball-body  .hp-panel-desc{
    background: #223A5E;
}
.catchball-body  .hp-top-right{
    margin-top: 0px;
}
.catchball-body .hp-top-right,
.catchball-body .hp-top-left{
    height: 810px;
}

.catchball-body .presto-table-b .row>div{
    display: flex;
    align-items: center;
    height: 42px;
    justify-content: center;
}
.catchball-body .hp-editlabel{
    justify-content: left!important;
}

.catchball-body .btn{
    margin-left: 51px;
}
.catchball-body .hp-remove-row{
    margin-left: 0px !important;
}
.catchball-body .modal-content{
    background: none;
}
#dashbordHoshinModal .catchball-body .hp-top-left .presto-table-b {
    height: 100vh !important;
}
.catchball-body .presto-table-b>.row:nth-child(odd){
    background: #eee;
}
.catchball-body .hp-top-right .presto-table-b {
    height: calc(100% - 50px);
}
.hplongpanel h1{
    color: #fff;
    padding: 10px;
}
.hplongpanel p{
    color: #fff;
    padding: 10px;
}
.startegicflex{
    display: flex;
    font-size: 17px;
}
.subtie{
    padding-left: 20px;
}
.subtie .subp{
    font-size: 19px;
    padding-top: 5px;
}

/* Placed to top right corner */
/* .disactivate-auto-open-task-report {
    position: fixed;
    float: right;
    background-color: #fff;
    margin-right: 75px;
    height: 48px;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 21px;
    color: #000;
    right: 20px;
} */
.disactivate-auto-open-task-report { 
    cursor: pointer;
    background: #2196F3;
    color: #ffffff;
    margin-top: 50px;
}

.disactivate-auto-open-task-report span{ 
    margin-left: 20px;
    font-size: large;
    text-align: center;
}

.cm-raci-change-process{
display: none;
width: 146px;
    position: relative;
    top: -38px;
    left: 57px;
}

.pbtton{
    padding: 8px 15px;
    font-size: 17px;
    margin-right: 10px;
    background: #003f76;
    color: #ffffff;
    border-radius: 7px;
}
.frightchat{
    justify-content: end;
}
.leftrowmonthly{
    float: left;
    width: 20% !important;
}
.monthlyrow{
    float: left;
    width: 6.66% !important;
}
.monthlyrow div:first-child{
    background: #044f90;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.monthlyrow div,
.leftrowmonthly div{
    height: 60px;
}
.monthlydetailsrow{
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.monthlydetailsrow div:first-child{
    width: 20%;
}
.monthlydetailsrow div{
    min-height: 184px;
    width: 80%;
    padding: 10px;
    font-size: 18px;
    font-weight: 800;
    border: 1px solid #ddd;
    text-align: center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidePanelrow div{
    font-size: 18px;
    font-weight: 800;
}
.monthlyrow div,
.leftrowmonthly div{
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.leftrowmonthly div:first-child{
    border-top: 1px solid #ddd;
}

.monthlyrow div{
    border-right: 1px solid #ddd;
}

#dashbordHoshinModal .presto-p-header>p{
    text-align: left;
 padding-left: 12px;
 font-size: 21px;
 margin-top: 4px;
}
#dashbordHoshinModal .presto-p-header {
    height: 60px;
}
#dashbordHoshinModal .presto-p-header .pmanul{
    margin-top: 10px;
}
.tierlist-panel ul li span{
    color: #000;
}

#list-linked-goal-panel .startegicptext,#list-linked-user-goal-panel .startegicptext
 {
    width: 75%!important;
 }
 .long-term-panelmodal .hplongpanel h1{
    margin: 0px;
    padding: 0px;
 }
 .strategy-h1 {
        font-size: 50px;
    color: #ffffff;
    display: inline-block;
    width: 100% !important;
    margin-left: -12px;
    /* margin-top: -252px; */
    position: relative;
    top: -105px;
 }

 #accoutableviewcascade .modal-dialog, #accoutableviewcascadechecklist .modal-dialog{
width: 340px;
 }
 #accoutableviewcascade .modal-content,#accoutableviewcascadechecklist .modal-content{
    background-image: none;
    background: #000000;
 }
 #accoutableviewcascade h3,#accoutableviewcascadechecklist h3{
    color: #fff;
 }
 #accoutableviewcascade .modal-body,#accoutableviewcascadechecklist .modal-body{
padding: 40px 30px;

 }

 #accoutableviewcascade  button.close ,#accoutableviewcascadechecklist  button.close {
    color: #ffffff;
    opacity: 8;
    right: 18px;
    position: absolute;
    top: 7px;
    font-size: 30px;
    z-index: 8;
}
#accoutableviewcascade h3,#accoutableviewcascadechecklist h3{
 padding-bottom: 17px;
}

 .long-term-panelmodal .modal-content{
    margin-top: 100px;
 }
 .mytask-status-oppenclose{
    width: 300px;
    background: #a1a5a7;
    color: #ffffff;
    display: flex;
    font-size: 18px;
    border-radius: 36px;
    margin-bottom: 16px;
    border: solid 1px transparent;
    overflow: hidden;
 }
 .mytask-status-oppenclose div{
    width: 33%;
    text-align: center;
    border-right: solid 1px;
    padding: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
 }
 .mytask-status-oppenclose div:last-child{
    border-right: none;
 }
.mytask-status-oppenclose div.active {
    text-decoration: underline;
    font-weight: bold;
    background-color: #2088e6 !important;
    color: #fff;
}
.mytask-status-oppenclose div:first-child.active {
    border-radius: 36px 0 0 36px;
}
.mytask-status-oppenclose div:last-child.active {
    border-radius: 0 36px 36px 0;
}
.mytask-lastcomment-switch {
    width: 300px;
    background: #a1a5a7;
    color: #ffffff;
    display: flex;
    font-size: 18px;
    border-radius: 36px;
    margin-bottom: 16px;
    border: solid 1px transparent;
    overflow: hidden;
}
.mytask-lastcomment-switch div{
    width: 50%;
    text-align: center;
    border-right: solid 1px;
    padding: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}
.mytask-lastcomment-switch div:last-child{
    border-right: none;
}
.mytask-lastcomment-switch div.active {
    text-decoration: underline;
    font-weight: bold;
    background-color: #2088e6 !important;
    color: #fff;
}
.mytask-lastcomment-switch div:first-child.active {
    border-radius: 36px 0 0 36px;
}
.mytask-lastcomment-switch div:last-child.active {
    border-radius: 0 36px 36px 0;
}
 .right-functional-btn-panel #status-filter-task-search {
    box-shadow: none;
}

.sortable-divst .row{
    position: relative;
}

.viewenvolop .smileicon img{
width: 20px;
    position: relative;
    right: -23px;
    cursor: pointer;
    top: 2px;
}

/* Container Tooltip */
.viewenvolop .popptooltip {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-right: 40px; */
    cursor: pointer;
     background: none!important;
    border: none!important;
    box-shadow: none!important;
}
body .viewenvolop{
position: absolute;
  left: -53px;
     background: none!important;
    border: none!important;
    box-shadow: none!important;
}


.omf-task{
        margin: 0;
    text-align: center;
    font-size: 22px;
    margin-bottom: 22px;
    font-weight: 600;
}
.infoicon{
    margin-left: 10px;
    background: #e7e7e7;
    padding: 5px 14px;
    border-radius: 5px;
}
.saveclosebtn{
    width: 122px;
    margin: 0 auto;
    display: block;
    background: #2196F3;
    color: #ffffff;
    margin-top: 30px;
    font-size: 17px;
}
.meutooltip i{
    display: block;
}
.poophoverinfo.zoomtool03.with-tooltip::after
 {
    font-size: 1.3rem;
    padding: 10px 10px;
    font-weight: 700;
}



/* Style text tooltip */
.viewenvolop .tooltipText { 
background-color: #fff;
    top: -9px;
    display: flex;
    height: 25px;
    /* align-items: center; */
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    opacity: 0;
    transition: all .5s;
    width: 60px;
    /* left: 14px; */
    border: solid 1px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, 
    rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
/*  Membuat dan style tip*/
/* .viewenvolop .tooltipText::after {
    content: '';
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 40%;
    margin-left: 5%;
} */

/* Hover text tooltip */
.viewenvolop .popptooltip:hover .tooltipText{
    opacity: 1;
    transform: translateY(-30px);
}
.tooltipText ul{
    padding: 0;
    margin: 0;
}
.tooltipText ul li{
list-style: none;
    float: left;
  width: 28px;
    border-right: solid 1px;
    /* text-align: center; */
    width: 28px;
    text-align: center;
}
.tooltipText ul li:last-child{
    border: none;
}
.tooltipText ul li img{
    right: 0;
    left: 0;
}

.omf-checkboxmodal .modal-dialog{
    width: 480px;
}
.omf-checkboxrow ul{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.omf-checkboxrow ul li{
list-style: none;
    float: left;
    padding: 4px 15px;
    font-size: 20px;
    border: solid 1px;
    margin: 5px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
}
.omf-checkboxrow ul li.active{
    background-color: #00489a;
    color: #fff;
    border-radius: 6px;
}
.omf-checcontainer{
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
}
.omf-checkboxrow{
    margin-bottom: 10px;
}
.omf-row ul{
     padding: 0;
    margin: 0;
}
.omf-row ul li{
    list-style: none;
    float: left;
    padding: 6px 10px;
    margin: 0 6px;
    border-radius: 8px;

}
.omf-row ul li.active{
    border: 2px solid #333;
}
.omf-rowcontain{
        display: flex;
        justify-content: center;
}
.taskoppencgeckbox{
display: inline-block;
    width: 400px;
    text-align: center;
    /* margin: 0 auto; */
    margin-left: 126px;
    margin-top: 24px;
    margin-bottom: 10px;
}
.taskoppencgeckbox .md-check-box{
    margin: 0;
}
.taskoppencgeckbox .md-check-box .checkbox {
    margin-left: 0px;
    margin-top: -23px;
}
.ifoteam{
margin-left: 19px;
    font-size: 20px;
    background: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    border: solid 1px #eee;
    position: relative;
    top: 3px;
    left: -12px;
}

.taskoppencgeckbox .zoomtool03.with-tooltip::after {
    font-size: 11px;
}





.taskoppencgeckbox .md-check-label{
position: relative;
    left: 41px;
    font-size: 15px;
    font-weight: 600;
    top: 5px;
}

.memobox{
    border: solid 1px;
    margin: 25px 0px;
    width: 310px;
    margin: 0 auto;
    margin-top: 23px;
}
.omf-row p{
    text-align: center;
    padding-top: 18px;
}
.omf-closedate{
padding: 7px 8px;
    border: solid 1px;
    height: 37px;
    margin: 14px;
    font-size: 14px;
    font-weight: 600;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    margin-top: 9px;
}
.tooltipText span{
display: block;
    line-height: 7px;
    position: relative;
    left: -2px;
    top: -2px;
}
body .poophoverinfo{
    position: absolute;
    right: 364px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    /* border-radius: 25px; */
    margin-top: 4px;
    line-height: 3px;
    color: #2f2c2c;
    height: 20px;
    width: 20px;
    padding-top: 0;
}
body .poophoverinfo .fa {
    font-size: 20px;
}
.omf-rowcontain  .zoomtool03.with-tooltip::after {
    font-size: 11px;
    font-weight: 800;
}
.to-closed {
    text-align: center;
    margin: auto;
    width: 50%;
    margin-top: 10px;
}
.to-closed .to-closed-box {
    width: 90%;
    margin: auto;
    border: 1px solid #333;
    padding: 10px;
    cursor: pointer;
}
.to-closed-box + input {
    opacity: 0;
    height: 0;
    width: 0;
    padding: 0;
    display: block;
}
.select-all-row .fa{
position: relative;
    top: 5px;
    margin-right: 7px;
}
 body #note-mgmt-panel-mytask .note-mgmt-body h4{
    font-size: 26px;
 }

 body #note-mgmt-panel-mytask .letmgmt {
    font-size: 20px;
}
body #note-mgmt-panel-mytask .ritmgmt{
font-size: 16px;
}
body #note-mgmt-panel-mytask  .noteclosemod{
    left: -101px;
    font-size: 21px;
}
body #note-mgmt-panel-mytask .note-mgmt-body.mt-0 {
    margin-top: 7px !important;
}
body #note-mgmt-panel-mytask .create-btn,
body #note-mgmt-panel-mytask .create-addlink-btn{
    padding: 5px 15px;
    font-size: 17px;
}

body #note-mgmt-panel-mytask .notehdwarinng{
    top: -30px;
    font-size: 25px;
}
body #note-mgmt-panel-mytask .notehdwarinng .glyph-warning{
    font-size: 35px;
}

body #note-mgmt-panel-mytask .visiblegext{
    font-size: 18px;
}
body #note-mgmt-panel-mytask .note-mgmt-body .jqte_editor{
    font-size: 16px;
}
body #note-mgmt-panel-mytask .jqte_toolbar{
    zoom: 1.3;
}
body #note-mgmt-panel-mytask .note-mgmt-cotainer{
    margin-top: 22px;
}
body #note-mgmt-panel-mytask .editor-content,
body #note-mgmt-panel-mytask .jqte *{
    font-size: 16px;
}
.slidepaneloverlay{
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 88;
    top: 0;
    bottom: 0;
    width: 100%;
    background: oklab(0 0 0 / 0.49);
    z-index: 888;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    right: -100%;
    opacity: 1;
    transition: right .8s, opacity 0.50s;
    font-family: SourceSansPro;
    display: block;
}
 .sldepanel{
padding: 30px 15px;
    width: 60%;
    background: #fbfbfb;
    float: right;
    height: 100%;
    right: 0;
    position: relative;
    top: 0;
    z-index: 88;
 }
 .slideclosemod
 {position: absolute;
    left: -77px;
    top: 6px;
    padding: 2px 16px;
    cursor: pointer;
    font-size: 21px;
    border-radius: 3px;
    color: #fff;
 }
 .slideapprovehead{
    width: 100%;
    display: inline-block;
    border-bottom: solid 1px;
    padding-bottom: 23px;
    border-color: #c8ccd0;
    display: flex;
    justify-content: end;
 }
.slideapprovehead .approveRejectAllButton{
    margin-right: 10px;
}
.sldepanel .search-from {
    position: relative;
    width: 30%;
    margin-right: 20px;
}
.sldepanel .search-from #search-approve-panel {
    height: 45px;
    font: 20px;
}
.sldepanel .search-from button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    width: 50px;
    background: none;
    /* color: #fff; */
    border: none;
    font-size: 21px;
}
.sldepanel .search-from .d-none {
    display: none;
}
.approvebutton,
.resultbtn {
    font-size: 22px;
    background: #ffffff;
    border-radius: 48px;
    margin-right: 15px;
    float: right;
    border: solid 1px;
                 }
.approvebutton.active,
.resultbtn.active {
    background: #4CAF50;
    color: #ffffff;
}
.listapprovecontainer{
        width: 100%;
    display: inline-block;
    margin-top: 15px;
    overflow-y: auto;
    height: 95%;
}
/* .slidepaneloverlay .listapprovecontainer{
 overflow-y: inherit;
} */
.listapprovecontainer thead {
    position: sticky;
    top: 0;
}
.listapprovecontainer th{
    font-size: 18px;
    text-align: center;
    background: #003f76;
    color: #fbfbfb;
    border-right: solid 1px;
    cursor: pointer;
}
.listapprovecontainer th .sort-icon::before {
    content: "▲▼";
    font-size: 14px;
    color: #fff;
}
.listapprovecontainer th.asc .sort-icon::before {
    content: "▲";
}
.listapprovecontainer th.desc .sort-icon::before {
    content: "▼";
}
.listapprovecontainer td{
padding: 5px;
    text-align: center;
font-size: 18px;
}
.listapprovecontainer tr:nth-child(odd) {
    background: #fff;
}
.listapprovecontainer .leftalig{
    text-align: left;
}
.listapprovecontainer td > span.kpi-survey-log-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}
.listapprovecontainer td > span.kpi-survey-log-info:not(.bg-default) {
    background: #003f76;
}
.listapprovecontainer td > span.status-box {
    height: 40px;
    width: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    border: 2px solid #333;
}
.listapprovecontainer .approve-kpi-survey {
    width: 80px;
}
.listapprovecontainer input.kpi-chk-sty {
    width: 30px !important;
    height: 30px !important;
    border: 15px !important;
    text-align: center;
    border: 2px solid #ccc !important;
    top: -2px;
    cursor: pointer;
    transition: var(--transition-hover);
}
.listapprovecontainer .disabled-checkbox {
    pointer-events: none;
    background: #c7c3c3 !important;
    cursor: none;
}
.approve-reject-kpi-result:hover, .approve-reject-kpi-result:focus{
    background-color: var(--button-hover-focus-bg);
    color: #fff;
}
.listapprovecontainer input.kpi-chk-sty:checked{
    background: #2096f3 !important;
}
#approveKpiResultModal #approveKpiResultForm {
    padding: 5px 5px 15px;
}
#approveKpiResultForm label, #approveKpiResultForm #pApprovedNote {
    font-size: 20px;
    font-weight: 400;
}
#accoutableviewcascade button,#accoutableviewcascadechecklist button{
    padding: 5px 12px;
    min-width: 44px;
}
#accoutableviewcascade .fltright,#accoutableviewcascadechecklist .fltright{
    float: right;
    background-color: #000000;
    border: solid 1px #fff;
    color: #fff;
}
.processcled{
    width: 370px!important;
    padding-left: 5px !important;
}
.processcled #issue-date-range-end,
.processcled #process-date-range-end{
    width: 130px!important;
}


.assistencebtn{
position: absolute;
    right: 189px;
    top: -45px;
    font-size: 15px;
    padding: 7px 19px;
    background: #0079bf;
    border-radius: 5px;
    color: #ffffff;
}
.useassistmodal{
background: rgb(0 0 0 / 71%);
}
.useassistanceletrow{
    padding: 9px;
}
.checkbox-btns .useassistanceletrow label.checkbox span {
    top: 3px;
}


.checkbox-btns .useassistanceletrow label.checkbox::before{
    top: 0;
}
.tasklistassistance {
    margin: 0;
    padding: 0;
}
.tasklistassistance li{
list-style: none;
    float: left;
    min-width: 40px;
    cursor: pointer;
    margin: 5px;
    text-align: center;
   
    padding: 5px;
    font-size: 17px;
    border-radius: 5px;
    background: #fff;
    color: #000;
    border: 1px solid;
}
.useassistanceletrow p{
    font-size: 17px;
    margin-top: 20px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}
.xl-assistence img{
width: 44px;
    position: absolute;
    top: -10px;
    left: -30px;
}

.useassistmodal .modal-title img{
    float: right;
    width: 70px;
}
.assisthead{
position: relative;
    top: 16px;
    font-size: 23px;
}
.usmrgtop{
    margin-top: 10px;
}
.dateoption{
    position: relative;
    top: 11px;
    font-size: 17px;
    font-weight: bold;
}

.modal-footer .btsave,
.modal-footer .btreset{
background: #e6e3e3;
    border: solid 1px #c0b5b5;
}
.wrappertooltip{
width: 40px !important;
    position: absolute;
    right: 13px;}
.mispa{
    position: relative;
    left: -16px;
}

.wrappertooltip {
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.wrappertooltip .tooltippopp {
background: #1496bb;
top: 100%;
border-radius: 0;
height: 381px;
color: #fff;
display: block;
z-index: 8;
left: -122px;
margin-bottom: 15px;
opacity: 0;
padding:0px 0px;
pointer-events: none;
position: absolute;
width: 314px;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrappertooltip .tooltippopp:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.wrappertooltip .tooltippopp:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #1496bb 10px;
top: -9px;
content: " ";
height: 0;
rotate: 178deg;
left: 50%;
margin-left: -24px;
position: absolute;
width: 0;
}

.wrappertooltip:hover .tooltippopp,.wrappertooltip.hover .tooltippopp {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}
.checktoolbox{
    display: flex;
    border-bottom: solid 1px;
}
.checktoolbox>div {
    padding: 10px;
    font-size: 20px;
    float: left;
    border-right: solid 1px;
    width: 320px;
}
.checktoolbox>div:last-child{
width: 100px;
    margin-left: 25px;
}
.checktoolbox:last-child,
.checktoolbox>div:last-child{
    border: none;
}
.presto-loadsimple {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 3px solid #3F51B5;
    border-top: 3px solid #9C27B0;
    border-radius: 50%;
    height: 75px;
    width: 75px;
    margin: 0 auto;
    top: 48%;
    position: absolute;
    bottom: 0px;
}
 
@-webkit-keyframes spin {
    to {
        border-top-color: #ec407a;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
 
@keyframes spin {
    to {
        border-top-color: #ec407a;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
 
.presto-loader {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 3px solid #ddd;
    border-top: 3px solid #42a5f5;
    border-radius: 50%;
    height: 75px;
    width: 75px;
    margin: 0 auto;
    top: 45%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
 
@-webkit-keyframes spin {
    to {
        border-top-color: #ec407a;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
 
@keyframes spin {
    to {
        border-top-color: #ec407a;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
 
body .importaaddcheckpanel,body .proceesdocaaddcheckpanel{
    z-index: 888888 !important;
    position: fixed;
    top: 0px;
    bottom: 0;
    width: 60%;
    background: oklab(0 0 0 / 0.49);
    z-index: 88888;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    right: -100%;
    height:100%;
    opacity: 1;
    transition: right .8s, opacity 0.50s;
    font-family: SourceSansPro;
    display: none;
}
body .closeimportbtn,body .close-proceesdoc-chk{
position: absolute;
    background: none;
    left: -97px;
    font-family: sans-serif;
    top: 7px;
    padding: 2px 16px;
    cursor: pointer;
    font-size: 24px;
    border-radius: 3px;
    color: #fff;
}
body .closeimportbtn:hover,
body .close-proceesdoc-chk:hover

{
    background:none;
}

#kpi-raci-container .kpi-schedular-options-container {
    float: left; 
    vertical-align: middle; 
    margin-right: 10px;
    width: 210px;
    background: beige;
}
.kpi-schedular-options-container .popover__content{
    left: 0;
    width: 190px;
    margin-top: 33px;
}
.kpi-schedular-options-container .popotext {
    width: 170px;
}
#kpi-raci-container .disabled-dropdown {
    opacity: 0.5;
    pointer-events: none;
    background: #c7c3c3 !important;
    cursor: not-allowed;
}
.kpi-schedular-options .active {
    background-color: #2088e6 !important;
    color: #fff;
}

/* LKPi scheduler Options toggle */
#kpi-raci-container .switch {
  position: relative;
  display: inline-block;
  width: 60px !important;
  height: 34px;
}

#kpi-raci-container .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

#kpi-raci-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

#kpi-raci-container .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#kpi-raci-container input.switch-btn:checked + .slider {
  background-color: #2196F3;
}

#kpi-raci-container input.switch-btn:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

#kpi-raci-container input.switch-btn:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
#kpi-raci-container .slider.round {
  border-radius: 34px;
}

#kpi-raci-container .slider.round:before {
  border-radius: 50%;
}

#kpi-raci-container input.switch-btn:checked + .slider {
  background-color: #2196F3;
}

#kpi-raci-container input.switch-btn:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

#kpi-raci-container input.switch-btn:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.addswithchrow{
    position: relative !important;
    float: right;
    display: flex;
    margin-right: 80px;
}
.addswithchrow .pdcabtn {
 width: 150px;
    float: left !important;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    cursor: pointer;
    right: 0px !important;
    font-size: 14px;
    border: solid 2px #c1c1c1;
    height: 40px;
    font-weight: 500;
    position: relative;
    top: -11px;
    text-align: center;
    padding-top: 4px;
    text-decoration: none;
    margin: 15px 0px;
    letter-spacing: 0.75px;
    z-index: 1;
}


.swicthbtn .switch-checklist-vertical, .swicthbtn .switch-checklist-horitzontal{
    margin: 0px;
}
.clr-note{
height: 9px;
    width: 6px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
body #projectleftadminrow .parentadminrow .favowericon .mrfav{
background: none !important;
    border: none !important;
    width: 0 !important;
    margin-right: 73px !important;
        margin-top: 6px !important;
}

.favowericon .mrfav .initiative-unfav
 {
    color: #e6e6e6;
}
.addchartdrow .maswitch .switch-new-pdca{
        font-size: 17px;
    font-family: sans-serif;
    color: #000;
    font-weight: 800;
}
#opp-popup .op-chk-head  .presto-input > input{
background: no-repeat;
    border: none;
    color: #000 !important;
}
#opp-popup .op-add-chk-box .op-chk-head  .presto-input > input{
background: #d5d3d3;
    border-bottom: 1px solid #e6e6e6;
}


#opp-popup .op-chk-container:hover .sort-handler1 .fa-hand-grab-o {
    opacity: 1;
    margin-top: 15px;
}
.get-checklist-notes.with-tooltip::after{
	    bottom: 72%;
}
.op-chk-box{
animation-delay: 10s;
transition: all 0.8s;
}
.dcheckpercentage .op-check-cout{
    border: 1px solid rgb(195, 191, 191);
    position: relative;
    top: -2px;
    height: 25px;
    min-width: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkboxheadflex .check-oph-item{
    display: flex;
}
.infoheadrow{
    margin-left: 5px;
    margin-top: 0px;
    right: 130px;
    position: relative;
    float: right !important;
    display: flex;
}
.note-mgmt-hd .letmgmt.with-tooltip::after{
    left: 250px;
    max-width: 500px;
    min-width: 30px;

}
.animatem{
    animation: fadeInAnimation ease 1s;
            animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

.animatep{	animation: 2000ms fadeIn ease-in-out;}
        

.charter-report-modalcontainer{
margin: 20px;
    border-radius: 5px;
    width: 100%;
    margin-bottom:15px;
}
.charter-modalcontainer{
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
}

body .charter-report-modalcontainer .closetxt{
        color: #f9f4f4;
        border:#fff solid 1px;
}
 .charter-report-modalcontainer .closebtn{
position: fixed;
    right: -133px;
    top: 0px;
}

.cartflexrow div{
border: solid 1px;
    display: flex;
    padding: 10px;
    margin-right: 1%;
    justify-content: center;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: capitalize;
 
}
.mro5{
    margin-top: 10px;
    display: inline-block;
}

.charter-report-modalcontainer .report-sheet-header .rsh-title {
 font-size: 40px !important;
    letter-spacing: normal;
    font-weight: 800;
    padding-top: 16px;
}
.charter-report-modalcontainer .report-sheet-body{
    letter-spacing: 1px;
}
.accordion-item .accordion-content.over-nohidden{
        z-index: 18;
}

.charter-report-modalcontainer .rsh-data{
text-transform: capitalize;
    font-weight: bold;
    font-size: 25px;
    padding: 15px 0px 0px 0px  !important;
    height: auto;
    width: 100%;
    display: inline-block;
}
.charter-modalcontainer .row{
    margin: 0;
}

.col-row3{
     width: 29%;
    margin-right: 0.5%;
}


.col-innerrow2{
width: 100%;
}


.cartflexrow div:first-child{
    background: #eee;
}
.cartflexrow{
   width: 20%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.chartthreerow{
    display: flex;
    width: 100%;
}

.report-datarow div,
.report-h div{
border: solid 1px #0e0e0e;
    padding: 10px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-align: center;
    margin-right: 5px;
}
.report-h div{
    height: 30px;
    padding: 5px 10px;
    font-size: 16px;
    text-transform: capitalize;
    background: #eee;
    letter-spacing: 1px;
}
.dataw28,
.celltwo div{
    background: #eee;

}

.charter-report-modalcontainer .report-sheets-container,
.charter-report-modalcontainer .report-sheet.landscape{
display: inline-block;
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    height: auto;
    min-height: 999px;
}

.charter-report-modalcontainer .report-sheets-container{
   -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}

.cell-flex,
.cellrow,
.constraint-row{
    display: flex;
}
.cell-tworow{
     width: 40%;
     float: left;
}
.cell-three{
    float: left;
    display: flex;
}

.celldiv,
.cell-two,
.cell-one,
.cel-first{
    margin-right: 0.5%;
    border: solid 1px #0e0e0e;
    padding: 10px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 14px;
}
.cel-first{
    width: 10%;}
.cell-one{
width: 24%;
}
.cell-two{
float: left;
width: 74%;
    margin-right: 0.5%;
}
.milstonesecond  .milstoncontent>div,
.milstonefirst,
.firstcell,
.celltwomulticolumn .cellflex>div,
.displaycellmulitow>div,
.displaycellmulione,
.displaycellmultirow>div,
.cellsectiontwo>div,
.cellsection .cellone,
.celltwo div,
.cellcotainer .celcolumn .cell{
    margin-right: 0.5%;
    border: solid 1px #0e0e0e;
    padding: 10px;
    margin-bottom: 5px;
    align-items: center;
    justify-content: left;
    font-size: 14px;
}
.report-datarow,
.report-h{
    display: flex;
  width: 100%;
}
.celcolumn {
  display: flex;
  width: 100%;
  flex-wrap: wrap;   /* allows wrapping to next row */
         /* spacing between cells */
}
 
.celcolumn .cell {
  flex: 1 1 calc(25% - 1%); /* 4 columns */
  min-width: 150px;           /* prevent shrinking too small */
  padding: 10px;
  box-sizing: border-box;
}
.cellcotainer .celcolumn .cell:nth-child(odd) {
background: #eee;
    flex: 1 1 calc(20% - 1%);
}
.cellsection{
    display: flex;
    width: 11%;
}
.celltworow{
    display: grid;
    width: 89%;
}
.milstonecontainer{
width: 100%;
}
.dataw-88{
    width: 88%;
}
.innercelltwo .cellflex,
.celltwomulticolumn .innercelltwo,
.celltworow  .celltwo{
    display: flex;
}
.innercelltwo .celltwomulti,
.celltwomulticolumn{
        display: grid;
}
.celltwomulticolumn .firstcell,
.celltwo div:first-child{
margin-left: 5px;
}
.innercelltwo .w30,
.celltwo .w30{
width: 30.4%;
background: #ffff;
}
.milstonerow,
.cellflex .w28{
    width: 28.3%;
}
body .milstoneinner .data-w65{
 width: 78%;
}
body .celltwomulticolumn .cellflex .dataw-55{
    width: 64%;
    padding: 0;
    border: none;
    margin: 0;
}
.milstoncontent .mbg,
.milstonefirst,
.cellsection .cellone,
.innercelltwo .firstcell,
.cellflex .w28{
background: #eee;
}
.dataw28{
     width: 28.4%;
}
.innercelltwo .w24,
.celltwo .w24{
width: 24.7%;
}
.mbg
.milstonefirst,
.cellsection .cellone{
width: 100%;
display: flex;
}
.milstoncontent,
.milstoneinner,
.cellcolumnone{
        display: flex;
}

.displaycellmulione,
.displaycellmultirow{
width: 50%;
}
.milstonerow{
    display: contents;
}
.milstonesecond,
.displaycellmultirow{
display: grid;
}
.comment_required {
  border: 4px solid #e61212 !important;
}
.wcell-25{
    width: 22.5%;
}
.milstonefirst{
    width: 22%;
}
.milstoncontent .mw-10{
    width: 35%;
}
.milstoncontent .mw-30{
width: 28.3%;
}
.cellflex .w-36{
width: 49.3%;
}
.milstonerow{
width: 74%;
border: none !important;
padding: 0!important;
}
.charter-report-modalcontainer .report-sheet:first-child .report-sheet-header {
    margin-bottom: 0px;
}
.charter-report-modalcontainer .rsh-data{
    margin-bottom: 0;
}
.rsh-data .chartrightpanel img{
    max-width: 100px;
}
.rsh-data .chartrightpanel{
    margin-bottom: 30px;
}
.chartrightpanel>div{
width: 16.5%;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    position: relative;
    float: left;
}
.chartrightpanel>div span img{
width: 45px;
    height: auto;
    position: absolute;
    top: 37px;
    right: -7px;
}
.rsh-data .chartrightpanel  p{
 text-align: center;
    padding: 0 0px;
    width: auto;
    padding-top: 6px;
    font-size: 12px;
}
.fldcheck{
    width: 31px;
    height: 22px;
    position: relative;
    top: -3px;
    border: solid 1px;

}
.firstClass span.with-tooltip::after
 {
    bottom: 0%;
    top: 16px;
    height: fit-content;
}
.firstClass span.with-tooltip::before{
display: none;}


.paneloverfile.presto-table-b .row>div {
    overflow: inherit;
    white-space: normal;
}
#edit-process-description-modal .dropdown-menu input{
height: auto;
}

.paneloverfile.presto-table-b  .with-tooltip:hover::after{
    max-width: 150px;
    white-space: normal;
      min-width: 100px;
}

#process-mgmt-panel{
position: fixed !important;
    top: 0;
    bottom: 0;
    width: 60%;
    background: oklab(0 0 0 / 0.49);
    z-index: 88888;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    right: -65%;
    opacity: 1;
    transition: right .8s, opacity 0.50s;
    font-family: SourceSansPro;
    display: none;
}
#process-mgmt-panel .right-panel-container {
padding: 0px 0px;
    width: 100%;
    background: #fbfbfb;
    float: right;
    height: 99%;
    position: relative;
}

.firstClass .with-tooltip::after{
bottom: -130%;
}
.bestpchecklist .firstClass .macroid-col.with-tooltip::before {
display: none;}

#process-mgmt-panel .noteclosemod{
    position: absolute;
    left: -67px;
    top: 6px;
    padding: 2px 16px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 3px;
    color: #fff;
}
.slotnone{
    display: none;
}

.sloblock .slotnone{
    width: 600px;
    margin: 30px 10px 30px 0px;
    padding: 10px 0px;
    display: flex;


}
.sloblock #slot-2,
.slotactive #slot-2 {
margin-top: 0px;
    top:0px;
}
body .sloblock  .drag-box .drop-box-title{
    font-size: 12px;
}
.slotactive .slotnone{
    display: flex!important;   
}
body .slotdrag,
.slotactive .slotnone.slotdrag{
    display: block !important;
}


.slotactive .drag-box{
    margin: 8px;
}
.slotactive{	animation: 2000ms fadeIn ease-in-out;}
.process-mgmt-panel .checklist_type_radio {
    width: auto;
    float: left !important;
}
.process-mgmt-panel .radio-btns label.btn span {
    font-size: 1em;
        margin-left: 5px;
}

.process-mgmt-panel .presto-table-b>.row>div {
    font-size: 12px;
}
.process-mgmt-panel  .presto-table-h {
    background: #59b2ff;
}

.process-mgmt-panel  .presto-table-h>div {
    color: #A52A2A;
}
.process-mgmt-cotainer .import-chk-utils > .bt-input-box > input{
    height: 38px;
}

.process-mgmt-panel .initiative-checklist:nth-child(even) {
    background: #e7e7e7;
}
.process-mgmt-panel .btn-primary{
        float: left;
    margin-right: 18px;
    height: 38px;
}
.sloblock #slot-1,
.sloblock #slot-2,
.sloblock #slot-3{
    max-height: 168px;
    margin: 10px;
    width: 200px !important;
        height: 168px;
}

.sloblock .droppable-area li.ui-draggable span img {
    width: 40px;
   margin-top: -5px;
       left: -10px;
}
.fldcheck,
.paneloverfile input{
cursor: pointer;
}
body .sloblock .user-name {
    font-size: 12px;
    line-height: 16px;
}
.sloblock .showSettingsPopup{
    display: contents !important;
}

.sloblock .droppable-area  .knb-btn {
line-height: 11px;
    font-size: 12px;
    width: auto !important;
    height: auto !important;
    padding: 4px 6px;
}
.slotactive .droppable-area2 li,
.sloblock .droppable-area2 li{
width: 403px;
    margin: 10px 19px;
    padding: 0 3px;
    display: flex;
}
.sloblock .droppable-area2 .topp-searchable div,
.slotactive .droppable-area2 .topp-searchable div{
line-height: 12px !important;
display: flex;
align-items: center;
padding: 5px;
font-size: 13px;
margin-right: 5px;
}
.setupprojectmodal .slotactive  .slot span,
.setupprojectmodal .sloblock   .slot span {
    width: 19px;
    height: 18px;
    padding: 0;
}
.process-mgmt-panel ul{
    padding: 0px;
    margin: 0;
}
.process-mgmt-panel .presto-table-b .row{
    padding: 0px;
}

.sloblock .droppable-area2 li {
    width: 300px;
}
.sloblock .droppable-area2 .topp-searchable div:first-child{
width: 32px;
}
.slotactive .cr-custom-chk span svg,
.sloblock .cr-custom-chk span svg{
    top: 4px;
    left: 4px;
}
.stepprojectbody-inner .bpchecklists{
    display: flex;
    padding: 5px;
}
.stepprojectbody-inner .removebpchecklists{
    cursor: pointer;
}
.stepprojectbody-inner .removebpchecklists span{
    color: red
}
/* body .bestpchecklist{
    overflow: initial;
} */
.bestpchecklist .with-tooltip::after{
    color: #ffffff;
    background-color: #337ab7;
padding: 10px 10px;
}
.bestpchecklist .with-tooltip::before {
content: "";
    position: absolute;
    bottom: 9px;
    left: 50%;
    translate: -50% 0;
    width: 1rem;
    opacity: 0;
    height: 1rem;
    rotate: 45deg;
    z-index: 888;
    background-color: #337ab7;
}
.bestpchecklist .with-tooltip:hover::before{
    opacity: 1;
}

.bestpchecklist .macroid-col.with-tooltip::before {
    bottom: 30px;
}
.process-tab{
    display: flex;
    position: fixed;
    width: 411px;
    z-index: 1111;
    top: 18px;
    justify-content: flex-end;
    right: 21px;
    align-items: center;
}
.process-tab p{
    background: #fff;
    border-radius: 0px;
    height: 35px;
    display: flex;
    align-items: center;
    border: solid 1px;
    cursor: pointer;
    font-size: 14px;
    width: 186px;
    justify-content: center;


}
.process-tab p:first-child{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
    content: "";
}
.process-tab p:last-child{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
    content: "";
}
.process-tab p.active{
    background: #e6e6e6;

}
.choose-p{
    color: #fff;
    font-size: 23px;
    background: #0079bf;
    width: fit-content;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 7px;
}
.bestpchecklist .with-tooltip.psoe:hover::after{
left: -58px;
}
.bestpchecklist .with-tooltip.psoe:hover::before{
left: -58px;
}
body .pchoose,
.chosebtnn .tooh3.choose-p{
    background: #ffffff;
    color: #000000;
}
.tooh3 b,
.choose-p b{
background: #0079bf;
    color: #ffffff;
    font-size: 17px;
    padding: 3px 10px;
    margin-right: 8px;
} 
.import-chk-utils .lablbg{
background: #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    line-height: 1.1;
    height: 35px;
    padding: 0 8px;
    width: 125px;;
}
.import-chk-utils .lablbgsub{
    background: #e6e6e6;
    border: solid 2px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    line-height: 1.1;
    height: 38px;
    padding: 0 8px;
    margin-right: 7px;
}
.import-chk-utils .lablbgsub .checklabel{
padding-top: 12px;
    display: block;
}
.checkbox-btns.lablbgsub label.checkbox span {
    top: -8px;
}
.tabprocessmenu .process-tab-menu{
    float: left;
    margin-top: -3px;
        margin-left: 10px;
}
.import-chk-utils .bp_teams_type_radio{
     border: solid 2px #fff;
}
.import-chk-utils .bp_teams_type_radio{
    margin-right: 5px;;
}
.checkbox-btns.lablbgsub label.checkbox::before{
    top: -12px;
}
.import-chk-utils.utilsrow{
    float: right;
}
.process-mgmt-cotainer .import-chk-utils > .bt-input-box{
width: 280px;
    position: absolute;
    right: 24px;
    top: 14px;
}
.panel-prosscontaier{
    height: 100%;
}
.process-mgmt-panel .radio-btns  label.btn span{
    letter-spacing: 1px;
}
.paneloverfile.presto-table-b .row > div{
    color: #2d2f40;
}
.import-chk-utils .lablbg  b{
   display: block;
   padding-top: 11px;
   color: #2d2f40;
}
/* .import-chk-utils .bp_checklist_type_radio,.import-chk-utils .bp_teams_type_radio{
        margin-right: 15px;
} */

.import-chk-utils .bp_checklist_type_radio .fa-circle-o:before ,.import-chk-utils .bp_teams_type_radio .fa-circle-o:before{
    content: "\f10c";
    background: #ffffff;
    border-radius: 56%;
    color: #ffffff;
    /* border: solid 1px #000; */
    width: 24px;
    height: 24px;
    /* position: relative; */
    display: block;
}

.import-chk-utils .radio-btns label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #fff;
}
.infoheadrow .fa-paperclip{
    font-size: 18px;
    position: absolute;
    left: 4px;
    color: #575757;
}

.accordion-content .get-task-notes .fa-paperclip {
    position: absolute;
    color: #575757;
        left: 0;
    font-size: 15px;
}
.medianetclip{
        position: absolute;
    float: left;
    right: 226px;
    font-size: 18px;
    top: 9px;
    background: #f0f0f0;
    padding: 1px 10px;
    border: solid 1px #c9c8c8;
    border-radius: 3px;
    cursor: pointer;

}

.medianetclip .fa-paperclip{
    margin-right: 5px;
}
.stickyrhead.openNoteBook{
     display: none!important;
}
.kpi-detail-header .kpirighthead > p{
margin-left: 0px;
    width: 100px;
    position: relative;
    left: 46px;
    text-align: center;
}
.or-item-details .kpi-detail-header{
display: inline-block;
    width: 100%;
}
.kpi-detail-header .kpirighthead{
    display: flex;
    width: 100%;
    float: right;
    justify-content: flex-end;
}
.na-checkbox {
  cursor: pointer;
}
.na-check-box .md-check-label{
        position: relative;
    left: 37px;
    font-size: 24px;
}
.na-marglabel{
    position: relative;
    top: -8px;
    left: 10px;
}
.na-marglabelm{
     position: relative;
    top: -8px;
}
.tabprocessmenu{
    width: 100%;
    margin-top: 0px;
    background: #fff;
    height: 67px;

}
.import-chk-utilscontainer{
overflow: hidden;
animation-name: fade-in;
background: #ffffff;
}

@keyframes stdCheck {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

    


.tabprocessmenu li a{
    text-align: left;
}
.tabprocessmenu li{
width: 290px;
    border: 1px solid rgb(201 196 196);
    border-bottom: none;
    position: relative;
    height: 65px;
    top: 5px;
    box-shadow: 0 5px 15px rgb(124 116 116 / 50%);
    margin-left: 0px;
}
.tabprocessmenu .process-tab-menu li.active{
    background: #fbec6d;
}
.tabprocessmenu li img{
width: 40px;
    position: relative;
    top: 0px;
}
.lablbgsub .md-check-label{
left: -6px;
    position: relative;
    letter-spacing: 1px;
    font-size: 14px;
}
.tabprocessmenu li span{
    float: left;
    line-height: normal;
    margin-right: 6px;
    color: #000;
}
.tabprocessmenu li a b{
    display: block;
    text-align: left;
    font-size: 13px;
}
.process-tab p.process-p{
    height: auto;
    position: relative;
    width: 110px;
    background: #0079bf;
    color: #ffffff;
    text-transform: capitalize;
    top: -4px;
    margin-left: 29px;
    padding: 10px;
    right: 11px;
    cursor: pointer;
}


.process-mgmt-cotainer .presto-table-b{
height: 100vh;
    display: inline-block;
    padding-bottom: 169px;
}

.linked-kpis{
justify-content: center;
width: -webkit-fill-available;
}

.kpi-results-survey-table .show-below.with-tooltip:hover::after {
    top: 72px;
    height: max-content;
}
.rsh-data-left{
width: 100% !important;
}
.clintcontainer ul li.list-strategic-int span.yearInfofa{
position: relative !important;
    width: 30px !important;
    height: 30px !important;
    float: right;
    border: none;
    background: none !important;
    margin-right: 10px;
}
.okrSelectedyear{
margin-right: 14px;
    font-size: 1em;
    font-weight: 400;
}
 .clintcontainer ul li.list-strategic-int .yearrow span{
    position: relative;
    float: right;
    padding-left: 8px;
 }
 .yearrow{
     position: absolute;
    right: 0;
    display: flex;
    align-items: center;
 }
.c-calendar{
position: relative !important;
    float: left;
    left: 31%;
    width: 26%;
    margin-top: -75px;
    display: flex;
    align-items: center;
}
.c-calendar .form-control{
        font-size: 20px;
    height: 42px;
}
.c-calendar label{
font-size: 1.5em;
    width: 100%;
    text-align: center;

}
.bowler-chart-other-filter-modal .modal-content{
    background: #fff;
}

.bowler-chart-other-filter-modal .modal-dialog 
{
   width: 1010px;
}
.bowler-chart-other-filter-modal .modal-header .close {
    margin-top: 3px;
    background: none !important;
    opacity: 9;
    cursor: pointer !important;
}
.bowler-chart-other-filter-modal .modal-header .close img{
    cursor: pointer !important;
}
.bowler-chart-other-filter-modal .modal-footer {
    display: inline-block;
    width: 100%;
}
body .bowler-chart-other-filter-modal#bowler-chart-other-filter-modal .checkbox-containers h3 {
    margin-top: 0;
    font-size: 2em;
    font-weight: bold;
    color: #0c0c0c;
    padding: 15px 0px;
}

.bowler-chart-other-filter-modal .checkbox-containers .md-check-label{
font-size: 2rem;
    margin-left: 53px;
    text-transform: capitalize;
       margin-top: 10px;
    display: inline-block;
}
body .bowler-chart-other-filter-modal .checkbox-containers{
    padding-bottom: 50px !important;
}
body .bowler-chart-other-filter-modal .checkbox-btns{
    width: 100%;
}
.bowler-chart-other-filter-modal .modal-title{
    font-size: 3.2rem;
    font-weight: 800;
}
.bowler-chart-other-filter-modal  .checkbox-btns label.checkbox::before {
    top: 6px;
    left: -6px;
    height: 35px;
    width: 35px;
}
.bowler-chart-other-filter-modal .checkbox-btns label.checkbox span::before {
    left: 17px;
    width: 3px;
    height: 20px;
}
.bowler-chart-other-filter-modal .checkbox-btns label.checkbox span::after {
    top: 17px;
    left: 9px;
    width: 9px;
    height: 3px;
}
.bowler-chart-other-filter-modal  .btn-success
 {
    width: 100px;
    font-size: 1.5em;
}
.fafontclose{
    font-size: 3.5rem;
    font-weight: 300;
    color: #6a6868;
    position: relative;
    top: 5px;
}