@font-face {
    font-family: myFirstFont;
    src: url(IcoMoon-Free.ttf);
}

#wrep {
    position: relative;
}

/***************************
	Left side doc details tab icons
***************************/

.navigat_page #tab1:before,
#ulMain>li[title="Show Details"]:after {
    content: "\e600";
}

.navigat_page #tab2:before {
    content: "\e60f";
}

.navigat_page #tab3:before {
    content: "\e9bc";
}

.navigat_page #tab4:before {
    content: "\e95c";
}

.navigat_page #tab5:before {
    content: "\e983";
}
.navigat_page #tab31:before {
    content: "\e9bb";
}

.navigat_page #tab33:before {
      content: "\e631";

}



/***************************
Details display area
***************************/
.navigat_page {
    position: relative;
    min-height: 35px;
    /*font-size: var(--main-font-size) !important;*/
}
.navigat_page ul{
    position:relative;
}
.navigat_page ul li {
    display: inline-block;
    /*margin-right: 10px;*/
    margin:3px 3px 3px 3px;
    /*padding: 7px 5px 7px 27px;to resolve scroll issue in several pages caused by font chnage,font size increase*/
    padding: 6px 5px 6px 27px;
    position:relative;
    cursor:pointer;
    border-radius:4px;
}
/*.navigat_page ul li:hover{
    background: #557fab;
}*/
/*.navigat_page ul li:hover {
    background-color:#efefef;
}*/
.navigat_page li:before {
    font-family: myFirstFont;
    position: absolute;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin: auto;
    top: 6px;
    left: 4px;
    content: none!important;
}
.navigat_page li svg {
    position: absolute;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin: auto;
    top: 6px;
    left: 4px;
}

/***************************
Details display area -Administravice settings
***************************/
.ad_navigat_page{
    position:relative;
    min-height:33px;
}
.ad_navigat_page ul{
    position:relative;
}
.ad_navigat_page ul li {
    display: inline-block;
    margin: 3px -3px 3px 0px;
    padding: 5px 32px 6px 30px;
    position: relative;
    cursor: pointer;
    border-left: 1px solid #dddddd;
}
.ad_navigat_page li:before {
    font-family: myFirstFont;
    position: absolute;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin: auto;
    top: 6px;
    left: 4px;
    content: none!important;
}

.table_adsettings {
    width:100%;
}
.table_adsettings td{
   border-bottom: thin #dedede solid;
    padding: 10px;
}

.table_adsettings .td_value {
 text-align: right;
}

/*Slider checkbox-Administrative settings**/
.ckbox_switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 22px;
}

.ckbox_switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.ckbox_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.ckbox_slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.adsettings_caption {
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd;
}
.adsettings_label {
   padding: 11px;font-size: 15px;
}
.adsettings_savebutton {
    width:130px !important;;
    height:25px !important;
    float: right !important;;
}


input:checked + .ckbox_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.ckbox_slider.round {
  border-radius: 34px;
}

.ckbox_slider.round:before {
  border-radius: 50%;
}

/*-----------------------*/

.ad_navigat_page li svg {
    position: absolute;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin: auto;
    top: 6px;
    left: 7px;
}
#vListItems{
    position:absolute;
    top:0;
    right:0
}
#vListItemsLi ul{
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 5012;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    visibility:hidden;
    opacity:0;
    transition:all .2s ease;
}
#vListItemsLi:hover ul{
    top:29px;
    visibility:visible;
    opacity:1;
}
#vListItemsLi ul li{
    display:block;
    padding-left:35px;
    width:130px;
    margin:3px;
}
#vListItemsLi ul li:before{
    left:12px;
}
#hListItems{
    width:calc(100% - 70px);
}
/******************************
Document details page style
******************************/
#dataheader h2, .dataheader h2 {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: thin #efefef solid;
    
}

.form_wrap, .corr_metadata { /*header to enclose details ,edit and details view select*/
    /*margin: 5px 0;*/
    /*height:calc(100vh - 118px);*/
    border: #dddddd 1px solid;
}

.form_wrap_header {
    position: relative;
        z-index: 5011;
        margin:0 10px;
    overflow: hidden;

}
  .form_wrap_header  span{
        font-size: 14px;
        display: inline-block;
        font-weight: initial;
        background: #fff;  
    }
  
    .form_wrap_header:before{
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 9px;
        z-index: -1;
    }
 /*#rev_ver_operations{
         height:25px;
 }*/

    .form_wrap_header a, .form_wrap_header #view_details { /*place elements of the wrap towards the right*/
        float: right;
        margin: 0 7px;
        line-height: 25px;
    }

    .form_wrap_header a {
        text-decoration: none;
        color: #000;
        padding-left: 25px;
        position: relative;
        /*background: url(../Images/icons-blue.png) no-repeat;*/
    }

        .form_wrap_header a:before {
            font-family: myFirstFont;
            display: block;
            position: absolute;
            font-size: 16px;
            width: 16px;
            height: 16px;
            margin: auto;
            left: 3px;
            right: inherit;
            color: #000;
        }
        .operations a:before{
    font-family: myFirstFont;
    display: block;
    font-size: 18px;
    margin:0 10px;
    color: #000;
    content: none!important;
}
        .operations a>svg{
   
    display: block;
    font-size: 18px;
    width:18px;
    height:18px;
    margin:0 10px;
    color: #000;

}
.form { /*for given height in jqery to avoid browser scroll, scroll added for form element*/
    overflow-y: auto;
    /*min-height: 400px;*/
}

    .add_doc_wrap .module, .corr_metadata .module {
        padding-top: 5px;
    }

     /*.add_doc_wrap .heading, .corr_metadata .heading, #divStrip.heading {
        font-size: 1.166em;
        padding: 7px 5px;
        background: -moz-linear-gradient(top, rgba(0,132,180,1) 0%, rgba(117,189,209,1) 0%, rgba(89,162,201,1) 54%, rgba(77,147,194,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,132,180,1)), color-stop(0%, rgba(117,189,209,1)), color-stop(54%, rgba(89,162,201,1)), color-stop(100%, rgba(77,147,194,1)));
	background: -webkit-linear-gradient(top, rgba(0,132,180,1) 0%, rgba(117,189,209,1) 0%, rgba(89,162,201,1) 54%, rgba(77,147,194,1) 100%);
	background: -o-linear-gradient(top, rgba(0,132,180,1) 0%, rgba(117,189,209,1) 0%, rgba(89,162,201,1) 54%, rgba(77,147,194,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,132,180,1) 0%, rgba(117,189,209,1) 0%, rgba(89,162,201,1) 54%, rgba(77,147,194,1) 100%);
	background: linear-gradient(to bottom, rgba(0,132,180,1) 0%, rgba(117,189,209,1) 0%, rgba(89,162,201,1) 54%, rgba(77,147,194,1) 100%);
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
        position: relative;
    }*/

        /*.add_doc_wrap .heading:before, .corr_metadata .heading:before {
            content: '>';
            position: absolute;
            font-family: "consolas";
            font-size: 1em;
            color: #666666;
            right: 20px;
            top: 8px;
            transform: rotate(90deg);
            transition: all .2s ease-in-out;
        }*/

         /*.add_doc_wrap .heading.exp:before, .corr_metadata .heading.exp:before {
            transform: rotate(-90deg);
            right: 22px;
        }*/

        /*.add_doc_wrap .heading:active {
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.0);
        }*/
        .receiverCmt{
            word-break:break-all;
        }
.moduledata, .edit_table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin-top:6px;
}

    .moduledata td, .edit_table td {
        padding: 7px 0;
        height: 24px;
    }

    .moduledata .value {
        width: 100%;
        padding-left: 10px;
        line-height: 25px;
        word-break: break-word;
    }

    .moduledata .caption {
        width: 260px;
        text-transform:uppercase;
        font-weight: bold;
    }

    .moduledata .caption, .edit_table .caption {
        padding-left: 10px;
        padding-right: 5px;
        text-align:right;
    }

    .edit_table .caption {
        width: 265px;
        display: inline-block;
        float: left;
        text-transform:uppercase;
        font-weight: bold;
    }

    .moduledata .caption, .moduledata .value, .edit_table .caption {
        word-break: break-word;
        line-height: 25px;
    }

    /*SCRN: ENT-Cochin-2020-12-17-7:Revamp Document details & Task details UI*/
    .expandCollapseDesc {
        display: inline;
        vertical-align: top;
        font-size: 15px;
        padding: 0px 6px;
        background: rgb(204, 204, 204);
        border-radius: 14px;
        cursor: pointer;
    }

    .new-moduledata, .new-edit_table {
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%;
    }
    
    .new-moduledata td{
        height: 24px;
      
    }

    .new-moduledata .border,.new-edit_table .border {
       border-right: thin #cccccc solid !important;
    }

    .new-moduledata .value {
        width: 100%;
        vertical-align: top;
        padding: 5px 5px 5px 10px;
        line-height: 22px;
        word-break: break-word; /* Chrome, Safari */
        word-wrap: break-word; /* IE11, Firefox */
    }

    .new-moduledata .caption {
        text-transform:uppercase;
        font-weight: bold;
    }

    .new-moduledata .caption, .new-edit_table .caption {
        padding-left: 10px;
        padding-right: 5px;
         background: #f7f5f5;
    }
    

    .new-edit_table .caption {
        text-transform:uppercase;
        font-weight: bold;
    }

    .new-moduledata .caption, .new-edit_table .caption {
        word-break: break-word; 
        word-wrap: break-word;
        line-height: 25px;
    }
    /*------------------------*/

.hide {
    display: none;
}

.sub .operations a {
    float: right;
    position:relative;
}

.sub .operations img { /*usage bug*/
    float: right;
    padding: 0 7px;
    border: 0;
}
/*************************************
Workflow page style
***************************************/
#popUpHeader{
    /*position: absolute;*//*#18826*/
    top: 29px;
    left: 29px;
    font-size: 1.3em;
    z-index: 2;
    padding-bottom:8px;
}
#WFPage #popUpHeader,#ckList #popUpHeader{
    display:none;
}
/*.divworkflowLegends {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    position:absolute;
    z-index:500;
    padding:5px;
    display:none;
    bottom: 0px;
    right: 0px;
  
}*/
/*.lnkLegends
{
    float: right; padding: 4px 18px 4px 4px; cursor: pointer;font-weight: bold;
}*/
/*.legendDisplay {
    padding-left:10px;
    padding-bottom:5px;
}*/

#sendui ul {
    margin: 0;
}

.form_wrap_header #divWorkflowList {
    display:inline-block;
    margin-right: 20px;
}

.form_wrap_header #divWorkflowList, .form_wrap_header #nextstage {
    line-height: 25px;
}
#divworkflowPreview {
    position: relative;
}

#lnkAssignResourceWF {
    background-position: 3px -1206px;
}
#lnkAssignResourceWF {
    position: absolute;
    /*left: 84%;*/
    right:0%;
    padding: 1px 0px 2px 0px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    display: inline-block;
    z-index: 5009;
    border-radius: 4px;
    background-color:#3a6585;
    color:white;
    margin: 3px 0 8px 0;
}




#lnkShowOrHideWF {
    position: relative;
    left: 84%;
    padding: 1px 0px 2px 0px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    display: inline-block;
    z-index: 5009;
    border-radius: 4px;
}
/*#lnkShowOrHideWF:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -18px;
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 5px solid rgb(0, 124, 213);
    border-top: 18px solid rgb(0, 124, 213);
    z-index: -1; 
}
#lnkShowOrHideWF:after {
   content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: -18px;
    width: 0;
    height: 0;
    border-left: 9px solid rgb(0, 124, 213);
    border-right: 17px solid transparent;
    border-top: 18px solid rgb(0, 124, 213);
    z-index: -1;
}*/
.label-stage-name {
    float: left;
}

.stage-user-area .input-stage {
    float: left;
    border: thin #fff solid;
    border-bottom: thin #B3B0B0 solid;
    margin-right: 9px !important;
}

.area-of-users {
    overflow-y: auto;
    max-height: 70px;
    background-color:#fff;
}

.tdresource {
    border: thin #cccccc solid;
    padding: 0px 0 2px 2px;
    height: 22px;
    border-radius: 3px;
    width:100%;
}

.label-stage-name {
    border: 1px solid #CCC;
    text-align: center;
    margin: 2px 0 2px 2px;
    position: relative;
    border: none;
    margin-right: 14px;
    height: 20px;
    z-index: 5000;
    overflow: visible;
}

    .label-stage-name:before {
        content: "";
        width: 14px;
        height: 14px;
        display: inline-block;
        position: absolute;
        top: 3px;
        right: -7px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -1;
    }

#nextlabel {
    /*float: left;*/
    vertical-align:top;
    margin-right: 5px;
}

/*#divMsgs,*/.fwdmsg {
    padding: 0 5px 5px 5px;
    width: inherit;
}

    /*#divMsgs #subject,*/ .fwdmsg #subject {
        width: 99.6%;
        margin-bottom: 5px;
    }

    #divMsgs #message, .fwdmsg #message {
        height: 400px;
        width: 99.5%;
        resize: none;
    }

/*.wf_tab_wrap {
    overflow-y: auto;
    overflow-x: hidden;
}*/

#dates .element {
    float: left;
    margin: 5px;
}
#sendui .secondOpMenu{
    height:25px;
}
#sendui .secondOpMenu .report_ops{
    float: none;
    position: absolute;
    top: 12px;
    right: 0;
}
/*************************************
revision page style
***************************************/
#rev_ver_operations ul {
    margin: 0;
    padding: 0;
    list-style: none;
    /*line-height:25px;*/
    float: right;
}

    #rev_ver_operations ul li {
        margin: 0 10px;
        /*background: url(../images/icons-blue.png) no-repeat;*/
        padding: 5px 0 5px 25px;
        cursor: pointer;
        display: inline;
        position: relative;
    }

.history_wrap {
    width: 90%;
    /*height: 230px;*/
    overflow: hidden;
    margin: auto;
}

/*************************************
Usage page style
***************************************/
#usage {
    border: thin #C0C0C0 solid;
   height: calc(100vh - 78px);
    overflow-y: auto;
}

    #usage .sub {
        position: relative;
        color: #666666;
        background: #f6f6e3;
        margin: 20px 25px 25px 25px;
        padding: 5px 10px 10px 10px;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    #usage .subheader {
        font-size: 1.166em;
        padding: 7px 5px;
        cursor: pointer;
        color: #000;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    }





/***************************End od doc details*********************/
/***************************Begining of task details*********************/
/***************************
	Left side task details tab icons
***************************/

.navigat_page #tab6:before {
    content: "\e600";
}

.navigat_page #tab7:before {
    content: "\e631";
}

.navigat_page #tab8:before {
    content: "\e61c";
}

.navigat_page #tab9:before {
    content: "\e60a";
}

.navigat_page #tab10:before,
#ulMain>li[data-content="Add Correspondence"]:after,
#ulMain>#CorrespondenceSend:after {
    content: "\e945";
}

.navigat_page #tab11:before {
    content: "\e9bc";
}

.navigat_page #tab12:before {
    content: "\e96f";
}

.report_ops #lnkImportResx:before,
.report_ops #liReassignUser:before,
.navigat_page #tab28:before {
    content: "\e972";
}

.navigat_page #tab29:before {
    content: "\e95c";
}

.navigat_page #tab30:before,
#ulMain>li[data-content="Log Details"]:after,
.ribbonOperations>li[title="Log Details"]:after {
    content: "\e94d";
}
/***************************
	Left side doc details tab hover icons
***************************/

/*.leftselection #tab6:hover{
	background-position: -80px -0px;
}
.leftselection #tab7:hover{
	background-position: -80px -441px;
}
.leftselection #tab8:hover{
	background-position:-80px -723px;
}
.leftselection #tab9:hover{
	background-position:-80px -634px;
}
.leftselection #tab10:hover{
	background-position:-80px -535px;
}
.leftselection #tab11:hover{
	background-position:-78px -183px;	
}
.leftselection #tab12:hover{
	background-position:-80px -955px;
}
.leftselection #tab28:hover{
	background-position:-80px -955px;
}
.leftselection #tab29:hover{
	background-position:-80px -955px;
}
.leftselection #tab30:hover{
	background-position:-80px -955px;
}*/
/***************************
	Left side doc details tab selected
***************************/
/*.leftselection #tab6.active_tab{
	background-position: -168px -0px;
}
.leftselection #tab7.active_tab{
	background-position: -168px -441px;
}
.leftselection #tab8.active_tab{
	background-position: -168px -723px;
}
.leftselection #tab9.active_tab{
	background-position: -168px -634px;
}
.leftselection #tab10.active_tab{
	background-position: -168px -535px;
}
.leftselection #tab11.active_tab{
	background-position:-168px -183px;	
}
.leftselection #tab12.active_tab{
	background-position: -168px -955px;
}
.leftselection #tab28.active_tab{
	background-position: -168px -955px;
}
.leftselection #tab29.active_tab{
	background-position: -168px -955px;
}
.leftselection #tab30.active_tab{
	background-position: -168px -955px;
}*/


/***************************
Task schedule
***************************/
.form_wrap_header h4 {
    margin: 0;
    line-height: 25px;
    float: left;
}

    #progressinfo #progress, table[class^="schedule_info_"] {
        border-collapse: collapse;
    }
    #progressinfo #progress {
        margin: 5px 5px 0 5px;
    }

        #progressinfo #progress td {
               padding: 7px 5px 7px 10px;
        }
        #progressinfo #progress .schedulecaption span{
            display:inline-block;
            width:180px;
        }
         #progressinfo #progress .value span{
             padding-right:20px;
         }
/*#progress .schedulecaption {
    width: 30%;
}*/

#progress .schedulecaption {
    font-weight: bold;
    text-transform:uppercase;
    text-align:right;
}
.form_spacing .sub{
    margin:10px 10px 0 10px;
}
table[class^="schedule_info_"] {
    border: thin #C0C0C0 solid;
    width: 100%;
    margin-bottom:10px;
}
table[class^="schedule_info_"] td {
    text-align: center;
    font-size: 11px;
    padding: 3px;
}

table[class^="schedule_info_"] .datetitle {
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);
}

table[class^="schedule_info_"] .datetitle td,table[class^="schedule_info_"] .value td {
    border-right: thin #dfdfdf solid;
}

table[class^="schedule_info_"] .value td {
    font-weight: bold;
    width:16%;
}

.hide {
    display: none;
}

.hidethis {
    display: none;
    margin-top: 10px;
}

/*.schedule_wrap, .rel_doc_wrap, .rel_task_wrap, .rel_corr_wrap, .trans_wrap {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 400px;
}*/

/*.add_doc_wrap {
    /*overflow-y: auto;
    overflow-x: hidden;*/
    /*min-height: 260px;*/
}*/
/***************************
Task resource
***************************/
.resource_sections {
}

    .resource_sections .form_wrap_header {
        border-top: thin #efefef solid;
    }

.report_ops #modifyTaskRes li, .report_ops #modifyTaskAccessRes li { /*Style to remove icons, as buttons are used inside list items*/
    background: none;
    padding: 0px;
    margin-left: 10px;
    cursor: default;
}

.report_ops #modifyTaskRes input[type="button"]:disabled, 
.report_ops #modifyTaskAccessRes input[type="button"]:disabled,
#btnApply[type="button"]:disabled,
#btnOK[type="button"]:disabled,
#btnLogExport:disabled,
#btnLogSearch:disabled{ /*disabled resource button style*/
    color: #C5C2C2;
}
/***************************
task related documents/tasks/correspondence/document transmittal
***************************/
#related .form_wrap_header,
#relatedtask .form_wrap_header,
#relatedcorrespondence .form_wrap_header,
#trans_details .form_wrap_header,
#docProperties .form_wrap_header,
.serach_area .form_wrap_header,
#advanced_search_properties .form_wrap_header,
#sendui .form_wrap_header,
.corr_wrap .form_wrap_header,
#rpt .form_wrap_header,
#docmt .form_wrap_header,
#divBDSpliter .form_wrap_header,
.resource_sections .form_wrap_header,
#rule .form_wrap_header,
#divDetailsPart .form_wrap_header,
.csl_timeshheet .form_wrap_header,
.appro_timesheet .form_wrap_header,
#obj_search.form_wrap_header,
.pjt_systems .form_wrap_header,
#tabAreaArea .form_wrap_header,
#prj-Resources-content .form_wrap_header,
#CommentHeader.form_wrap_header,
#tabDocumentsArea .form_wrap_header,
.blk_update_details .form_wrap_header,
#pj_corr .form_wrap_header,
#rev_ver_operations.form_wrap_header {
    position: relative;
    overflow: visible;
}

    #related h4,
    #relatedtask h4,
    #relatedcorrespondence h4,
    #trans_details h4,
    #docProperties h4,
    #advanced_search_properties h4,
    #rpt h4, #docmt h4,
    #divBDSpliter h4,
    .resource_sections h4,
    #rule h4, #divDetailsPart h4,
    .csl_timeshheet h4,
    .appro_timesheet h4,
    #obj_search h4,
    .pjt_systems h4,
    #tabAreaArea .form_wrap_header h4,
    #tabDocumentsArea .form_wrap_header h4,
    #pj_corr .form_wrap_header h4 {
        float: none;
    }


.report_ops2,
.report_ops, 
 #search_rel_ops ul {
    float:right;
}
.heading .report_ops,
.report_ops2{
    background:#fff;
}
.report_ops ul, #search_rel_ops ul {
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 5051;
    }

        .report_ops ul li, 
        #search_rel_ops ul li,
        #CorrespondenceReply ul li {
            display: inline-block;
            position: relative;
            /*background: url(../Images/icons-blue.png) no-repeat;*/
            padding: 1px 5px 1px 25px;
            cursor: pointer;
        }
        .report_ops ul li ul li{
            padding: 4px 5px 4px 25px;
        }




            .report_ops2>ul>li:before,
            .report_ops ul li:before,
            #search_rel_ops ul li:before,
            #rev_ver_operations ul li:before {
                font-family: myFirstFont;
                display: block;
                position: absolute;
                font-size: 16px;
                width: 16px;
                height: 16px;
                margin: auto;
                left: 4px;
                top: 0px;
                bottom: 0px;
                right: inherit;
                color: #000;
                content: none!important;
            }
            .report_ops2>ul>li svg,
            .report_ops ul li svg,
            #search_rel_ops ul li svg,
            #rev_ver_operations ul li svg {
                display: block;
                position: absolute;
                font-size: 16px;
                width: 16px;
                height: 16px;
                margin: auto;
                left: 4px;
                top: 0px;
                bottom: 0px;
                right: inherit;
                color: #000;
              fill:currentColor;
            }

    .report_ops #modifyTaskRes li:before,
    .report_ops #modifyTaskAccessRes li:before,
    #divTransMore li:before,
    #projectrule_view:before,
    .limoredummy:before,
    #UlCorespondanceProp #li_c_track_mail:before,
    #UlCorespondanceProp #li_c_confidential_mail:before {
        content: none!important;
    }

 .report_ops ul li ul {
        position: absolute;
        right: 0;
        background: #fff;
        display: none;
        border-radius: 3px;
        border: thin #DFDFDF solid;
        box-shadow: 0 0px 10px rgba(0,0,0,.1);
    }

 .report_ops ul li ul {
        width: 170px;
    }

 .report_ops ul li ul li {
            display: block;
        }

    /*#trans_rel_ops ul li ul li {
        background: none;
        padding: 5px;
    }*/

 .report_ops ul li:hover ul {
        display: block;
    }

/*#wf textarea {
    width: 100%;
    height: 400px;
    resize: none;
}*/

/*Hover style*/
#trans_rel_ops ul li #divTransMore li:hover {
    cursor: default;
}
   #divTransMore{
       width:460px;
   }
   .corr_distribution_read tr td:last-of-type {
    /*color: #ff0000;*/
    word-break: break-all;
}
/*************************************
Transmittal style
**************************************/
.trans_wrap .form_wrap_header {
    border-top: thin #efefef solid;
}

#trans_rel_ops ul li h3 {
    margin: 0;
}

#trans_rel_ops .MorePropTable td {
    padding: 4px 0;
}

#trans_rel_ops .MorePropTable .caption {
    display: inline-block;
    width: 170px;
}

#details_table, #details_tableCalendar, .TimesheetClassicControls {
    margin: 5px;
    width: 100%;
}

    #details_table td, #details_tableCalendar td, .TimesheetClassicControls td {
        padding: 8px 10px 8px 0;
    }

    #details_table .caption, #details_tableCalendar .caption, .TimesheetClassicControls .caption {
        display: block;
         text-transform:uppercase;
        font-weight:bold;
    }
     #details_table tr td:first-of-type{
        text-align:right;
    }
    #details_table.c2td2 tr td{
        text-align:left
    }
    #details_table.c2td2 .caption{
        text-align:left;
    }
    #details_table textarea {
        width: 250px;
        resize: none;
        height: 59px;
        border: thin #cccccc solid;
        border-radius: 4px;
        outline: none;
    }

    #details_table .distribute_trans input[type=button] {
        width: 110px;
        margin-right: 20px;
    }

    #details_table .distribute_trans input[type=text] {
        width: 600px;
    }

.cmbDocumentSearch, #cmbAttachDocumentSearch {
margin-bottom:10px;
}

#dialog .actionbar ul {
    list-style: none;
    margin: 0;
    float: right;
    margin-bottom: 10px;
}

    #dialog .actionbar ul li ul {
        margin-top: 20px;
        position: absolute;
        float: left;
    }

@media screen and (min-width:1279px) {
    #details_table .caption {
        display: inline-block;
        line-height: 25px;
    }
     #details_table.c2td2 .caption{
        width: 220px;
         text-align:right;
         word-break:break-word;
     }
    #details_table .distribute_trans input[type=button] {
        margin-right: 59px;
    }

    #details_table .distribute_trans input[type=text] {
        width: 80%;
    }
    #details_table #submittalRpt{
        padding-left:173px;
    }
    #details_table #submittalCustProp{
        padding-left:220px;
    }
}
/***********************************
Add document
************************************/
.add_mandatory {
    margin-top: 5px;
}

    .add_mandatory .caption {
        width: 75px;
        line-height: 25px;
        display: inline-block;
    }
    input[type=radio] {
        position: relative;
        top: 2px;
    }
    .add_mandatory input[type=radio] {
        margin: 3px 3px 0 0;
        position: relative;
        top: 2px;
    }

    .add_mandatory label[for=rbtnfile] {
        margin-right: 10px;
    }

.add_f_t_area .fileselect {
    /*height: 20px;
    line-height: 19px;
    background: #dedede;
    display: inline-block;
    width: 640px;
    cursor: pointer;
    color: #444;
    background: linear-gradient(#eee,#ddd);
    border-radius: 2px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid #d2d2d2;
    overflow: hidden;
    position: relative;
    left: -2px;*/
    height: 15px;
    padding: 2px 5px 3px;
    vertical-align: top;
    display: inline-block;
    width: 570px;
    color: #444;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
    border: 1px solid #d2d2d2;
    overflow: hidden;
    position: relative;
    left: -2px;
}

.add_f_t_area .add_mandatory img {
    position: absolute;
    top: 2px;
    right: 3px;
    cursor: pointer;
}

.corr_metadata {
    overflow-y: scroll;
    overflow-x: none;
    min-height: 260px;
}

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

    .rel_add label {
        line-height: 38px;
    }

#txtGenealogy {
    width: 560px;
}

#center {
    position: relative;
}

.wf_wrap .wfdropselect {
    padding: 10px;
    /*background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E6E6 ), color-stop(1, #FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%);
    background-image: linear-gradient(to top, #E6E6E6 0%, #FFFFFF 100%);
    border-bottom: #efefef 1px solid;*/
    overflow: hidden;
}

.add_rel_ops #assignwf[disabled="disabled"] {
    display: none;
}
.grdBulkAddDummyMsg{
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%,-50%);
}
.newFileTemplateBox div#filebox input[type="radio"] {
    margin-right: 2px;
    margin-left: 10px;
}
.addDocManFields {
    margin-bottom: 5px;
}
.addDocManFields .caption,.tfCaption{
    display: block;
    margin-left: 4px;
}
label.tfCaption {
    margin-bottom: 2px;
}
.addDocManFields input[type="text"]{
    
    border: thin solid #fff;
    border-bottom: thin solid #c7c7c7;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
 }
.newFileTemplateBox {
    position: relative;
    width: 560px;
    height:39px;
    border-bottom: thin solid #c7c7c7;
    margin-bottom:5px
}
.newFileTemplateBox:last-of-type{
    margin-bottom:0px
}
.newFileTemplateBox #filebox {
    position: absolute;
    right: 5px;
    top: 19px;
}
.newFileTemplateBox input#btnBrowseFile,
.newFileTemplateBox #btnBrowseTemplateFile{
    position: absolute;
    right:-106px;
    top: 17px;
}
/*.newFileTemplateBox #btnBrowseSpecterFile{ 
    right: -212px;
}*/

/*#btnBrowseTemplateFile{
    right:-106px;
}*/
/*.newFileTemplateBox #clearfile,.newFileTemplateBox #cleartemplate{
    position:relative;
    top:3px;
}*/
    .newFileTemplateBox #templateselect,
    .newFileTemplateBox #filelabel,
    .newFileTemplateBox #folderlabel,
    .newFileTemplateBox #Specterfilelabel {
        margin-left: 4px;
        display: inline-block;
        max-width: 325px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 13px;
    }
/*.tfCaption{
    display:block;
    margin-left: 4px;
}*/
/*#divtemplate,#divfile{
    display: inline-block;
    vertical-align: middle;
    border: thin solid #c7c7c7;
    padding: 2px 2px 6px 2px;
}*/
/***************************
	Left side doc details tabicons
***************************/


/*.leftselection #assignwf{
	background-position: 22px -0px;
}
.leftselection #sendnotification{
	background-position: 22px -95px;	
}*/



/***************************
	Left side doc details tab hover icons
***************************/

/*.leftselection #assignwf:hover{
	background-position: -72px -0px;
}
.leftselection #sendnotification:hover{
	background-position: -71px -95px;
}*/

/***************************
	Left side doc details tab selected
***************************/
/*.leftselection #assignwf.active_tab{
	background-position: -160px -0px;
}
.leftselection #sendnotification.active_tab{
	background-position: -160px -95px;
}*/

.dont {
    display: none;
}

#assignworkflow, #notification, #divrightPane #WFPage, .popup_litebox, #assign_number, #imp_exp,#divrightPane #ckList {
    background: #fff;
    width: 960px;
    padding: 20px 20px 20px 20px;
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 100%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    box-shadow: 0 0 10px 2px rgba(0,0,0,.3);
    z-index: 5051;
     -webkit-transition: all .7s ease; 
    transition: all .3s ease;
    /*zoom: 1.008;*/
}
#divrightPane #WFPage{
    padding-bottom:0;
}
#assignworkflow, #notification, #assign_number, #imp_exp {
    display: none;
}

@media screen and (min-width:1025px) {
    #assignworkflow, #notification, #divrightPane #WFPage, .popup_litebox,#divrightPane #ckList {
        width: 93%;
    }
}

.wfdropselect img {
    position: relative;
    top: 3px;
}

#lnkShowOrHideWF {
    background-position: 3px -1206px;
}

#lnkLegends {
    background-position: 3px -1242px;
}

#divSWF, #check, #divSNUM {
    position: absolute;
    top: 20px;
    right: 20px;
}

/*#divWorkflow {
    height: 300px;
    border-top: thin #cccccc solid;
    border-bottom: thin #cccccc solid;
}*/

.ResourceTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}

#divguided .tdwidth, #divUnguided .tdwidth, .resource_width .tdwidth {
    width: 5%;
}

#divguided .tdwidth {
    /*padding-left: 5px;*/
    /*vertical-align: top;*/
    /*padding-top: 5px;*/
}

.txt_width {
    padding: 0 5px;
}

.tdwidth input[type=button] {
    width: 100%;
}

#divResource input[type=text] {
    width: 100%;
}

.manual_options {
    position: relative;
    margin-left: 5px;
}

    .manual_options td {
        padding-bottom: 3px;
    }

    .manual_options input[type=radio], .manual_options input[type=checkbox], #ddul input[type=radio] {
        position: relative;
        top: 2px;
        margin-right: 3px;
    }

.notication_wrap {
    padding: 5px;
}
/***************************
Doc Search
***************************/
/***************************
	Left side doc details tabicons
***************************/
/*.leftselection #advanced_search{
	background-position: 22px -1166px;
}*/
/***************************
	Left side doc details tab hover icons
***************************/
/*.leftselection #advanced_search:hover{
	background-position: -72px -1166px;
}*/
/***************************
	Left side doc details tab selected
***************************/
/*.leftselection #advanced_search.active_tab{
	background-position: -160px -1166px;
}*/
.search_b {
    display: inline-block;
    height: 23px;
    width: 25px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: relative;
    left: -6px;
    box-shadow: 0 1px 0px 0 rgba(0,0,0,.1);
    cursor: pointer;
    width: 70px;
}

    .search_b img {
        position: relative;
        top: 4px;
        left: 29px;
    }

#advanced_search_properties {
    display: none;
}

#search_result_grid {
    min-height: 350px;
}
#search_result_grid.c1 {
    min-height: 300px;
}

#advanced_search_properties {
    background: #fff;
    width: 855px;
    padding: 20px;
    border-radius: 5px;
    position: fixed;
    z-index: 5051;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

@media screen and (min-width:1025px) {
    #advanced_search_properties {
        width: 80%;
    }
}

#search_title.form_wrap_header, #sendui .form_wrap_header, .corr_wrap .form_wrap_header, .sys_vendor.form_wrap_header, #CommentHeader.form_wrap_header,.blk_update_details .form_wrap_header {
    height: 24px;
}

#advanced_search_properties #view_opsSavedSearch {
    top: 30px;
    right: 80px;
}

#advanced_search_properties #view_opsMenuList {
    top: 30px;
}

#add_more_properties {
    float: left;
}

/*#div_ddsp_main {
    overflow-y: auto;
    height: 391px;
    padding: 5px 0 5px 5px;
}*/
/*#advanced_search_criteria{
    margin-top:5px;
}*/
/*#advanced_search_criteria .caption {
    float: left;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 205px;
    margin-right: 5px;
    line-height: 23px;
}*/

/*#advanced_search_criteria .control, #advanced_search_criteria .date_control {
    margin-bottom: 10px;
}*/

#advanced_search_criteria .search_date_caption {
    white-space: nowrap;
    margin: 0 5px;
    float: left;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
    position: relative;
    top: 6px;
}
/*#advanced_search_criteria .control input[type=checkbox] {
    float: left;
    top: 5px;
}*/
.divserchBarCenter {
    display: table;
    position: fixed;
    left: 50%;
    top: 50%;
    width: auto;
    /*min-width:555px;*/
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
}
span.searchPmeters {
    margin-right: 10px;
    display: inline-block;
    margin-bottom:10px;
}
.searchSuggestLabel{
    display:block;
    margin-left: 3px;
}
.searchPanedivs{
    display:inline-block
}
.searchPanedivs:first-of-type{
    margin-right: 10px;
}
/******************************
Admin settings page
*******************************/
/*#page #static #operations {
	float:left;
	width:29%;
}*/
/*#operations .opt{
	cursor: pointer;
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	color:#000;
	margin-top:10px;
	border-right: 5px solid #fff;
}*/
/*#operations .opt:hover {

    border-right-width:8px;
    border-right-style:solid;
}*/
/*#operations .opt.active {
    border-right-width:8px;
    border-right-style:solid;
}*/
/*#operations .opt .head {
	margin: 0;
	padding:5px;
}*/
/*#operations .opt a {
	text-decoration: none;
}*/
/*#operations .opt .caption {	
	color: #000;
	text-decoration: none;
	margin: 0;
	padding:5px 5px;
}*/
/*#operations .opt .caption:hover {	
	text-shadow: 1px 1px 1px #c9c9c9;
}*/
.ad_navigat_page ul li.activ_tab{
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

.ad_navigat_page ul li:hover
{
background-color: #efefef;
}


/*plugin page*/
.plugin_nav{
    display: inline-block;
    width: 150px;
    height: calc(100vh - 110px);
}
.plugin_nav_ul{
    margin-right:10px;
}
.plugin_nav_ul li{
    padding:10px 5px 10px 0;
    cursor:pointer;
}
.plugin_nav_ul li:hover{
    cursor:pointer;
    background-color:#efefef;
}
.plugin_nav_ul li.activ_tab{
    border-right-style: solid;
    border-right-width: 5px;
}
.plugin_header_label{
    padding-bottom: 10px;
    display: inline-block;
    font-size: 1.2em;
}
.plugin_nav .plugin_header_label,.plugin_nav_ul li{
    padding-left:10px;
}
.plugin_config_area .plugin_header_label{
    border-bottom: thin solid #ccc;
    width: 100%;
}
.plugin_config_area {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 155px);
}
.plugin_config_table{
    margin-top:10px;
}
.plugin_config_table td{
    padding-bottom:10px;
}

#dynamic {
    /*float:left;
	width:69%;
	margin:10px 0 0 10px;*/
}

.grid_1 h3, .grid_1 p, #SmartfolderSettingsContainer p, #SmartfolderSettingsContainer h3 {
    margin: 0;
}
 #SmartfolderSettingsContainer{
     position:relative;
 }
/*#resetpassword_container {
    padding: 15px 0;
    display: block;
    border-bottom: thin #dedede solid;
    margin-bottom: 10px;
}*/

#Resetpassword {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.bot10 {
    padding-bottom: 10px;
}

.floatright {
    float: right;
}

.grid_1 {
    display: block;
    margin: 10px 10px 0px 10px;
    overflow: hidden;
}

.grid_50 {
    float: left;
    width: 50%;
    /*height: 350px;*/
    /* margin: 10px; */
    overflow: hidden;
}

.gridspace {
    margin: 10px 10px 10px 0px;
}

#dynamic .actionbar, #dynamic .ActionBar {
    padding-top: 10px;
    text-align: right;
}

td .imgb {
    margin: 0 0 10px 10px;
}

.imgb {
    border: 1px solid #c9c9c9;
}

#page #static #wrapper {
    overflow-y: auto;
    overflow-x: none;
    /*min-height: 400px;*/
}
.logGrid{
    display:none;
}
.divLogDetailsSrchTble{
    margin-left:10px;
}
.divLogDetailsSrchTble td{
   padding-bottom:10px;
}
.divLogDetailsSrchTble td label{
    width:150px;
    display:inline-block;
}
/*icons*/

.navigat_page #account:before {
    content: "\e971";
}

.navigat_page #globalmenu:before {
    content: "\e9c9";
}

.navigat_page #TaskDet:before {
    content: "\e60a";
}
.navigat_page #DocConfig:before{
     content: "\e991";
}

.navigat_page #DocDet:before {
    content: "\e61b";
}

.navigat_page #smartfolder:before {
    content: "\e607";
}

.navigat_page #Transmittal:before,
#ulMain>li[data-content="Create Transmittal"]:after,
#ulMain>#liNewTranmittal:after,
#ulMain>#liCreateTransmittal:after{/*Transmittal*/
     content: "\e63a";
} 
#ulMain>li[title="Send Mail"]:after,
#ulMain>#btnSendMail:after,
#ulMain>#btnPreprMail:after,
#ulMain>li[title="Read/Unread"]:after{/*Send Mail*/
     content: "\e945";
}
.navigat_page #CorrespondenceTab:before {
    content: "\e945";
}

.navigat_page #Timesheet:before {
    content: "\e608";
}

.navigat_page #HomePage:before {
    content: "\e900";
}

.navigat_page #Connectivity:before {
    content: "\e91c";
}


/*--NEW CHANGES -ADMINISTRAIVE SETTINGS*/
.ad_navigat_page #account:before {
    content: "\e971";
}

.ad_navigat_page #globalmenu:before {
    content: "\e9c9";
}

.ad_navigat_page #TaskDet:before {
    content: "\e60a";
}
.ad_navigat_page #DocConfig:before{
     content: "\e991";
}

.ad_navigat_page #DocDet:before {
    content: "\e61b";
}

.ad_navigat_page #smartfolder:before {
    content: "\e607";
}

.ad_navigat_page #Transmittal:before,
#ulMain>li[data-content="Create Transmittal"]:after,
#ulMain>#liNewTranmittal:after,
#ulMain>#liCreateTransmittal:after{/*Transmittal*/
     content: "\e63a";
} 
#ulMain>li[title="Send Mail"]:after,
#ulMain>#btnSendMail:after,
#ulMain>#btnPreprMail:after,
#ulMain>li[title="Read/Unread"]:after{/*Send Mail*/
     content: "\e945";
}
.ad_navigat_page #CorrespondenceTab:before {
    content: "\e945";
}

.ad_navigat_page #Timesheet:before {
    content: "\e608";
}

.ad_navigat_page #HomePage:before {
    content: "\e900";
}

.ad_navigat_page #Connectivity:before {
    content: "\e91c";
}
/******************************
Wrench correspondence page
*******************************/
.corr_wrap .heading ul {
    float: left;
}

#UlCorespondanceProp #li_c_track_mail, #UlCorespondanceProp #li_c_confidential_mail {
    padding:1px 5px;
}

#mailSubject, #Mailsubject {
    width: 99.6%;
}

.reply_details .reply_inputs {
    float: left;
    margin-right: 20px;
}

    .reply_details .reply_inputs label {
        line-height: 26px;
        margin-right: 10px;
    }

/*.reply_details {
    margin: 0 0 5px 5px;
}*/

.correspondence_attachments {
    border: thin #C8C8C8 solid;
    border-bottom: none;
     padding: 6px 6px 7px 6px;
    position:relative;
}

.correspondence_attachments .attach_button {
    position: absolute;
    top: 14px;
    left: 15px;
}

.corr_wrap #clickmenu {
    background-color: white;
    float: right;
    position: absolute;
    box-shadow: 0px 0px 5px 1px #efefef;
    z-index: 10000;
    border: thin #C0C0C0 solid;
    display: none;
}

    .corr_wrap #clickmenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .corr_wrap #clickmenu li {
        display: block;
        padding: 5px 10px;
        width: 75px;
        border-bottom: thin #CCCCCC solid;
    }

        .corr_wrap #clickmenu li:hover {
            background-color: #E5E5E5;
            cursor: pointer;
        }

.corr_wrap .attachments_area {
    /*float: left;*/
    width: 661px;
    max-height: 75px;
    overflow: auto;
}

.corr_wrap .attachments_div,#divSelectedDocs .attachments_div,#div_documents .attachments_div{
    border: 1px solid #DCDCDC;
    border-top: 2px #7BA9F4 solid;
    float: left;
    height: 20px;
    margin: 0px 5px;
    overflow: hidden;
    padding: 0px 2px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

    .corr_wrap .attachments_area {
        width: 100%;
    }


#myBox {
    position: fixed;
    width: auto;
    padding: 10px;
    display: none;
    /*overflow: hidden;*//*30495*/
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    z-index: 5051;
    transition:.3s all ease-in-out;
}

#closeDiv {
    position: absolute;
    top: 10px;
    right: 10px;
}

#correspondenceContent {
    background: white;
    padding: 15px;
    box-shadow: 0px 0px 10px #444444;
    border-radius: 4px;
}

#myBox2 {
    display: none;
}

#contextMenu {
    display: none;
    z-index: 5000;
    /*font-weight:600;*/
    position: absolute;
    background-color: #fff;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*font-size: 15px;*/
    padding: 0;
    white-space: nowrap;
    -moz-transition: opacity 0.218s ease 0s;
    -o-transition: opacity 0.218s ease 0s;
    -webkit-transition: opacity 0.218s ease 0s;
    transition: opacity 0.218s ease 0s;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

    #contextMenu ul {
        margin: 0;
        padding: 0;
    }

        #contextMenu ul li {
            padding: 5px;
            cursor: pointer;
        }

.sent_on_d {
     position: absolute;
    right: 33px;
}

.corr_distribution_read .subject {
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    width: 700px;
    display: block;
    float: left;
}

#DownloadAllAttachment {
    float: left;
}

.attachments_area .attachments_div img,
#divSelectedDocs .attachments_div img {
    position: relative;
    top: 3px;
    margin-left: 1px;
}

.attachments_area .attachments_div .file_label,
#divSelectedDocs .attachments_div .file_label {
    padding-left: 2px;
    cursor: pointer;
    color: black;
    margin: 0 7px;
}

.attachments_area .attachments_div .fil_remov,
#divSelectedDocs .attachments_div .fil_remov,
.attachments_area .attachments_div .moreFileOps{
    border-left: thin #DBDBDB solid;
    cursor: pointer;
    /*position:relative!important;
         top: 0!important; 
     right: 0!important; 
     float: none!important;*/ 
}

    .attachments_area .attachments_div .fil_remov img,
    #divSelectedDocs .attachments_div .fil_remov img,
    .attachments_area .attachments_div .moreFileOps  img{
        padding: 0 3px 0 4px;
        position: relative;
        top: -0px;
    }

.attachments_area .attachments_div:active {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0);
}
/****************************
    Submittal style
******************************/

/***************************
	Left side doc details tab icons
***************************/

.leftselection .SubmittalDetails:before {
    content: "\e600";
}

.leftselection .Report:before {
    content: "\e621";
}

.leftselection .Documents:before {
    content: "\e61c";
}

.leftselection .all:before {
    content: "\e9c9";
}

/***************************
	Left side doc details tab hover icons
***************************/

/*.leftselection .SubmittalDetails:hover{
	background-position: -72px -0px;
}
.leftselection .Report:hover{
	background-position: -72px -1258px;
}
.leftselection .Documents:hover{
	background-position:-72px -723px;
}
.leftselection .all:hover{
	background-position:-72px -1346px;
}*/


/***************************
	Left side doc details tab selected
***************************/
/*.leftselection .SubmittalDetails.active_tab{
	background-position: -160px -0px;
}
.leftselection .Report.active_tab{
	background-position: -160px -1258px;
}
.leftselection .Documents.active_tab{
	background-position: -159px -723px;
}
.leftselection .all.active_tab{
	background-position: -160px -1346px;
}*/

/*#submittaldetails {
    padding: 5px;
}*/

    /*#submittaldetails table {
        width: 100%;
    }*/

.sub_desc {
    vertical-align: top;
}

    .sub_desc textarea {
        width: 98%;
        height: 100%;
    }

#frmsubmittalreport {
    height: 16px;
}

/*#submittaldetails input[type=text].jqx-fill-state-disabled,*/ #submittaldetails input[type=button].jqx-fill-state-disabled.smallbutton {
    opacity: 1 !important;
    background-image: linear-gradient(to bottom, #f0f3f5, #f0f3f5);
    height: 22px;
}

/*#operationMenu .jqx-widget {
    font-size: 12px !important;
}*/
/*.comp_submittals{submiital folder completed checkbox style
    position: absolute;
    top: 12px;
    left: 125px;
    z-index: 5012;
    cursor: pointer;
}*/
/*.comp_submittals { 
    float: right;
    line-height: 26px;
}*/

.sbmtldtls #btnTo, .sbmtldtls #btnCc {
    width: 97%;
}
/***************************
Multiple Add style
***************************/

.multi_add td {
    padding: 7px 10px 0 0;
}

.multi_add #aManagepropertySet, #imp_exp a {
    color: rgb(58, 140, 255);
    text-decoration: underline;
    cursor: pointer;
}

.multi_add .caption {
    width: 150px;
}

.multi_add .value {
    width: 700px;
}

#assign_number .caption {
    margin-right: 10px;
}

#assign_number .marg_div {
    margin-top: 5px;
}

    #assign_number .marg_div input[type=radio] {
        position: relative;
        top: 2px;
        margin-right: 2px;
    }

#imp_exp a {
    margin-top: 5px;
    display: block;
}

#dialog h2,
#dialog2 h2,
#imp_exp h2,
#assign_number h2 { /*3564*/
    margin: 5px 0;
}

label.wid {
    margin-right: 10px;
}




/********************
    blue icons
 **********************/



.report_ops #correspondenceAdvProp:before,
#btnTaskEdit:before,
.report_ops #btnSystemProperties:before,
.report_ops #btn-External-Edit:before,
.report_ops #btn-Internal-Edit:before,
.report_ops #btnPropertiesTypeMstr:before,
.report_ops #btnAreaProperties:before,
.report_ops #liEditIssuePurpose:before,
.report_ops #visbileComment:before,
.report_ops #visbileIASCDetails:before,
.report_ops #liROCProperties:before,
.report_ops #btnUpdateBulkDocuPropertys:before,
.report_ops #liUpdateDocument:before,
.report_ops #btnDoumentTemplatesProperties:before,
#ulMain>li[data-content="Update Template"]:after,
#ulMain>#btnEdit:after,
#ulMain>#liEdit:after { /*edit,edit metadata*/
    content: "\e614";
}

.report_ops #btnWFOperSave:before,
#btnTaskOk:before,
#id_SaveOptions:before,
#ulMain>#CorrespondenceSave:after,
#ulMain>#btnSave:after,
#ulMain>#liSave:after,
#ulMain>#liSaveProject:after,
#ulMain>#btnSaveMetadata:after { /*save*/
    content: "\e962";
}
#ulMain>#btnSubmit:after,
#ulMain>li[title="Submit"]:after {/*submittal*/
    content: "\e637";
}
.report_ops #btnWFOperCancel:before,
.report_ops #btnBypassRedirectCancel:before,
#btnTaskCancel:before,
#ulMain>#btnCancel:after,
#ulMain>#Cancel:after,
#ulMain>#Cancel1:after,
#ulMain>#btnClose:after,
#ulMain>#liClose:after,
#ulMain>#btnclose:after,
.ribbonOperations>#liClose:after,
#ulMain>#btnUpdateCancel:after,
#ulMain>li[onclick="CancelUpload();"]:after,
.ribbonOperations>#btnDiscard:after,
#ulMain>#btnCancelMetadata:after { /*cancel*/
    content: "\ea0d";
}

.report_ops #btnBypassRedirectOK:before,
#ulMain>#btnAddBulkCmnt:after,
#ulMain>#btnUpdateAdd:after,
.ribbonOperations>#btnAssign:after  { /*ok*/
    content: "\ea10";
}
#ulMain>li[data-content="Send to homepage"]:after{
    content: "\e900";
}
#ulMain>#liApprove:after{/*approve*/
        content: "\e611";
}
#ulMain>#liReject:after{/*Reject*/
        content: "\e611";
        transform: rotateX(180deg);
}
#rev_ver_operations #liRevokeVersion:before,
.report_ops #btReplaceDocument:before,
.report_ops #btnRevokeArea:before { /*revoke version*/
    content: "\e62e";
}



#smm:before,
#sml:before,
.report_ops #liTransMore:before,
.report_ops li.ops_more, 
.report_ops li.ops_more:before,
.report_ops li.ops_more:before,
.report_ops #moreoperationproperties:before,
.report_ops #prj-Resources-More-Options:before,
.report_ops #btnMoreOptionsCorr:before,
.report_ops li.ops_more:before,
#vListItemsLi:before { /*more*/
    content: "\e624";
}

#lnkupdateinterimprogress:before,
#lnkUpdateEarnedPercentage:before,
#lnkUpdateEarnedQuantity:before{ /*update percentage*/
    content: "\e63b";
}
#ulMain>li[data-content="Update Interim Percentage"]:after { /*update  interim percentage*/
    content: "\e99b";
}

.report_ops li[onclick="AddDocument('Linked')"]:before,
.report_ops li[onclick="LinkRefer('Linked')"]:before { /*link*/
    content: "\e623";
}

.report_ops li[onclick="AddDocument('Referred')"]:before,
.report_ops li[onclick="LinkRefer('Referred')"]:before,
.report_ops li[onclick="AddExistingCorrespondenceDocument()"]:before,
.report_ops #liDocAddExisting:before,
.report_ops #btnReferExistingCorr:before,
.report_ops #AttachExistingClientComment:before{ /*refer*/
    content: "\e628";
}

.report_ops li[onclick="CheckOutAssociatedDocument()"]:before,
.report_ops li[onclick="CheckoutDocument()"]:before,
.report_ops li[onclick="CheckoutCorrespondenceDocument()"]:before,
.report_ops #liDocCheckout:before,
.operations a.attach_cout:before,
#ulMain>li[title="Check out"]:after  { /*check out*/
    content: "\e615";
}

.report_ops li[onclick="CheckInAssociatedDocument()"]:before,
.report_ops li[onclick="CheckinDocument()"]:before,
.report_ops li[onclick="CheckinCorrespondenceDocument()"]:before,
.report_ops #liDocCheckIn:before,
.operations a.attach_cin:before,
#ulMain>li[title="Check in"]:after  { /*check in*/
    content: "\e924";
}
.report_ops li[onclick="CheckInAssociatedDocument()"]:after,
.report_ops li[onclick="CheckinDocument()"]:after,
.report_ops li[onclick="CheckinCorrespondenceDocument()"]:after,
.report_ops #liDocCheckIn:after,
.operations a.attach_cin:after,
#ulMain>li[title="Check in"]:before  { /*check in combination up arrow*/
    /*content: "\ea32";*/
    font-size: 10px;
    font-family: myFirstFont;
    position: absolute;   
}
#ulMain>li[title="Check in"]:before { /*check in combination up arrow position*/
    left: 13px;
    top: 17px;
}
.report_ops li[onclick="CheckInAssociatedDocument()"]:after,
.report_ops li[onclick="CheckinDocument()"]:after,
.report_ops li[onclick="CheckinCorrespondenceDocument()"]:after,
.report_ops #liDocCheckIn:after{ /*check in combination up arrow position*/
    left: 7px;
    top: 10px;
}
.operations a.attach_cin:after{/*check in combination up arrow position*/
    left: 13px;
    top: 6px;
    font-size: 12px;
}
#ulMain>li[title="Undo Check out"]:after{/*Undo Check out*/
    content: '\e926';
}
/*#ulMain>li[title="Undo Check out"]:before{Undo Check out combination undo arrow
    content: '\e967';
    font-size: 12px;
    font-family: myFirstFont;
    position: absolute;   
}
#ulMain>li[title="Undo Check out"]:before{
    left: 18px;
    top: 2px;
}*/
#ulMain>li[title="Release"]:after {/*Document Release*/
     content: '\e924';
}
/*#ulMain>li[title="Release"]:before {Document Release combination check mark
    content: '\ea10';
    font-size: 10px;
    font-family: myFirstFont;
    position: absolute;   
}
#ulMain>li[title="Release"]:before{Document Release combination check mark position
    left: 19px;
    top: 16px;
}*/

.report_ops li[onclick="AddAssociated(4)"]:before { /*attach specter*/
    content: "\e601";
}

.report_ops li[onclick="AddAssociated(6)"]:before { /*attach related file*/
    content: "\e62a";
}

.report_ops li[onclick="AddAssociated(1)"]:before { /*attach comment*/
    content: "\e616";
}

.report_ops li[onclick="AddAssociated(0)"]:before { /*attach markup*/
    content: "\ea59";
}

.report_ops li[onclick="AddSquadCheckComments()"]:before,
.report_ops #prj-Resources-Roles:before,
.report_ops #lnkImportResx:before  { /*attach squad check comment*/
    content: "\e636";
}

.report_ops li[onclick="ReplaceDocument()"]:before,
.report_ops li[onclick="ReplaceAssociated()"]:before,
.report_ops li[onclick="ReplaceCorrespondenceDocument()"]:before,
.report_ops #liReplaceDocument:before,
.operations a.attach_replace:before { /*replace*/
    content: "\e63c";
}

.report_ops li[onclick="DetachReferenceDocument()"]:before,
.report_ops li[onclick="DetachDocument()"]:before,
.report_ops li[onclick="DetachTask()"]:before,
.report_ops li[onclick="DetachCorrespondenceDocument()"]:before,
.report_ops #lnkrptdetach:before,
.report_ops #lnkattchdetach:before,
.report_ops .rpt_detach:before,
.report_ops #Remove_documents:before,
.report_ops #liDocDetach:before,
.report_ops #btnDetachCorr:before,
.operations a.attach_detach:before  { /*detach*/
    content: "\e61a";
}

.report_ops li.ops_attach:before,
.report_ops #lnkrptattach:before,
.report_ops #lnkattchattach:before,
.report_ops .rpt_attach:before,
.report_ops #addDocFromSearchUI:before { /*attach associated file*/
    content: "\e60f";
}

.report_ops li[onclick="DeleteDocument()"]:before,
.report_ops li[onclick="DeleteAssociatedDocument()"]:before,
.report_ops li[onclick="DeleteCorrespondenceDocument()"]:before,
.report_ops #liDocDelete:before,
.report_ops #btDocDelete:before,
 .operations a.attach_del:before,
#liRemove:after { /*delete*/
    content: "\e619";
}


.report_ops li[onclick="ShowTaskDetails()"]:before { /*show details*/
    content: "\e600";
}

.report_ops li[onclick="AddSingleCorrespondenceDocument()"]:before { /*add single correspondence*/
    content: "\e618";
}

.report_ops li[onclick="ViewCorrespondenceDocument(0)"]:before,
.report_ops #liDocAttchdownload:before, .report_ops #lnkrptdownload:before,
.report_ops #lnkattchdownload:before,
.report_ops .rpt_dload:before,
.report_ops #btDocAttchdownload:before,
.report_ops #btnViewTemplateTypeMstr:before,
.report_ops #downloadDocs:before,
.report_ops #btnViewCorr:before,
.report_ops #liDSView:before,
#ulMain>li[title="Download"]:after,
#ulMain>li[data-content="Download Reference Documents"]:after,
#ulMain>li[data-content="Download client comment"]:after,
#ulMain>li[data-content="Download Comments"]:after,
#ulMain>li[data-content="Download Specter"]:after,
 #ulMain>li[data-content="Download Attachments"]:after,
 #ulMain>li[title="View Specter"]:after,
.ribbonOperations li[onclick="ViewDocument_Rev_Ver(0)"]:after   { /*download*/
    content: "\e61d";
}
 #ulMain>li[data-content="Stamp"]:after  { /*stamp*/
    content: "\e923";
}
 #ulMain>li[data-content="Sign"]:after  { /*sign*/
    content: "\e908";
}
  #ulMain>li[data-content="Compare"]:after  { /*compare*/
    content: "\e92c";
}
#rev_ver_operations li[onclick="ViewDocument_Rev_Ver(0)"]:before,
.report_ops li[onclick="ViewDocument(0)"]:before,
.report_ops li[onclick="ViewAssociatedDocument()"]:before,
.report_ops #liOriginalfileDownload:before,
.report_ops #liDocView:before,
.operations a.attach_dload:before { /*view*/
    content: "\e61d";
}
#ulMain>li[title="Upload"]:after,
#ulMain>#replace_button:after{/*upload*/
     content: "\e63c";
}
#ulMain>li[title="Forward"]:after,
#ulMain>#CorrespondenceForward:after,
#ulMain>#liForward:after,
.ribbonOperations>#btnForward:after{/*Forward*/
     content: "\ea20";
}
.ribbonOperations>#btnForwardSetting:after{/*forward Setting*/
   content: "\e995"; 
}
.ribbonOperations>#liprogress:after{/*Progress*/
    content: "\ea4c";
    transform: rotateX(180deg);
}
#ulMain>#lnkOptions:after{
    content: "\e9ba";
 }
.report_ops li[onclick="ViewDocument(1)"]:before,.report_ops #liDocAttchView:before,
.report_ops #ViewDocs:before,
.report_ops #btView:before,
.report_ops #btDocAttchView:before,
.report_ops li[onclick="ViewCorrespondenceDocument(1)"]:before,
#rev_ver_operations li[onclick="ViewDocument_Rev_Ver(1)"]:before,
.report_ops #liDocViewUtility:before,
.report_ops #btnViewCorrUtility:before,
a.atach_view:before,
.operations a.attach_Vu:before,
#ulMain>li[title="View"]:after,
.ribbonOperations li[onclick="ViewDocument_Rev_Ver(1)"]:after {/*new view*/
    content: "\e926";
}
.report_ops li[onclick="AddReplyToCorrespondence()"]:before,
.report_ops #liDocAddNewDocument:before,
.report_ops #liAttachmentAddDoc:before,
.report_ops #liNewDocument:before,
.report_ops #AttachComment:before,
.report_ops #attachOp:before,
.report_ops #AttachClientComment:before,
 #ulMain>li[title="Add Document"]:after{ /*new document*/
    content: "\e60b";
}

.report_ops #liDwnldSpecter:before
{
    content:"\e9c5";
}
.report_ops #liDocChecklist:before
{
    content:"\ea11";
}
.report_ops #btnAdd:before {
    content: "\e60b";
}

.report_ops li.ops_add_reply:before,
.report_ops #btnAddReplyCorr:before { /*reply*/
    content: "\e96a";
}

.report_ops #choose_column:before, #div_ChooseColumns #id_ChooseColumns:before { /*choose column*/
    content: "\e635";
}

.report_ops #liDocAddDocument:before { /*from workspace*/
    content: "\e63e";
}

.report_ops #liDocHideFilter:before { /*filter*/
    content: "\e61f";
}

.report_ops #lnkrCreate:before { /*generate report*/
    content: "\e621";
}

.report_ops ul li#assignwf:before,
.report_ops #liAssignWF:before,
.report_ops #assignWFDocs:before,
.ops_more #assignWFDocs:before,
#ulMain>li[title="Assign Workflow"]:after,
#ulMain>#CorrespondenceShowWorkFlow:after { /*assign wf*/
    content: "\e9bc";
}
#ulMain>#printCorrespondence:after,
#ulMain>li[title="Print"]:after{
     content: "\e954";
}

.report_ops ul li#sendnotification:before { /*send notification*/
    content: "\ea08";
}
#ulMain>li[title="Notify"]:after{/*notification*/
     content: "\e951";
}
.report_ops ul li#lnkswitchview:before,
.operations a.attach_details:before,
#ulMain>li[data-content="Update Documents"]:after { /*details view*/
    content: "\e600";
}

.report_ops #liNumberingOptions:before { /*numbering*/
    content: "\e602";
}

.report_ops #liImportAndExport:before,
.report_ops li[onclick="printOperationLog()"]:before,
.report_ops #excelExport:before,
.report_ops #exportresult:before,
.report_ops #ExportToExcel:before,
#ulMain>li[data-content="Export to Excel"]:after,
.ribbonOperations>#btnExportAsExcel:after,
#liNew:after { /*import/export excel*/
    content: "\e61e";
}

.report_ops #btnGenealogy:before { /*select genealogy*/
    content: "\e620";
}

.report_ops #btnRegister:before,
#ulMain>li[title="Register As"]:after { /*register document*/
    content: "\e629";
}

.report_ops #liExistingDocument:before { /*existing document*/
    content: "\e61b";
}
.ribbonOperations>#btnExportAsPDF:after{
    content:"\eada";
}
.report_ops #btDocAddNewDocument:before,
.report_ops .add_corresp:before,
.report_ops #liDocAdd:before,
#btnAddProjectEnquiry:after,
#ulMain>li[title="Create Task"]:after,
#ulMain>#btnAdd:after,
#ulMain>li[title="New"]:after{ /*add files*/
    content: "\e60b";
}

.report_ops #liRegisteredfileDownload:before,
.report_ops #liDocAddSingle:before { /*registered doc,add doc*/
    content: "\e61b";
}

.report_ops #liDocAddMultiple:before { /*add multiple doc*/
    content: '\e61c';
}

.report_ops #btnClearValue:before,
.report_ops #remove-prj-resources-position:before,
#ulMain>li[title="Delete"]:after,
#ulMain>#CorrespondenceDelete:after,
#ulMain>#lnkDelete:after,
#ulMain>#btnDelete:after,
#ulMain>#liDelete:after,
.report_ops #btnDeleterow:before,
.ribbonOperations>#liDelete:after,
#liClearGrid:before { /*clear delete*/
    content: "\ea0f";
}
#ulMain>li[title="Close"]:after{/*Close*/
     content: "\ea10";
}
#ulMain>li[title="Complete"]:after{/*Complete*/
     content: "\e9bc";
}
/*#ulMain>li[title="Complete"]:before{Complete conmbination check mark
 content: "\ea10";
     font-size: 10px;
    font-family: myFirstFont;
    position: absolute;
    left: 21px;
    top: 9px;
}*/

#ulMain>#liComplete:after,
#ulMain>#btnComplete:after{/*complete package, complete submittal*/
     content: "\ea10";
}

.report_ops #lblSlectedsearch:before, .report_ops #id_MySearches:before { /*predefined search*/
    content: "\e62c";
}

.report_ops li[onclick="ReviseDocument()"]:before {
    content: "\e62d";
}
#ulMain>li[title="Revise"]:after,
#ulMain>#btnRevise:after{/*revise*/
    content: "\e965";
}

#ulMain>li[data-content="Create Specter"]:after{/*Create Specter*/
    content: "\eada";
}
.report_ops li[onclick="ReleaseDocument()"]:before {
    content: "\ea11";
}

.report_ops #btReject:before { /*reject document*/
    content: "\e611";
    transform: rotate(180deg)scaleX(-1);
}
#ulMain>li[title="Reassign"]:after,
.ribbonOperations>li#btnWFReassign:after{/*Reassign*/
     content: "\e972";
}
.report_ops #btApprove:before, .report_ops #liAuthorisationPackage:before { /*approve document*/
    content: "\e611";
}
/*#ulMain>li[title="Upload"]:after{*//*upload*/
     /*content: "\e972";
}*/
     #ulMain>#liSubmit:after,
     .ribbonOperations>#liSubmit:after{/*submit*/
          content: "\ea52";
         
     }
.report_ops #libtnSend:before,
.report_ops #liSend:before,
.report_ops #sendDocs:before,
#ulMain>li[title="Send"]:after,
#ulMain>#CorrespondenceSendForReview:after,
.ribbonOperations>#btnSend:after,
.ribbonOperations>#btnStartWF:after { /*Send*/
    content: "\ea1c";
}
.ribbonOperations>#nextchange:after{/*bypass*/
    content: "\ea7d";
}
.ribbonOperations>#btnFlushWF:after{/*flush*/
    content: "\e982";
}
.addResourcesIcon:before,
.report_ops #btnAdd[title="Add User"]:before,
.report_ops #btnAdd[title="Add"]:before,
.report_ops #btnaddSystemVendor:before,
.report_ops #btnAddUsertoGrd:before,
.report_ops #btnAddUserGrptoGrd:before,
.report_ops #add-prj-view-resources:before,
.report_ops #add-prj-resources:before { /*Add resource*/
    content: "\e973";
}

.report_ops #btdeletebutton[title="Remove User"]:before,
.report_ops #btRemove[title="Remove"]:before,
.report_ops #btnremoveSystemVendor:before,
.report_ops #remove-prj-view-resources:before,
.report_ops #remove-prj-resources:before { /*remove resource*/
    content: "\e974";
}

.report_ops #btnReviewComplete:before { /*complete review*/
    
}
#ulMain>li[data-content="Open For Review"]:after{
    content: "\e96c";
}
#ulMain>li[title="Attach Review"]:after{
    content: "\e96b";
}

.report_ops #btnCancelComment:before,
#ulMain>li[data-content="Cancel Commenting"]:after { /*cancel comment*/
    content: "\e613";
}

.report_ops #btnViewComment:before,
#ulMain>li[data-content="Open For Commenting"]:after { /*View comment*/
    content: "\e96e";
}

.report_ops #btnAttachcomment:before{ /*attach comement*/
    content: "\e610";
}
#ulMain>li[data-content="Attach Comments"]:after,
#ulMain>#liAttachFile:after,
#ulMain>#btnDistribution:after  {
     content: "\e60f";
}

.report_ops #btnOpenForCommenting:before { /*open for commenting*/
    content: "\e626";
}

.report_ops #btnUpdateInternalStatus:before { /*update code*/
    content: "\e63b";
}
.ribbonOperations>#liOpen:after{
    content:"\e926";
}

.report_ops #btnConsolidateComment:before,
#ulMain>li[data-content="Consolidate Comments"]:after,
#ulMain>#CorrespondenceConversation:after { /*Consolidate Comment*/
    content: "\e96f";
}

.report_ops #lnkRemoveRule:before,
.report_ops #btnRemoveSystem:before,
.report_ops #btn-External-Remove:before,
.report_ops #btn-Internal-Remove:before,
.report_ops #btnRemoveTypeMstr:before,
.report_ops #btnRemoveProjectType:before,
.report_ops #btnRemoveArea:before,
.report_ops #liRemoveIssuePurpose:before,
.report_ops #liROCRemove:before,
.report_ops #btn-ReferencedProjects-Remove:before,
.report_ops #btnRemoveDoumentTemplates:before,
.report_ops #btnRemove:before,
.report_ops #btnRemoveDocProperties:before,
.report_ops #btnRemoveExcList:before { /*remove rule,remove*/
    content: "\ea0b";
}

.report_ops #lnkCreateRule:before,
.report_ops #plusimg:before,
.report_ops #liOptions:before,
.report_ops #id_AddCriteria:before,
.report_ops #btnAddSystem:before,
.report_ops #btn-External-Add:before,
.report_ops #btn-Internal-Add:before,
.report_ops #btnAddTypeMstr:before,
.report_ops #btnAddProjectType:before,
.report_ops .btnAdd:before,
.report_ops #liAddIssuePurpose:before,
.report_ops #liROCAddRule:before,
.report_ops #btn-ReferencedProjects-Add:before,
.report_ops #btnAddDoumentTemplates:before,
.report_ops #btnAddDocProperties:before,
.report_ops #btnAddExcList:before { /*Create rule*/
    content: "\ea0a";
}

.report_ops #liROCAddRuleSet:before {
    content: '\e931';
}

.report_ops #liMicroScheduling:before { /*micro scheduling*/
    content: "\e631";
}

.report_ops #btnUserGroupsTypeMstr:before {
    content: '\e972';
}

.report_ops #liUserGroupsConfig:before {
    content: '\e972';
}

.report_ops #btnAddMainArea:before { /*area*/
    content: '\e948';
}

.report_ops #btnAddSubArea:before { /*subarea*/
    content: '\e947';
}

.report_ops #btnReleaseArea:before,
#lnkRelease:after { /*release*/
    content: '\ea11';
}


.report_ops #btnImportAreas:before,
.report_ops #liROCImport:before,
.report_ops #btnCorrFetchMail:before { /*import*/
    content: '\ea13';
}

.report_ops #prj-RefreshWorkflow:before,
.report_ops #liROCRefresh:before { /*refresh*/
    content: '\e966';
}
.report_ops #idcreateLink:before,
#ulMain>li[title="Create Link"]:after {/*create Link*/
    content: '\e9cb';
}
.report_ops #liCopy:before {/*copy*/
    content: '\e92c';
}
#ulMain>li[title="Replicate"]:after{/*Replicate*/
    content: '\e92c';
}
.report_ops #liPaste:before {/*paste*/
    content: '\e92d';
}
 #search_result_view:before,
li.sFolderView:after{/*Grid view*/
    content: none; 
 }
 #ulMain>li[data-content="Pin to Smart Folder"]:after{/*Pin*/
    content: '\e946';
}
#ulMain>li[data-content="Unpin from Smart Folder"]:after{/*Pin*/
content: '\e946';
    transform: rotate(90deg);
}
#ulMain>li[title="Add Reply"]:after,
#ulMain>#CorrespondenceReply:after,
#ulMain>#CorrespondenceReplyAll:after,
#ulMain>li[title="Reply"]:after,
#ulMain>li[title="Reply All"]:after{/*Add Reply*/
    content: '\e967';
}
#ulMain>#CorrespondenceReplyAll:before,
#ulMain>li[title="Reply All"]:before{
    height: 13px;
    width: 13px;
    font-size: 13px;
    font-family: myFirstFont;
    display: block;
    position: absolute;
    /* color: #000; */
    content: none!important;
    top: 22px;
    /*bottom: 0;*/
    left: 9px;
    margin: auto;
}

#ulMain>li[data-content="Update Client Comment"]:after{/*Update Client Comment*/
    content: '\e976';
}
#ulMain>li[data-content="Update Internal Approval Status Code"]:after{/*Update internal approval status code*/
content: '\ea52';
 }
#ulMain>li[data-content="Update Submission Details"]:after{/*update submission details*/
content: '\e922';
 }
#ulMain>li[data-content="Replace Reference Documents"]:after{/*replace reference document*/
content: '\ea2e';
 }
.ribbonOperations>#btnCheck:after{
    content: '\ea52';
}
.ribbonOperations>#btnUpdateComment:after{
   content: '\e96e'; 
}
 /*.ribbonOperations>li#show_folder.expand_ico:after{
     content: '\e930'; 
 }
 .ribbonOperations>li#show_folder.collapse_ico:after{
     content: '\e92f'; 
 }*/

 #ulMain>li[title="Attach"]:after{/*download Attachments*/
     content: '\e9cd'; 
 }
.report_ops #prj-Resources-Discipline:before {
    content: '\e976';
}

.report_ops #btnClearrow:before {
    content: "\ea72";
}

.report_ops #lnkViewAdditionalInfo:before {
    content: "\e922";
}
.report_ops #show_appr_search:before{
    content:'\e986';
}
#liInsertRow:before {
    content: "\ea0a";
}

#liROCBulkCreate:before,
#liCreateFrom:after {
    content: "\e625";
}
#tab32:before{
    content: "\ea11";
}
/*Timesheet*/

#lboxHiddenDetails {
    position: absolute;
    display: none;
    z-index: 1002;/*17958*/
    background-color: white;
    border: thin #DFDFDF solid;
    box-shadow: 0 0px 10px rgba(0,0,0,.1);
    border-radius: 4px;
    top: 17px;
    right: 0;
    padding: 5px;
}

#details_tableCalendar {
    margin: 5px 5px 0px 5px !important;
}

    #details_tableCalendar #jqStartDate, #details_tableCalendar #jqStopDate {
        float: left;
        margin-right: 10px;
    }

#divTimeSheetCustomProp {
    display: table;
    margin: 5px;
    width: 100%;
}

    #divTimeSheetCustomProp .custom_prop_row {
        margin-bottom: 15px;
    }

    #divTimeSheetCustomProp .control {
        /*display:table-row;*/
        display: flex;
    }

        #divTimeSheetCustomProp .control .caption {
            display: /*table*/ -cell;
            vertical-align: middle;
            width: 29%;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -ms-word-break: break-word;
            word-break: break-word;
        }

        #divTimeSheetCustomProp .control .cleardata {
            margin-left: 7px;
            height: 16px;
        }

/*#obj_search #lblSlectedsearchText {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: absolute;
    width:500px;
}*/
#obj_search #lblSlectedsearchText{
    width: 500px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*@media screen and (max-width:1024px) {
    #obj_search #lblSlectedsearchText {
        width: 300px;
    }
}

@media screen and (min-width:1025px) {
    #obj_search #lblSlectedsearchText {
        width: 47%;
    }
}*/

.leftselection #show_calendar:before,
.report_ops #liROCMicroScheduling:before,
.report_ops #btnCorrReplySchedule:before,
#ulMain>li[title="Schedule"]:after { /*calendar*/
    content: "\e953";
}

.navigat_page #show_activity:before {
    content: "\e9b2";
}

.leftselection #show_classic:before {
    content: "\e608";
}

.navigat_page #show_approval:before,
.report_ops #add-prj-resources-position:before {
    content: "\e975";
}

/*.search_clear.search_b {
    left: 0;
    top: 0;
    border-radius: 3px;
}*/

.search_clear.clear_b {
    display: inline-block;
    /* height: 23px; */
    /* width: 70px; */
    color: #fff;
    padding: 4px 15px 5px 15px;
}

.search_clear {
    border-radius: 3px;
    /*float: right;*/
    margin: 0 10px 0 0;
    cursor: pointer;
}

/*sfo*/

.leftselection #li_Searchitems li {
    padding: 55px 0 0 0;
}

/*#advanced_search_criteria.sub #div_ddsp_main .controlset {
    display: inline-block;
    width: 47%;
}*/

    /*#advanced_search_criteria.sub #div_ddsp_main .controlset .btnCloseTextBoxViewModel {
        float: left;
        position: relative;
        margin-right: 8px;
        top: 7px;
    }*/

/*@media screen and (max-width:1249px) {
    #advanced_search_criteria.sub #div_ddsp_main .caption {
        float: none;
        width: 90%;
    }
}*/

/*@media screen and (min-width:1250px) and (max-width:1400px) {
    #advanced_search_criteria.sub #div_ddsp_main .controlset {
        width: 480px;
    }

    #advanced_search_criteria.sub #div_ddsp_main .caption {
        width: 170px;
    }
}*/

/*#divStrip:before {
    content: '>';
    position: absolute;
    font-family: "consolas";
    font-size: 1.25em;
    color: #000;
    right: 20px;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
}

#divStrip.exp:before {
    transform: rotate(-90deg);
    right: 22px;
}*/

#obj_search .report_ops li ul li, .divListmenu.report_ops ul li ul li {
    background: none;
    padding: 5px;
    word-break: break-word;
    word-break: break-all;
}
/*#obj_search .report_ops li#id_MySearches ul li{
    padding-left:25px;
}*/
    #obj_search .report_ops li ul li:before, .divListmenu.report_ops ul li ul li:before {
        content: none;
    }

/* Global Search Results Toggle */
#sideObj {
    width: 30px;
    height: auto;
    position: fixed;
    top: 250px;
    right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    z-index: 5014;
}

    #sideObj ul li.selected {
        color: #000;
        font-weight: bold;
    }

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

        #sideObj ul li:hover {
            color: #000;
            font-weight: bold;
            cursor: pointer;
        }

        #sideObj ul li {
            padding-left: 10px;
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: left;
            color: #000;
            font-weight: normal;
        }

    #sideObj table {
        table-layout: fixed;
        width: 220px;
        text-align: left;
        height: auto;
        width: 100%;
    }

        #sideObj table td {
            padding-left: 6px;
            overflow: hidden;
            vertical-align: middle;
            text-align: left;
        }


#li_Searchitems #global_search:before {
    content: "\e9c9";
}

#li_Searchitems #document_search:before {
    content: "\e61b";
}

#li_Searchitems #transmittal_search:before {
    content: "\e63a";
}

#li_Searchitems #submittal_search:before {/*submittal*/
    content: "\e637";

}

#li_Searchitems #task_search:before {
    content: "\e60a";
}

#li_Searchitems #package_search:before,
.report_ops #liCreatePackage:before,
.ribbonOperations>#liCreatePackage:after{
    content: "\e606";
}

#advanced_search {
    text-decoration: underline;
    cursor: pointer;
}

.arrowright {
    width: 20px;
    height: 20px;
    display: block;
    top: 2px;
    position: absolute;
    z-index: 5001;
    right: 0;
    background-color: #fff;
    border-radius: 50%;
}

    .arrowright::before {
        left: 32%;
        margin-top: -2px;
        content: '>';
        position: absolute;
        font-family: "consolas";
        font-size: 1.5em;
        color: #666666;
    }

    .arrowright:hover {
        box-shadow: 0 1px 5px rgba(0,0,0,.2);
    }

    .arrowright:active {
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
    }

#obj_search .report_ops ul li ul li ul {
    top: 0;
    left: 100%;
    display: block;
    visibility: hidden;
    border: none;
}

#obj_search .report_ops ul li ul li:hover > ul {
    display: block;
    visibility: visible;
}

#ul_addcriteria, .ul_addcriteria {
    z-index: 9999;
    display: none;
    width: 260px;
    height: auto;
    position: absolute;
    background: #fff;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    right: 0;
    border: thin #DFDFDF solid;
    box-shadow: 0 0px 10px rgba(0,0,0,.1);
    border-radius: 4px;
}

#operationMenu nav ul li[data-content]:before {
    /*width: 200px;*/
    white-space:nowrap;
    background-color: inherit;
    display: none;
    position: absolute;
    content: attr(data-content);
    top: 40px;
    right: -20%;
    padding: 3px;
    text-align: center;
    z-index: 5012;
    border-radius: inherit;
    border: thin solid #989898;
}
#operationMenu nav ul li[data-content]:last-of-type:before{
    right: 0%;
}
/*#operationMenu nav ul li:nth-child(5)[data-content]:before {
    left: initial;
    right: 0;
}#22983*/


#operationMenu nav ul li[data-content]:hover:before {
    display: block;
    background:#fff;
}
/*project details*/
#tabInfoArea .form_wrap .form {
    overflow-y: auto;
    /*min-height: 400px;*/
}

@media screen and (min-width:1025px) {
    #divTimeSheetCustomProp .control .caption {
        display: block;
        width: initial;
    }
}
.wConfirm
{
    z-index:6013;
    display:none;
}
.ui-widget-overlay
{
    z-index:6012!important;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}




 #file {
        height: 0px;
        width: 0px;
        opacity: 0;
        padding: 0;
        margin: 0;
        border: none;
    }
    .adv_num_optns .control{
        margin-bottom:5px;
    }
    .adv_num_optns .control input[type=radio]{
        margin: 3px 3px 0 0;
        position: relative;
        top: 2px;
    }
    .adv_num_optns .control .caption{
        display: inline-block;
        width: 110px;
        line-height:25px;
    }
    #ddproperties{
        display:inline-block;
        position: relative;
        top: 5px;
    }
    .match_optns{
        margin-right:10px;
    }
    #dvadvanced,#dvprv{
        position:relative;
        width:688px;
    }
    #dvfile{
        display:inline;
    }
    .fn_prevu{
        margin:5px 0;

    }
    .fn_prevu .caption{
    width: 100px;
    display: inline-block;
    position: relative;
    top: 6px;
}
   
    /*#dvadvanced input[type=button]{
        position:absolute;
        right:0;
        top:35%;
        width:22px;
    }
    #dvadvanced input[type=button]:before{
    font-family: myFirstFont;
    font-size: 12px;
    width: 12px;
    height: 12px;
    margin: auto;
    color: #fff;
    content: "\ea2e";
    display:block;
    }
    #dvadvanced #btndelete{
        top:50%
    }*/
    .gridNumeringPpts_add_remove,.grdPreview_refresh{
        position: absolute;
        top: 35%;
        right: 0;
        padding:0!important;
    }
    .grdPreview_refresh{
        top:18px;
    }
    .gridNumeringPpts_add_remove li,.grdPreview_refresh li{
        width:22px;
        height:22px;
        position:relative;
        display:block;
        border-radius:3px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        margin-bottom:10px;
        cursor:pointer;
    }
    .gridNumeringPpts_add_remove li:before,.grdPreview_refresh li:before{
        font-family: myFirstFont;
        font-size: 12px;
        width: 12px;
        height: 12px;
        content: "\ea2e";
        display:block;
        position:absolute;
        top:4px;
        left:5px;
    }
    .gridNumeringPpts_add_remove #btnadd:before{
        content: "\ea0a";
    }
    .gridNumeringPpts_add_remove #btndelete:before{
        content: "\ea0b";
        top:5px;
    }
    .grdPreview_refresh #btnrefresh:before{
        content: "\e984";
    }
    div[id^="customeditorjqx"]{/*15275*/
    z-index:5051!important;
}

    /*New Details*/
    .v_nav{
    display: inline-block;
    width: 200px;
    vertical-align: top;
    height:calc(100vh - 116px);
    display:none;
    }
    .v_nav li.ank{
        padding:10px 0 10px 5px;
        cursor:pointer;
        position:relative;
        margin:0 10px 0 5px;

        border-radius:4px;
    }
    .docDetForm{
        /*width: calc(100vw - 242px);*/
        width: 100%;
        display: inline-block;
        margin-left: -5px;

    }
    .docDetForm .form{
       /*width: calc(100vw - 242px);*/ 
        width: 100%;
        height:calc(100vh - 123px);
        overflow-x:hidden;
        min-width:875px;
        background-color:#CCCCCC;
    }
    .notifListForm .form{
        background-color:#CCCCCC;
}
    .docDetForm .form .module,.notificModule,.filesTabArea #AtchmntSummary{
        background: #fff;
        width: 90%;
        /*border-bottom: thin #cccccc solid;*/
        border: thin #cccccc solid;
        margin: 0 auto;
        margin-top: 15px;
    }
    .notificModule{
            overflow-y: hidden;
        overflow-x:hidden;
        width:90%;
        height: calc(100vh - 154px);
        margin-bottom:20px;
        position:relative;
    }
    .notificModuleCards{
        width:265px;
        height:100%;
        /*overflow-y:auto;*/
        border-right: thin solid #eaeaea;
        position:relative;
    }
    .notiflistContainer{
        overflow-y:auto;
        height:calc(100% - 61px);
    }
    #notifpreview{
        position: absolute;
        top: 0px;
        left: 265px;
        height: 100%;
        overflow-y: auto;
        width: calc(100% - 265px);
        box-sizing: border-box;
        padding: 10px 10px 0 10px;
        word-break: break-word;
    }
    .notifListcards {
        padding: 5px;
        border-bottom: thin solid #efefef;
        cursor:pointer;
    }
    .notifListcards:hover,.notifListcards.activCard,.loadMoreDiv:hover{
        background-color:#f3f3f3;
    }
    .notifListcards .notifListcardData{
    margin-bottom:5px;
}
    .notifListcards .notifListcardData:last-of-type{
        margin-bottom:0px;
    }
    .notifListcards.notifCardUnRead .notifListcardSub {
    font-weight: bold;
}
    .notifListcardData.notifListcardSub{
        display: inline-block;
        width: 238px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .docDetForm .form .module:last-of-type{
        margin-bottom:0;
        min-height: 100%;
    }
    .loadMoreDiv{
        text-align: center;
        cursor: pointer;
    }
    #loadMoreItems{
        padding: 10px 0;
        display:inline-block;
        width:100%;
    }
    .docDetForm .form div[id^="docdet"],
    .form_spacing .module {
        padding-top:10px
    }
    .heading .headingTxt{
        font-size: 14px;
        display: inline-block;
        font-weight: initial;
        background: #fff;  
        padding-right: 5px;
        position:relative;
    }
     .heading{
        position: relative;
        /*z-index: 5011;*/
        margin:0 10px;
    }
    .heading:before{
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 22px;
        z-index: 1;
        background-color:#c7c7c7;
            box-shadow: 0px 1px 3px 1px #efefef;
    }
  .v_nav li.acti:after{
    display:block;
    background: #fff;
    width: 9px;
    height: 9px;
    content: '';
    top: 13px;
    display: inline-block;
    position: absolute;
    right: -14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 3;
    transition:all .4s ease;
}
  .floatingNav{
      position:absolute;
      right:2%;
      bottom:20px;
      z-index:5012;
    
  }
  /*#treegrdRuleSetContainer{
      display:none;
  }*/
  .floatingNav .navBtns{
      /*background:#efefef;*/
      width:50px;
      height:50px;
      border-radius:50%;
      box-shadow:2px 2px 3px 0 rgba(0,0,0,.6);
      margin:10px 0 0 0;
      /*margin-top:10px;*/
      /*opacity:.6;*/
      position:relative;
      transition:all .3s ease-in-out;
      visibility:visible;
  }
  .floatingNav .navBtns.hideNavBtn{
    /*width: 0px;
    height: 0px;*/
    /*margin: 35px 25px 25px 25px;*/
    display:none;
    opacity:0;
  }
  .floatingNav .navBtns .btnLink:before{
    font-family: Consolas;
    font-size: 18px;
    display: block; 
    position: absolute;
    opacity: 1;
    /*color: #fff;*/
    top: 14px;
    left: 22px;
    visibility:visible;
  }
  .floatingNav .navBtns.navDown .btnLink:before{
    content: ">";
    transform: rotate(90deg);
  }
    .floatingNav .navBtns.navUp .btnLink:before{
    content: "<";
    transform: rotate(90deg);
  }
    .floatingNav .navBtns .btnLink{
        height:50px;
        width:50px;
        display:inline-block;
        border-radius:50%;
        cursor: pointer;
    }
    .floatingNavMenu{
        position: absolute;
        right: 90px;
        bottom: 00px;
        width: auto;
        background: rgba(251, 251, 251, 0.7);
        border-radius: 4px;
        visibility: hidden;
        opacity: 0;
        transition: all .2s ease-in-out;
        border: thin solid #c1c1c1;
        box-shadow: 2px 2px 5px 0 rgba(193, 193, 193, 0.6);
    }
    .floatingNav:hover .floatingNavMenu{
        right:55px;
        visibility:visible;
        opacity:1;
    }
    .floatingNavMenu .floatingNavMenuUl li.ank {
        width: 200px;
        padding:5px 10px;
        cursor:pointer;
    }
  /*new attachment tab*/
  #attachment #display{
      height:calc(100vh - 130px);
  }
  /*new wf tab*/
  #dataheader,.dataheader{
      display:none;
  }
  /*table.wfinfoTable td {
    padding: 0 10px;
    border-right:thin #cccccc solid;
}*/
  table.wfinfoTable td>div {/*#19638*/
    /*padding: 0 10px;*/
    /*border-right: thin #cccccc solid;*/
}
  /*table.wfinfoTable td>div:last-of-type{
      border-right:none;
  }*/
  .secondOpMenu{
      border-bottom:thin #cccccc solid;
      position:relative;
      display:block;
      padding:7px 5px;
      /*height:39px;*/
  }
  #sendui .wf_tab_wrap{/*#18826*/
      /*height:calc(100vh - 118px);*/
  }
    #divrightPane .wf_tab_wrap{
      /*height:calc(100vh - 228px);*/ /*28164*/
  }
  /*new revision tab*/
  #revisionattachment #display{
      height:calc(100vh - 402px);
  }
  div#DistributeheaderDetails tr td:nth-child(2n+1),
  div#BdgtDistributeheaderDetails tr td:nth-child(2n+1)
   {
    text-align: right;
}
  /*task details remarks*/
  #treegrdRuleSetContainer{
      width:100%;
      margin:auto;
   box-sizing:border-box;
   position:relative;
  }

  #wf #task_remarks{
      margin:20px;
    height: calc(100vh - 161px);
        width: calc(100% - 44px);
  }
  .add_f_t_area{
      margin:10px;
  }
  .add_doc_wrap .heading,.corr_metadata .heading{
          padding: 5px;
    font-size: 14px;
    cursor:pointer;
  }
  .basic_search_mini{
      background-color: #fff;
    margin: 0 auto;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 6px 6px 18px -7px #A3A3A3;
  }
    #dialog2 .basic_search_mini {
    padding: 0px;
    box-shadow: none;
    }
  .dialogHeader h2{
      margin:0 10px
  }
  /*.report_ops2{
    padding-right:7px;
}*/
  .report_ops2>ul>li{
    display: inline;
    position: relative;
    padding: 5px 5px 5px 25px;
    cursor: pointer;
  }
  .report_ops2>ul>li.report_opsCheckbox:before{
      display:none;
  }
  .sFolderView:before{
      display:none;
  }
.add_doc_wrap .heading:before, .corr_metadata .heading:before/*,#divStrip:before*/ {
    content: '>';
    position: absolute;
    font-family: "consolas";
    font-size: 1em;
    color: #666666;
    right: 20px;
    top: 6px;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
    width:auto;
    height:auto;
    z-index:1;
        box-shadow: none;
    background-color: transparent;
}
.basic_search_mini #divStrip:before{
    content:none;
}
/*#divStrip:before{
    top:11px;
}*/
.add_doc_wrap .heading.exp:before, .corr_metadata .heading.exp:before,#divStrip.exp:before {
    transform: rotate(-90deg);
    right: 22px;
}
/*Live Commenting*/
.miniFieldset{
    border: thin solid rgb(220,220,220);
    margin-top: 15px;
    padding: 7px 7px 10px 7px;
    position: relative;
}
.miniFieldsetheader{
    position: absolute;
    top: -10px;
    background: #fff;
    font-weight: bold;
}

/*new serch pop up*/
.newPopUp,.newDialogBG{
	width:870px;
	/*height:90vh;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;*/
	margin:auto;	
	background:#fff;
	z-index:5051;
	box-shadow:0px 0px 10px rgba(0,0,0,.2);
	display:none;
	/*padding:10px;*/
	box-sizing:border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80vh;
    border-radius:3px;
}

.newDialogBG2{
	width:870px;
	margin:auto;	
	background:#fff;
	z-index:5050;
	box-shadow:0px 0px 10px rgba(0,0,0,.2);
	display:none;
	/*padding:10px;*/
	box-sizing:border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80vh;
    border-radius:3px;
    width:initial;
     width:inherit;
    top: initial;
    bottom: initial;
    bottom: inherit;
    left: initial;
    right: initial;
    right: inherit;
     height:initial;
      height:inherit;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%)
}

.newDialogBG{
    width:initial;
     width:inherit;
    top: initial;
    bottom: initial;
    bottom: inherit;
    left: initial;
    right: initial;
    right: inherit;
     height:initial;
      height:inherit;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%)
}
.newPopUpBg,.newDialogBackdrop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    z-index:5050;
}
#obj_search{
   padding:10px 10px 0 10px;;
}
.headArea{
    padding: 10px 10px 0 10px;
    height: 45px;
    box-sizing: border-box;
}
.headernPU,.headernD{
	font-size: 1.6em;
    text-align: center;
	color:rgb(23,23,23);
	margin-bottom: 10px;
}
.nPUClose,.nDClose{
	position:absolute;
	right:10px;
	cursor:pointer;
}
.searchInfo{
    display: block;
    height: 15px;
    width: 100%;
}
.srchNameControl {
	position:relative;
    display: inline-block;
	z-index:1;
}
.newPopUp input[type="text"],.newDialogBG input[type="text"]{
	border-radius:0;
	border:none;
	/*border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: rgb(232, 232, 232);*/
    border:thin solid rgb(183,183,183);
}
label.srchNamePalceholder {
    position: absolute;
    top: 2px;
	cursor: text;
    left: 3px;
	color:rgb(172,172,172);
	transition: .25s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.onSearchSave label.srchNamePalceholder,.srchNameControlHasValue label.srchNamePalceholder{
	/*font-size: .90em;*/
	transform: scale(.90);
    top: -15px;
	left:0;
    color: rgb(21,97,172);
}
.newPopUp .onSearchSave .srchName,.newPopUp .srchNameControlHasValue .srchName,.newDialogBG .onSearchSave .srchName,.newDialogBG .srchNameControlHasValue .srchName{
	border-bottom-color: #53a1f1;
}
.srchNameControlSave {
    position: absolute;
    top: 0;
    right: 0px;
	transition: .9s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	visibility:hidden;
	opacity:0;
	z-index:-1;
}
.onSearchSave .srchNameControlSave {
	right: -125px;
	visibility:visible;
	opacity:1;
}
.srchNameControlSaveUl li{
	position:relative;
	display: inline-block;
    padding-left: 24px;
	cursor: pointer;
}
.srchNameControlSaveUl li svg{
	display: block;
    position: absolute;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin: auto;
    left: 4px;
    top: 0px;
    bottom: 0px;
    right: inherit;
}
.srchNameSave:hover{
	color:rgb(86, 156, 24);
}
.srchNameCancelSave:hover{
	color:#d22828;
}
.srchNameControlSaveUl li svg{
	fill:currentColor;
}
.nPUForm,.nDForm{
    position: relative;
    margin: 10px 0;
    padding: 10px 0 10px 5px;
    /*max-height: calc(100vh - 280px);*/
    height: calc(80vh - 135px);
    background: rgb(250,250,250);
    overflow-y: auto;
    overflow-x: hidden;
        border-top: thin solid rgb(236,236,236);
          border-bottom: thin solid rgb(236,236,236);
}
.nDForm{
     height: initial;
     height: inherit;
      max-height: calc(80vh - 135px);
      padding: 10px 5px 10px 5px;
}
.nDGrid .report_ops{
    margin-bottom:10px;
}
.nDGrid .nDForm{
    clear:both;
        padding-left: 10px;
    padding-right: 10px;
}
.nPUForm:before,.nPUForm:after,.nDForm:before,.nDForm:after{
	/*content: '';*/
    display: block;
    width: calc(100% + 20px);
    height: 1px;
    background: rgb(236,236,236);
    position: absolute;
}
.nPUForm:before,.nDForm:before{
	top: 0;
    left: -10px;
}
.nPUForm:after,.nDForm:after{
	bottom: 0;
    left: -10px;
}
/*.nPUAdvControl {
    margin-bottom: 10px;
	position:relative;
}*/
.nPUForm .controlset,.nDForm .controlset {
    margin-bottom: 10px;
	position:relative;
}
/*img.nPUControlDel {
    position: relative;
    top: 3px;
	cursor:pointer;
}*/
/*.nPUForm .controlset img[src*="Styles/Images/cross"]{
    float: left;
    padding-right: 7px;
    padding-top: 14px;
}*/
.nPUForm .controlset img[src*="Styles/Images/nPUControlDel"],.nDForm .controlset img[src*="Styles/Images/nPUControlDel"]{
    float: left;
    padding-right: 7px;
    /*padding-top: 10px;*/
    padding-top:6px;
    cursor:pointer;
    display: inline-block;
    /*vertical-align: text-top;*/
}
.nPUForm .controlset .caption,.nDForm .controlset .caption {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    position: relative;
    top: 6px;
}
/*#div_ddsp_main.nPUForm .controlset .caption{
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    word-wrap: break-word;
}*/
select.nPUselector {
    border-radius: 0;
    /*height: 35px;*/
    height: 27px;
	width:120px;
	margin-right:15px;
	border:thin solid rgb(183,183,183);
}
.nPUValue {
    display: inline-block;
    height: 36px;
    vertical-align: top;
}
/*input.nPUValTxt {
    height: 35px;
    background: rgb(250,250,250);
	width:345px;
}*/
.nPUForm .controlset input[type="text"],.nDForm .controlset input[type="text"]  {
    /*height: 35px;*/
    height: 21px;
    /*background: rgb(250,250,250);*/
	width:345px;
}
.nPUForm .controlset select.largetext,.nDForm .controlset select.largetext{
    height:27px;
}
/*input.nPUValButton {
    border: 0;
    height: 35px;
    background: #000;
    color: #fff;
}*/
.nPUForm .controlset input[value="Select Values"],.nDForm .controlset input[value="Select Values"]{
    vertical-align:top;
    height:25px;
}
label.nPUValClear {
    color: rgb(21,97,172);
    font-size: .90em;
	cursor:pointer;
	margin-left:10px;
	margin-top: 9px;
	/*position: absolute;*/
    text-decoration: underline;
}
.nPUValDisplay {
    width: 740px;
    display: inline-block;
    border: thin solid rgb(232,232,232);
    margin-top: 10px;
    margin-left: 16px;
	padding: 10px;
	background: #fff;
    box-sizing: border-box;	
	position: relative;
}
.nPUValDisplayMore {
    position: absolute;
    left: 0;
    width: 100%;
    background: rgb(235,235,235);
    bottom: 0;
    padding: 5px 0;
    text-align: center;
	cursor:pointer;
	display:none;
}
.nPUValDisplay.ValDisplayCompress{
	max-height:145px;
	overflow:hidden;
}
.nPUValDisplay.ValDisplayCompress .nPUValDisplayMore{
	display:block
}
.nPUValBox {
    display: inline-block;
    border: thin solid rgb(176,173,218);
    padding: 4px 12px;
    border-radius: 18px;
    box-sizing: border-box;
	margin-bottom: 8px;
    margin-right: 8px;
}
label.nPUValLabel {
    margin-right: 5px;
	vertical-align: top;
}
.nPUValBoxDel {
    display: inline-block;
    border-left: thin solid rgb(176,173,218);
    padding-left: 5px;
}
.nPUValueDate {
	display:inline-block;
}
span.nPUdateSeperator {
    vertical-align: top;
	margin: 0 5px 0 4px;
    position: relative;
    top: 11px;
}
.nPUFooter,.nDFooter{
	padding: 0 10px 10px 10px;
    height: 25px;
}
.nPUFooter input[type="button"],.nDFooter input[type="button"],
.nPUFooter input[type="submit"],.nDFooter input[type="submit"]{
	border: 0;
	width: 75px;
	margin-left:5px;
    float: right;
    height:25px;
}
/*notification*/
.titBar{
    padding: 7px 7px 5px 7px;
    box-sizing: border-box;
    border-bottom: thin solid #cccccc;
    /*position: absolute;
    background: #fff;
    width: 100%;*/
}
/*#notiflist{
    padding-top:61px;
}*/
.titleBarSerachDiv {
    border: thin #cccccc solid;
    width: 100%;
    position:relative;
}
#searchTextMail{
        width:calc(99% - 20px);
        border:none;
    }
.titleBarSerachDiv .cleardata,.titleBarSerachDiv #img_srch{
    position: absolute;
    right: 3px;
    top: 3px;
}
#FltrSrtCntrl{
    position: relative;
    margin-top: 5px;
    display: inline-block;
    /*left: 215px;*/
}
.FltrSrtCntrlDiv,.FltrSrtCntrlDiv label{
    cursor: pointer;
}
.FltrSrtCntrlDiv>svg{
    width:16px;
    height:16px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
#liOptionsFltrSrt{
   width:160px;/*24296*/
   /*right:0;*/
}
#liOptionsFltrSrt li a{
    padding:5px 10px 5px 20px;
}
#liOptionsFltrSrt ul li:first-of-type{
    padding:5px 10px;
    color:#0b7dc1;
}
#liOptionsFltrSrt ul:first-of-type{
    border-bottom:thin solid #ccc;
}
.showMailTypeLi,
.sortMailTypesLi{
    cursor:pointer;
}
.showMailTypeLi.selectedLi a span,
.showMailTypeLi.selectedLi,
.sortMailTypesLi.selectedLi a span,
.sortMailTypesLi.selectedLi{
    color:#0b7dc1;
}
.showMailTypeLi.selectedLi:before,.sortMailTypesLi.selectedLi:before{
    content: '\2713';
    position: absolute;
    top: 4px;
    left: 5px;
}
.showMailTypeLi.selectedLi:before {
    content: '\2713';
}
 .sortMailTypesLi.selectedLi:before {
    content: '\2193';
    font-size: 16px;
    top: 1px;
}
.sortMailTypesLi.selectedLi[asc]:before {
    content: '\2191';
}
.filesTabContainer .filesTabArea{
    background-color:#ccc;
    height: calc(100vh - 116px);
    overflow-y: auto;
}
#revisionattachment #operation{
    display:none;
}
#revisionattachment .filesTabArea{
     /*height: calc(100vh - 350px);*/
       /*height:initial;
     height:inherit;*/
}

.filesTabArea .attachement_panel {
    min-height: calc(100vh - 165px);
}
#revisionattachment .filesTabArea .attachement_panel{
     /*min-height: calc(100vh - 400px);*/
     min-height:initial;
     min-height:inherit;
}
div#notifpreviewattchmnts {
    /*border: thin solid #ccc;*/
    border-left: none;
    border-right: none;
    padding: 5px 0;
    max-height: 85px;
    overflow-y: auto;
}
div#notifpreviewattchmnts .notifAttachments_div {
    border: thin solid #ccc;
    display: inline-block;
    padding: 5px;
cursor:pointer;
        box-shadow: 0px 0px 7px -3px rgb(0,0,0);
        margin-right: 5px;
    margin-bottom: 7px;
}
div#notifpreviewattchmnts .file_label {
    margin-left: 7px;
    max-width: 250px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div#notifpreviewattchmnts .notifAttachments_div:hover{
        background: #efefef;
}
p#noResultLabel {
    width: 200px;
    text-align: center;
    margin: auto;
    margin-top:20px;
}
#notifmailmsg a,#notifpreviewmailmsg a{
color: #4A7EDF;text-decoration:underline;
}
.fileSelectContainer{
    position:relative;
}
.fileSelectContainer .fileselect {
    height: 25px;
    line-height: 25px;
    background: #dedede;
    display: inline-block;
    width: 490px !important;
    cursor: pointer;
    color: #444;
    font-size: 14px;
    background: linear-gradient(#eee,#ddd);
    color: #666;
    border-radius: 2px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid #d2d2d2;
    overflow: visible;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 5px;
    overflow: hidden;
    font-weight: 400;
    -ms-word-break: break-all;
    word-break: break-all;
}
.fileSelectContainer #clearfile,.fileSelectContainer #clearspecter
{
position: absolute;
    top: 5px;
    margin-left: 7px;
    cursor: pointer;
    right: 0px;

}
.RelatedItemsTable td {
    padding: 5px;
}
.RelatedItemsTable td input[type="radio"]{
    position:relative;
    top:2px;
}
 .edit_table .control[data-editable="false"] {
    opacity: .5;
    cursor:default;
}
#ColMenu{
    float:right;
    position: relative;
    /*top: 11px;
    right: 15px;*/
}
#ColMenuItemsLi:hover{
    cursor:pointer;
}
#ColMenuItemsulLi{
    position:absolute;
}
#ColMenuItemsLi>svg{
     width: 16px;
    height: 16px;
    padding: 10px;
}
#ColMenuItemsulLi svg {
    width: 16px;
    height: 16px;
}
ul#ColMenuItemsulLi>li {
    padding: 5px 10px 5px 25px;
    font-size: var(--main-font-size) !important;
}
ul#ColMenuItemsulLi>li#ShowOnlyFlagged {
    padding-left: 10px;
}
ul#ColMenuItemsulLi>li>svg {
    position: absolute;
    left: 5px;
    top: 4px;
}
div#DistributeheaderDetails table,
div#BdgtDistributeheaderDetails table {
    width: 100%;
}
div#DistributeheaderDetails table td,
div#BdgtDistributeheaderDetails table td {
    padding: 10px 5px 0 5px;
}
#BetaValues, #BdgtBetaValues{
    display:inline-block;
    float:right;

}
div#BetaValues label,
div#BdgtBetaValues label {
    width: 10px;
    display: inline-block;
    vertical-align: super;
    margin-left: 5px;
}
#jqxButtonProjDistribute, #jqxButtonBdgtDistribute{
    /*float:right;*/
    position: absolute;
    bottom: -29px;
    right: 0;
}
div#Proj_DistributeOption input[type="radio"], 
#proj_DistributeType input[type="radio"],
div#Bdgt_DistributeOption input[type="radio"],
#Bdgt_DistributeType input[type="radio"] {
    margin-left: 10px;
    margin-right: 3px;
}
#DistributionSettings>div, #proj_DistributePeriod>div, #BdgtDistributionSettings>div, #Bdgt_DistributePeriod>div {
    margin: 5px 0;
}
.miniFieldset #DistributionSettings .caption,
.miniFieldset #proj_DistributePeriod .caption,
.miniFieldset #BdgtDistributionSettings .caption,
.miniFieldset #Bdgt_DistributePeriod .caption {
    width: 180px;
    display: inline-block;
}
table.crsTable td {
    padding: 7px 7px 0 0;
}
.box.displayLikeError{
    box-shadow: -1px -1px 10px -3px #ff7979;
    /*background: #fff url(../images/alert_error.png) no-repeat 10px 10px;*/
    border: 1px solid #ff7979;
    padding-top: 10px;
    background-size: 16px;
}
.report_ops .ops_more ul li ul {
    /* display: none; */
    top: 0;
    right: 100%;
    display: none;
}
.report_ops .ops_more ul li:hover ul{
    display:block;
}
.report_ops ul li.report_ops_noTextLi svg {
    top: -8px;
}
.reportLink a{
    color:#1e78bd;
    word-break: break-word;
}
.generalTabsUl{
    position:relative;
}
.generalTabsUl:after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgb(212,212,212);
    top: 30px;
    left: 0;
    position: absolute;
    z-index: 1;
}
.generalTabsUl li{
    display: inline-block;
    font-size: 13px;
    padding: 4px 10px 6px;
    font-weight: 600;
    color: #888;
    cursor: pointer;
    border-top: solid 2px #fff;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
    position:relative;
}
.generalTabsUl li.inner_active_tab{
        color: #4486cf; 
     border: thin solid rgb(212,212,212); 
    border-top: solid 2px #4488cf; 
}
.generalTabsUl li.inner_active_tab:after{
    content: '';
    width: 100%;
    height: 3px;
    background: #ffffff;
    display: block;
    position: absolute;
    left: 0;
    top: 27px;
    z-index: 2;
}
.nDForm .heading .headingTxt,.nDForm .heading .report_ops{
    background:none;
}
#showmoreopns {
    position: fixed;
    top: 291px;
    left: 128px;
    background: #fff;
    border: thin #DFDFDF solid;
    box-shadow: 0 0px 10px rgba(0,0,0,.1);
}
ul.moreFileOpsMenu li {
    padding: 5px 10px;
    cursor:pointer;

}
ul.moreFileOpsMenu li:hover{
    background-color:#E5E5E5;
}
#transStatusBadge{
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    border-radius: 12px;
    padding-left: 35px;
    position:relative
}
#transStatusBadge.transStatusCreated{
    background: #e5b50e;
}
#transStatusBadge.transStatusReleased{
    background: #48ae2c;
}
#transStatusBadge.transStatusAcknowledged{
    background: #417eae;
}
#transStatusBadge.transStatusDeleted{
    background: #ff8575;
}
#transStatusBadge svg{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 11px;
    fill: currentColor;
}
#transStatusBadge #icon_info{
    position: absolute;
    top: 5px;
    right: -24px;
}
#togg_min_button2,#togg_min_button{
    margin-left: 123px;
    margin-bottom: 10px;
}
#divSuccessMsg{
    border-bottom: 2.5px solid #77c12a;
    padding:0px;
}
#divSuccessMsg table
{
    margin:15px;
}

div#divSuccessMsg table tr>td {
    padding: 8px;
    /*border: 1px solid;*/
}
.fileMgrProjectSelect {
    margin: 5px 4px;;
}
.projSelectdropDown {
    display: inline-block;
    vertical-align: middle;
}

.fileMgrFileSearch {
    background: url(../images/Search_file.png) no-repeat 253px 3px;
    padding-right: 22px!important;
}
/*new send ui style*/

#WFPage div#sendui {
    overflow-x: hidden;
    height: calc(100vh - 112px);
    margin-top:10px;
}
.wf_tab_wrap{
    height: calc(100% - 40px);
    margin: 20px 20px 0 25px;
}
div#divSendOperation,
form#frmDisplayRoute{
    height:100%;
}
#Lpanel,
#divworkflowPreview,
#wfpp,
#divWorkflow{
    height:100%
}
#wfppwfname{
    /*font-size: 14px;
    position: absolute;
    top: 15px;
    left: 15px;
    background: #fff;
    z-index: 1;*/
    font-size: 14px;
    background: #fff;
    z-index: 1;
    margin: 10px;
}

.divworkflowLegends {
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    position: absolute;
    z-index: 500;
    padding: 5px;
    box-sizing: border-box;
    display: none;
    bottom: 0px;
    left: 0px;
    width: 100%;
    line-height: 17px;
}
.legendColorDisplay {
    width: 15px; height: 15px;
}
div#divworkflowLegends .legendDisplay:nth-child(2n+1) {
    padding-right: 5px;
}
div#divworkflowLegends .legendDisplay:nth-child(2n+2) {
    padding-right: 14px;
    font-size:10px;
}
.wfZoomBtns{
    position: absolute;
    top: -35px;
    right: 15px;
    font-size: 24px;
    height: 20px;
    width: 20px;
    border: thin solid #dadada;
    color: #929292;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,.6);
    transition: .1s all ease-in;
}
.wfZoomBtns::selection {
    background-color: transparent;
    color: #000;
}
.wfZoomBtns:hover{

    color: #585858;
    border: thin solid #dadada;
    box-shadow: 0px 0px 8px -1px rgba(0,0,0,.6);
    cursor: default;
}
.wfZoomBtns:active{
     background-color:#ccc
}
#ZoomIn.wfZoomBtns{
   top: -101px;
}
#ZoomIn_CP.wfZoomBtns {
    top: -101px;
}
#ZoomOut.wfZoomBtns{
     line-height:15px;
}
#ZoomOut_CP.wfZoomBtns {
    line-height: 15px;
}
#ZoomInDesign.wfZoomBtns {
    top: -101px;
}

#ZoomOutDesign.wfZoomBtns {
    line-height: 15px;
}


#ZoomIn{
  line-height:17px;
}
#ZoomIn_CP {
    line-height: 17px;
}
#ZoomOut{
   top: -45px;
}
#ZoomOut_CP {
    top: -45px;
}
#ZoomReset{
       line-height:17px;
       top:-73px;
}
#ZoomReset_CP {
    line-height: 17px;
    top: -73px;
}
#imgZoomRest
{
    color: #929292;
    fill: currentColor;
    width: 20px;
    height: 15px;
}
#ZoomInDesign {
    line-height: 17px;
}

#ZoomOutDesign {
    top: -45px;
}

#ZoomResetDesign {
    line-height: 17px;
    top: -73px;
}

#imgZoomRestDesign {
    color: #929292;
    fill: currentColor;
    width: 20px;
    height: 15px;
}
.wfZommIcons{
    position: absolute;
    bottom: 29px;
 right: 6px;
   visibility: hidden;
  opacity: 0;
  transition:1s opacity;
/*transition: 0.26s display;*/
}

.wfDesignerZommIcons {
    position: absolute;
    bottom: 29px;
    right: 114px;
    visibility: hidden;
    opacity: 0;
    transition: 1s opacity;
    /*transition: 0.26s display;*/
}

/*right pane style*/
#Rpanel{
    height:100%;
    overflow-y:auto;
}
.wfinfoTable{
    width:100%;
}
.wfdropselect,
#nextstage,
#nextstageResponseConditional,
.WFResourceInfo {
    padding:0 7px;
}
#wfEditSelectDiv,
#redirectOnStartWF,
#nextstageResponseConditional,
#nextstage{
    display:inline-block;
    vertical-align: top;
}
#wfEditSelectDiv,
#nextstageResponseConditional{
    margin-right:14px;
}
.wfMetaDataDiv {
    margin-top: 7px;
}
.p_finished_date{
    margin-top:3px;
}
.wfMetaDataCtrlsCaptions {
    display: block;
}

table#divguided.ResourceTable {
    border-spacing: 0;
}
#divguided .tdwidth {
    padding-top: 7px;
}
.divToCcUsersAdd{
    position: absolute;
    right: 3px;
    top: -22px;
    cursor: pointer;
    pointer-events: auto;
}
#divMsgs {
    padding:0 7px;
    width: inherit;
}
#divMsgs #subject {
    width: 100%;
    box-sizing: border-box;
    margin-top: 7px;
    height: 26px;
}
#divMsgs #cke_message{
    margin-top:7px;
    margin-bottom: 34px;
}
#divMsgs #cke_message{
    height:500px;
}
.wfFooterOperations{
    margin:0 20px;
}
.pageFooterOperations{
    margin:10px 20px 0 20px;
    position: relative;
}
.pageFooterOperationsNav{
    position:absolute;
    top:0;
    right:0;
}
ul.pageFooterOperationsUl .Opitems {
    display: inline-block;
    padding: 5px 7px;
    margin-left: 7px;
    position:relative;
}
ul.pageFooterOperationsUl .Opitems:hover {
    background: #d8d8d8;
    cursor: pointer;
}
li#btnStartWF,
#btnSend,
#btnAssign {
    width:90px;
    text-align:center;
}
li.Opitems svg.OpitemsMore,li.Opitems svg {
    width: 16px;
    height: 14px;
}
#att.Opitems>svg{
height:16px;
position:relative;
top:2px
}
.is_sub_menu.bottomMenu{
    width:auto;
    top: inherit;
}
.is_sub_menu.rightMenu{
    left: inherit;
    left: initial;
    right: 0%;
}
li.Opitems.OpitemHasSub:hover .is_sub_menu{
    visibility:visible;
    opacity:1;
}
li.Opitems.OpitemHasSub:hover .is_sub_menu.bottomMenu{
    top: 100%;
}
.OpitemHasSub li svg{
    width:16px;
    height:16px;
    position:absolute;
    top:5px;
    left:10px;
}
#selectedParallelTabsArea{
    margin-top: 7px;
    padding: 0 7px;
    position:relative;
}
#selectedParallelTabsArea:after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgb(212,212,212);
    top: 30px;
    left: 0;
    position: absolute;
    z-index: 1;
}
.selectedParallel_tiles {
    color: #888;
    font-weight: 600;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
    font-size: 13px;
    padding: 4px 10px 6px;
    border-top: solid 2px #fff;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
    position:relative;
}
.selectedParallel_tiles.active_tab {
    color: #4486cf;
    border: thin solid rgb(212,212,212);
    border-top: solid 2px #4488cf;
}
.selectedParallel_tiles.active_tab:after{
        content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
}
 div#divWfOptnBRPanel {   
    /*position: absolute;
    bottom: 0;*/
    background: rgba(0,0,0,.7);
    padding: 7px;
}

 #lnkViewAttachmnets{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.7);
    padding: 7px;
    text-decoration: underline; 
    cursor: pointer; 
    color: white;
    width: 100%; 
 }
 #WFOperationNote{
     color:white;
 }
.wfRelatedOperationBtns li {
    display: inline-block;
    margin-top: 7px;
    width: 70px;
    padding: 5px 7px;
    text-align: center;
    cursor: pointer;
    color:white;
}
#btnBypassRedirectCancel:hover,
#btnWFOperCancel:hover{
    background-color:#282828;
}
.wfRelatedbtnDisabled{
    pointer-events:none;
    opacity:0.7;
    color: #9e9e9e!important;
}
/*Send UI*/
#divrightPane .wf_tab_wrap{
    margin: 20px 0 0 0;
    margin-right: 2px;
}
#divrightPane .pageFooterOperations,#loadworkflow .pageFooterOperations{
     margin:0;
}
#loadworkflow .form_wrap.wf_wrap {
    margin-bottom: 20px;
}

#DeliverableGrid #jqxScrollOuterWraphorizontalScrollBarDeliverableGrid{
    display:none;
}


/***************************
  DEFECT Styles
***************************/

#defectStatusBadge{
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    border-radius: 12px;
    padding-left: 25px;
    padding-right: 25px;
    position:relative
}
#defectStatusBadge.defectStatusCreated{
    background: #742e2e;
}
#defectStatusBadge.defectStatusOpen{
    background: #e96107;
}
#defectStatusBadge.defectStatusWorkInProgress{
    background: #5ccea2;
}
#defectStatusBadge.defectStatusCompleted{
    background: #38EAEF;
}
#defectStatusBadge.defectStatusClosed{
    background: #61d620;
}
#defectStatusBadge.defectStatusCancelled{
    background: #E7DE26;
}

.user-area-defect{
     float: left;
     border: thin #fff solid;
     margin-right: 9px !important;
 }
 .defect-area-of-images {
     overflow-y: auto;
     max-height: 124px;
     background-color: #fff;
 }
 .defect-span-images {
     width:85px; 
     height:85px;
     padding:6px 0px 6px 2px;
 }

 .tddefect-resource {
      border: thin #cccccc solid;
      padding: 0px 0 2px 2px;
      height: 22px;
      border-radius: 3px;
      width: 77%;
 }
 .tddefect-attachment {
      border: thin #cccccc solid;
      padding: 0px 0 2px 2px;
      height: 21px;
      border-radius: 3px;
      width: 790px;
 }
  .wRTDefect {
     border: 1px solid #C0C0C0;
     white-space: nowrap;
     margin: 0px 3px;
     float: left;
     vertical-align: middle;
     text-align: center;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     margin-top: 2px;
 }
 .wULDefect{
     max-width: 325px;
     min-width: 25px;
     display: inline-block;
     margin: 0px 5px;
     vertical-align: middle;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
.wULDefect-files,
.wCDefect-imgMoreOptions {
    max-width: 325px;
    min-width: 25px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 5px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .wULDefect-documents{
     max-width: 325px;
     min-width: 25px;
     display: inline-block;
     cursor: pointer;
     margin: 0px 5px;
     vertical-align: middle;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 .wULDefect-tasks{
     max-width: 325px;
     min-width: 25px;
     display: inline-block;
     cursor: pointer;
     margin: 0px 5px;
     vertical-align: middle;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
  .wDefect-images {
     max-width: 130px;
     min-width: 25px;
     display: inline-block;
     cursor: pointer;
     margin: 0px 5px;
     vertical-align: middle;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
  .wDefect-imgText {
     width: 100px;
     min-width: 25px;
     margin: 0px 5px;
     vertical-align: middle;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
.wDefect-imgClose,
.wDefect-imgMoreOptions {
    border: solid 1px #C0C0C0;
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    background: #67575700;
    text-indent: 0px;
    color: #808080;
}
  .wCDefect-user {
     border-left: solid 1px #C0C0C0;
     padding: 3px;
     padding-top: 1px;
     padding-bottom: 1px;
     vertical-align: middle;
     font-size: 12px;
     font-weight: bold;
     line-height: 16px;
     text-align: center;
     display: inline-block;
     margin: 0;
     cursor: pointer;
     background: transparent;
     text-indent: 0px;
     color: #808080;
 }
  .wCDefect-closure {
     border-left: solid 1px #C0C0C0;
     padding: 3px;
     padding-top: 1px;
     padding-bottom: 1px;
     vertical-align: middle;
     font-size: 12px;
     font-weight: bold;
     line-height: 16px;
     text-align: center;
     display: inline-block;
     margin: 0;
     cursor: pointer;
     background: transparent;
     text-indent: 0px;
     color: #808080;
 }
.wCDefect-approver {
    border-left: solid 1px #C0C0C0;
    padding: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    background: transparent;
    text-indent: 0px;
    color: #808080;
}
  .wCDefect {
     border-left: solid 1px #C0C0C0;
     padding: 3px;
     padding-top: 1px;
     padding-bottom: 1px;
     vertical-align: middle;
     font-size: 12px;
     font-weight: bold;
     line-height: 16px;
     text-align: center;
     display: inline-block;
     margin: 0;
     cursor: pointer;
     background: transparent;
     text-indent: 0px;
     color: #808080;
 }
 .wDefect-imgClose:hover, .wCDefect:hover, 
 .wCDefect-closure:hover, .wCDefect-user:hover{
         background-color: #d9d9d9;
         color: #000000;
         text-decoration: none;
         cursor: pointer;
         -moz-opacity: 0.8;
         opacity: 0.8;
         filter: alpha(opacity=80);
   }
 
  .wRTDefect:hover {
     background-color: #eaeaea;
 }
  /*VENDOR REGISTRATION / PREQUALIFICATION*/
  .btn-VendorReg {
     background: #4387fd;
    color: #fff !important;
    font-weight: 400;
    font-size: 12px!important;
    height: 27px !important;
    line-height: 1px !important;
    border: none!important;
    -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    font-family: 'Open Sans', Geneva, Tahoma,sans-serif;
   }

 /*BID RTOOM ALERTS*/
.animateBidAlerts
{
   animation:blinkBidNotifyAlerts 0.5s 3;
}
@keyframes blinkBidNotifyAlerts {
    0% {
        transform: scale(1) rotate(0deg);
    }

    25% {
        transform: scale(1.2) rotate(25deg);
    }

    50% {
        transform: scale(1.5) rotate(45deg);
    }

    60% {
        transform: scale(1.7) rotate(45deg);
    }

    75% {
        transform: scale(1.5) rotate(25deg);
    }

    90% {
        transform: scale(1.3) rotate(10deg);
    }

    100% {
        transform: scale(1.2) rotate(0deg);
    }
}