.btn,.btn-default,.color-palette span,.dashboard_navigator,.divCommentspans,.divCommentspans>img,.hourpicker>div,.inline-block,.pic-dashboard-tile,.pic12,.pic16,.pic24,.pic32,.pic48,.pic72,.ra,.sectionbreak,.timeline-yearstxt{
    display: inline-block 
}
#divNav #divNavM #divNavSlider #ulNavModules li,#divNav #divNavSM #divNavAddSC #divNavAddSCB,.btn,.canvas-container,.error-div,.img-div i,.journey-active,.logo-container,.month-list a,.no_notifications,.pic-dashboard-tile,.pic12,.pic16,.pic24,.pic32,.pic48,.pic72,.picTopBar,.preloader,.progress-bar,.show_print_format,.tiles-detail-s,.user-type,i.light-gray,label.alp,p.empty-section,ul.month-list li{
    text-align: center 
}
.btn-default,.input-group button{
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0) 
}
#meu-reportPeriod_Np2 .dateperiod .periods:nth-child(12),.disabledbutton,.itm-disabled,.not-active,.tile-animate-slider{
    pointer-events: none 
}
.currency-table .tblcontent{
    max-height: none !important 
}
#lblluDescription,#tblBoO tr td,#tblWBS tr td,.custom-tooltip div,.custom-tooltip h3,.message-template-body,.sp-processdesc>span,.template-content,.textviewarea{
    word-break: break-all 
}
.ftb,body,html,input,select,textarea{
    font-family: "Segoe UI", Tahoma, "Lucida Grande" 
}
.textview,.textview-Overflow{
    text-overflow: ellipsis;
    white-space: nowrap 
}
body,html{
    font-size: 82%;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    color: #5d5d5d;
    height: 100% 
}
input,select,textarea{
    padding: 0 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #555;
    font-size: 11px;
    font-weight: 700;
    outline: 0 
}
.com-height-fix,.tblgrid tbody tr td,input[type=password],input[type=text]{
    height: 25px 
}
#btnNavL,#btnNavR,.color-palette span{
    width: 20px;
    height: 20px;
    cursor: pointer 
}
.tblgrid input[type=text],select{
    height: 23px 
}
textarea{
    overflow: auto;
    background-color: #f7f7f7 
}
table td{
    padding: 1px 7px;
    font-size: 12px 
}
.bs{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box 
}
select:disabled{
    background: #f0f0f0 
}
::-webkit-input-placeholder{
    font-style: italic;
    font-weight: 400 
}
:-ms-input-placeholder{
    font-style: italic;
    font-weight: 400 
}
:-moz-placeholder{
    font-style: italic;
    font-weight: 400 
}
::-moz-placeholder{
    font-style: italic;
    font-weight: 400 
}
.linkText{
    color: #09f !important 
}
.color-palette{
    margin: 5px 7px 
}
.color-palette span{
    margin: 4px;
    border-radius: 30px 
}
#divNav #divNavM{
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
    background-color: #232323 
}
#divNav #divNavM #divNavB,.buttonbar,.commentoption,.date-section div,.dtpimg,.ft-indicator-wrapper-div,.pf-tbright,.settings-h2 i,.show_print_edges::after,span.report-item-action{
    float: right 
}
#divNavL,#divNavR{
    width: 30px;
    float: left;
    padding-top: 12px;
    padding-left: 2px;
    height: 38px 
}
#btnNavL,#btnNavR{
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 3px 0 0 3px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    visibility: hidden 
}
.navlimg{
    background-image: url(images/ArrowHead-Left.png);
    background-position: 2px 3px 
}
.addleftmarg{
    margin-left: 21px;
    float: none !important 
}
.navrimg{
    background-image: url(images/ArrowHead-Right.png);
    background-position: 4px 3px 
}
#divNav #divNavM #divNavSlider{
    overflow: hidden;
    float: left;
    margin-right: 5px;
    height: 50px 
}
#divNav #divNavM #divNavSlider #ulNavModules{
    width: 5000%;
    margin: 0 0 0 -36px;
    height: 50px;
    list-style-type: none 
}
#divNav #divNavM #divNavSlider #ulNavModules li{
    float: left;
    color: #fff;
    font-size: 13px;
    height: 43px;
    width: 150px;
    padding: 5px 5px 0;
    cursor: pointer;
    letter-spacing: 1px;
    line-height: 16px 
}
#divNav #divNavSM{
    height: 200px;
    padding: 10px 20px 0;
    display: none 
}
#divNav #divNavSM #divNavSMC{
    overflow: hidden;
    float: left;
    height: 200px 
}
#divNav #divNavSM #divNavSMC #divNavSMS{
    width: 5000%;
    margin-left: 5px;
    height: 200px 
}
#divNav #divNavSM #divNavSMC #divNavSMS .divNavSMCol{
    float: left;
    width: 190px;
    margin-right: 20px 
}
#divNav #divNavSM #divNavSMC #divNavSMS .divNavSMCol .subModItem{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    display: block;
    line-height: 25px;
    width: 190px;
    padding-left: 10px 
}
.subModWI,.subModWOI{
    font-size: 13px !important;
    font-weight: 700 
}
.subModWI{
    border-bottom: 1px solid #696969;
    cursor: default 
}
#divNav #divNavSM>div,#divPolHeader .pageheader,#divPolList>b,#tdHolder input[type=text],#tdHolderProfile input[type=text],.btn-estimation-container,.chart_pool_main>div,.divlookuptext input[type=email],.divlookuptext input[type=password],.divlookuptext input[type=text],.divlookuptext select,.doc-header .leftcontent span,.ip-submenu a,.kpi-tile-wrap,.kpiTiles,.mainMenuSpliter,.pending-doc-main,.pending-doc-main-1-col,.periodchanger,.report-filter .slimScrollDiv,.separaterDiv,.show_print_edges::before,.spnsub,.sub-chart-main-div>div,.tabType,.white-menu-points,div#divPwComplex,span#btnBack{
    float: left 
}
#divNav #divNavSM #divNavSR{
    float: right !important 
}
#divNav #divNavSM #divNavSL #btnNavSL{
    width: 40px;
    background: url(images/ArrowHead-Left.png) no-repeat;
    cursor: pointer;
    visibility: hidden 
}
#divNav #divNavSM #divNavSR #btnNavSR{
    width: 40px;
    margin-left: 9px;
    background: url(images/ArrowHead-Right.png) no-repeat;
    cursor: pointer;
    visibility: hidden 
}
.selectedModBorder{
    border-bottom-color: #333 
}
#divNav #divNavSM #divNavAddSC{
    height: 35px;
    width: 100%;
    display: none 
}
#divNav #divNavSM #divNavAddSC #divNavAddSCB{
    border: 1px dashed #fff;
    height: 25px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    width: 500px;
    font-size: 12px 
}
.selectedModBar{
    border-bottom: 2px solid #696969 
}
.moduleSelected{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    background-color: #333 
}
.groupbox,.groupboxgrid{
    background: #fff 
}
.mainMenuSpliter{
    height: 48px;
    width: 150px 
}
.mainMenuSpliter:hover{
    outline: 0;
    border: none;
    cursor: default !important 
}
#btnComment,.button,.closeThis,.dialogbox-header .headerclose,.gridbaloon,.pager .middle a,.pf-rect,.pic-dashboard-tile,.pic12,.pic16,.pic24,.pic32,.pic48,.pic72,.selected-td,.tab-slider ul li{
    cursor: pointer 
}
.dissabledMenuNevi{
    visibility: visible !important 
}
.cmn-toggle,.commentoption,.slideThree input[type=checkbox]{
    visibility: hidden 
}
.doc-header{
    width: 100%;
    position: fixed;
    top: 0 
}
.doc-header .leftcontent{
    float: left;
    position: relative 
}
.doc-header #homelink{
    color: #fff;
    text-decoration: none;
    border: none;
    outline: 0;
    font-size: 2.1em;
    line-height: 24px 
}
.doc-header .rightcontent{
    float: right;
    font-size: 1.1em;
    line-height: normal 
}
.doc-header .rightcontent span{
    float: right;
    color: #fff;
    margin: 0 
}
.doc-detail{
    padding: 60px 0 0;
    float: left;
    width: 100% 
}
.doc-detail-alt{
    padding: 67px 40px 10px 
}
#txtGlobalSearch{
    outline: 0;
    border: none;
    height: 28px;
    padding: 0 8px 2px;
    border-right: 1px solid #ccc;
    width: 250px 
}
.jqx-input,.jqx-text-area-metro,.wc-search,body .jqx-popup,input[type=password],input[type=text],input[type=time],select,textarea{
    border: 1px solid #ccc !important 
}
.wc-search{
    width: 190px;
    margin-left: 10px 
}
#divAddress table tbody tr td select,#divSGHeaders,#divST table tbody tr td input[type=text],#divST table tbody tr td select,.auto-height span input[type=text],.border-bottom-solid,.dialogbox-content #filterListId,.doc-header .page-header,.ft-doc-info,.mailsearch-container,.sdbmc,.sub-heading-container,.svg-header,span.res-line{
    border-bottom: 1px solid #ccc 
}
.doc-header .page-header{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    color: #000;
    width: 100%;
    z-index: 1;
    position: absolute 
}
.pageheader{
    font-size: 2em 
}
.gap{
    width: 20px 
}
.sectionbreak{
    width: 100%;
    height: 20px 
}
.groupboxgrid{
    border: 1px solid #ccc;
    padding: 12px 0;
    float: left;
    width: 100%;
    margin-bottom: 20px 
}
.jqxgridalign{
    width: 100%;
    overflow-x: auto;
    border: 1px solid #eee;
    float: left 
}
.textview{
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    letter-spacing: .5px;
    margin: 0;
    height: 28px;
    color: #5d5d5d;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #ccc;
    overflow: hidden 
}
.textview-Overflow{
    overflow: hidden;
    max-width: 263px 
}
.textviewarea{
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0 
}
.ncell{
    min-width: 60px 
}
.vcell{
    min-width: 100px 
}
.dbcell{
    margin: 10px;
    height: 96% 
}
.gcd{
    background-color: #eee 
}
.balnotify{
    position: relative;
    background-color: #e33244;
    right: -10px;
    padding: 1px;
    border-radius: 3px;
    line-height: 1;
    font-size: 75%;
    font-weight: 700;
    top: -42px;
    border: 2px solid rgba(0, 0, 0, .21) 
}
.requiredfield{
    font-weight: 700;
    padding-left: 8px 
}
.errorborder,input[type=text].errorborder{
    border: 2px solid #c00 !important 
}
.errormessage{
    color: #c00;
    clear: both 
}
.pricing-err{
    position: absolute;
    background: rgba(255, 0, 0, .59);
    padding: 1px 
}
.active-step span,.calendars-popup .calendars-selected .eng-num,.calendars-popup .calendars-today .eng-num,.calendars-selected .eng-num,.color-default label,.color-hover label,.color-selected label,.gallery-slide h1,.hi-emp-list .color-selected .journey-module,.kpi-customer-container .kpi-indicator .fa-arrow-down,.kpi-customer-container .kpi-title,.node-cont-h,.pricing-err label,.right-sect-trans span,.tab-container-inner .color-default a,.validator,.vestadashboard-Page .indicator-wrapper-home span,.widget-tile .kpi-title{
    color: #fff 
}
.errormessage label{
    color: #fff;
    padding: 0 10px;
    z-index: 10;
    left: 15px;
    top: -8px;
    background: #df2227;
    margin: 0 0 5px !important;
    line-height: 23px !important;
    min-width: 140px 
}
.pic-dashboard-tile,.pic-login-entution,.pic12,.pic16,.pic24,.pic32,.pic48,.pic72{
    background-repeat: no-repeat 
}
.tiles-header,.tiles-header-sft,.tiles-header-st{
    line-height: 24px;
    margin: 0 
}
.jstatus-sect table tbody tr td span,.tblgrid div,.tgl-widget{
    line-height: 20px 
}
.arrow-up-error{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #df2227;
    position: absolute;
    bottom: 23px;
    left: 20px 
}
.highlightImportant{
    border: 2px solid #efe701 !important 
}
.pic-login{
    float: left;
    width: 460px;
    height: 440px;
    background-image: url(images/login.png) 
}
.pic-login-entution{
    float: left;
    width: 460px;
    height: 40px;
    background-image: url(images/entution.png) 
}
.pic-dashboard-tile{
    margin: 2px;
    background-color: #4d4d4d;
    border: none;
    width: 74px;
    height: 58px;
    background-image: url(images/dashboard-tile.png) 
}
.pic12{
    width: 12px;
    height: 12px;
    background-image: url(images/pic12.png) 
}
.pic16{
    width: 16px;
    height: 15px;
    background-image: url(images/pic16.png);
    background-size: 160px 360px 
}
.pic24{
    width: 24px;
    height: 24px;
    background-image: url(images/pic24.png);
    border: 2px solid;
    border-radius: 20px 
}
.pic32{
    width: 32px;
    height: 32px;
    background-image: url(images/pic32.png);
    margin-left: 10px 
}
.pic48{
    width: 48px;
    height: 48px;
    background-image: url(images/pic48.png) 
}
.pic72{
    width: 72px;
    height: 72px;
    background-image: url(images/pic72.png) 
}
.picTopBar{
    width: 40px;
    height: 40px;
    background-image: url(images/topbarimg-01.png);
    background-size: 362% 
}
.picTopBar-notice{
    background-position: -101px -10px 
}
.picTopBar-sign{
    background-position: -66px -10px 
}
.picTopBar-info{
    background-position: -173px -10px 
}
.picTopBar-settings{
    background-position: -138px -10px 
}
.dashboard_prev,.pic12-reply,.pic16-angle-right,.pic24-process,.pic32-home,.pic48-trash,.pic72-event{
    background-position: 0 0 
}
.pic12-comment-edit{
    background-position: -12px 0 
}
.pic12-comment-delete,.pic24-settings{
    background-position: -24px 0 
}
.pic16-angle-left{
    background-position: -16px 0 
}
.pic16-angle-up,.pic32-back{
    background-position: -32px 0 
}
.pic16-angle-down,.pic24-signout,.pic48-documentflow{
    background-position: -48px 0 
}
.pic16-chart,.pic32-addchart{
    background-position: -64px 0 
}
.pic16-360{
    background-position: -143px -176px 
}
.pic16-check{
    background-position: -80px 0 
}
.pic16-check-empty,.pic24-arrow-up,.pic48-reverse{
    background-position: -96px 0 
}
.pic16-down{
    background-position: -112px 0 
}
.pic16-left,.pic32-editchart{
    background-position: -128px 0 
}
.pic16-right,.pic48-retweet,.pic72-comment{
    background-position: -144px 0 
}
.pic16-up{
    background-position: 0 -16px 
}
.pic16-config{
    background-position: -16px -16px 
}
.pic16-download{
    background-position: -32px -16px 
}
.pic16-edit-alt{
    background-position: -48px -16px 
}
.pic16-envelope{
    background-position: -64px -16px 
}
.pic16-extlink{
    background-position: -80px -16px 
}
.pic16-list{
    background-position: -96px -16px 
}
.pic16-filter{
    background-position: -112px -16px 
}
.pic16-file{
    background-position: -128px -16px 
}
.pic16-file-alt{
    background-position: -144px -16px 
}
.pic16-ok,.pic32-settings{
    background-position: 0 -32px 
}
.pic16-minus{
    background-position: -16px -32px 
}
.pic16-lock,.pic32-export{
    background-position: -32px -32px 
}
.pic16-unlock{
    background-position: -48px -32px 
}
.pic16-close,.pic32-refresh{
    background-position: -64px -32px 
}
.pic16-reverse{
    background-position: -80px -32px 
}
.pic16-plus,.pic32-save{
    background-position: -96px -32px 
}
.pic16-edit{
    background-position: -112px -32px 
}
.pic16-signin,.pic32-play{
    background-position: -128px -32px 
}
.pic16-signout{
    background-position: -144px -32px 
}
.pic16-search,.pic24-arrow-l,.pic48-hold{
    background-position: 0 -48px 
}
.pic16-retweet{
    background-position: -16px -48px 
}
.pic16-trash{
    background-position: -32px -48px 
}
.pic16-sort-up,.pic24-notification,.pic48-unhold{
    background-position: -48px -48px 
}
.pic16-sort-down{
    background-position: -64px -48px 
}
.pic16-sort{
    background-position: -80px -48px 
}
.pic16-zoomout,.pic24-plus-b,.pic48-journalentry{
    background-position: -96px -48px 
}
.pic16-zoomin{
    background-position: -112px -48px 
}
.pic16-wrench{
    background-position: -128px -48px 
}
.pic16-upload,.pic48-event{
    background-position: -144px -48px 
}
.pic16-newwin{
    background-position: 0 -64px;
    margin: 4px;
    float: left 
}
.pic16-newwin-alt{
    background-position: -16px -64px 
}
.pic16-calendar,.pic32-print{
    background-position: -32px -64px 
}
.pic16-refresh{
    background-position: -48px -64px 
}
.pic16-comment,.pic32-next{
    background-position: -64px -64px 
}
.pic16-select-arrow{
    background-position: -80px -64px 
}
.pic16-info,.pic32-list{
    background-position: -96px -64px 
}
.pic16-color{
    background-position: -112px -64px 
}
.pic16-bold,.pic32-dayview{
    background-position: -128px -64px 
}
.pic16-italic{
    background-position: -144px -64px 
}
.datepicker-arrow-e,.pic16-right-w{
    background-position: 0 -80px 
}
.datepicker-arrow-w,.pic16-left-w{
    background-position: -16px -80px 
}
.pic16-error{
    background-position: -32px -80px 
}
.pic16-ok-w{
    background-position: -48px -80px 
}
.pic16-act-delete{
    background-position: -64px -80px 
}
.pic16-act-draft{
    background-position: -80px -80px 
}
.pic16-act-release{
    background-position: -96px -80px 
}
.pic16-act-reverse{
    background-position: -112.6px -80px 
}
.pic16-act-info{
    background-position: -128px -80px 
}
.pic16-act-pending{
    background-position: -144px -80px 
}
.pic16-up-alt,.pic24-calculator,.pic32-next-w,.pic48-remarks{
    background-position: 0 -96px 
}
.pic16-down-alt{
    background-position: -16px -96px 
}
.pic16-rem-on,.pic32-back-w{
    background-position: -32px -96px 
}
.pic16-rem-off,.pic48-reminder{
    background-position: -48px -96px 
}
.pic16-act-drop,.pic32-weekview{
    background-position: -64px -96px 
}
.pic16-error-alt{
    background-position: -80px -96px 
}
.pic16-act-confirm,.pic32-monthview,.pic48-user-approve{
    background-position: -96px -96px 
}
.pic16-req-used{
    background-position: -112px -96px 
}
.pic16-opt-used,.pic32-today{
    background-position: -128px -96px 
}
.pic16-req-notused{
    background-position: -144px -96px 
}
.pic16-underline{
    background-position: 0 -112px 
}
.pic16-outdent{
    background-position: -16px -112px 
}
.pic16-indent{
    background-position: -32px -112px 
}
.pic16-numberlist{
    background-position: -48px -112px 
}
.pic16-bulletlist{
    background-position: -64px -112px 
}
.pic16-link{
    background-position: -80px -112px 
}
.pic16-erase{
    background-position: -96px -112px 
}
.pic16-openfolder{
    background-position: -112px -112px 
}
.pic16-reminder{
    background-position: -128px -112px 
}
.pic16-opt-notused{
    background-position: -144px -112px 
}
.pic16-release,.pic32-pin{
    background-position: 0 -128px 
}
.pic16-duplicate{
    background-position: -16px -128px 
}
.pic16-draft,.pic32-action{
    background-position: -32px -128px 
}
.pic16-draftandnew{
    background-position: -48px -128px 
}
.pic16-update,.pic32-check{
    background-position: -64px -128px 
}
.pic16-update-doc{
    background-position: -80px -128px 
}
.pic16-cart,.pic32-check-empty{
    background-position: -96px -128px 
}
.pic16-print{
    background-position: -112px -128px 
}
.pic16-documentflow,.pic32-sharegroup-b{
    background-position: -128px -128px 
}
.pic16-action{
    background-position: -144px -128px 
}
.pic16-apply{
    background-position: 0 -144px 
}
.pic16-act-releasedtopick{
    background-position: -16px -144px 
}
.pic16-checkout{
    background-position: -32px -144px 
}
.pic16-act-rejected{
    background-position: -48px -144px 
}
.pic16-task{
    background-position: -64px -144px 
}
.pic16-tag{
    background-position: -80px -144px 
}
.pic16-execute{
    background-position: -96px -144px 
}
.pic16-period-closing{
    background-position: -112px -144px 
}
.pic16-period-hold{
    background-position: -128px -144px 
}
.pic16-disposed{
    background-position: -144px -144px 
}
.pic16-tranclose,.pic32-edit{
    background-position: 0 -160px 
}
.pic16-tranhold{
    background-position: -16px -160px 
}
.pic16-formula,.pic32-wrench{
    background-position: -32px -160px 
}
.pic16-alternative{
    background-position: -48px -160px 
}
.pic16-fillarrow-right,.pic32-trash{
    background-position: -64px -160px 
}
.pic16-fillarrow-down{
    background-position: -80px -160px 
}
.pic16-post-arrow-right,.pic32-documentflow{
    background-position: -96px -160px 
}
.pic16-post-arrow-left{
    background-position: -112px -160px 
}
.pic16-pause{
    background-position: -144px -160px 
}
.pic16-stop{
    background-position: 0 -176px 
}
.pic16-resource{
    background-position: -16px -176px 
}
.pic16-fillarrow-right-disable{
    background-position: -32px -176px 
}
.pic16-pause-disable{
    background-position: -48px -176px 
}
.pic16-stop-disable{
    background-position: -64px -176px 
}
.pic16-product-tree{
    background-position: -80px -176px 
}
.pic16-Draft-Reviewing{
    background-position: -96px -176px 
}
.pic16-Draft-Rejected{
    background-position: -112px -176px 
}
.pic16-Draft-Approved{
    background-position: -128px -176px 
}
.pic16-map-icon{
    background-position: 0 -188px 
}
.pic24-arrow-down,.pic72-task{
    background-position: -72px 0 
}
.pic24-add-doc{
    background-position: -120px 0 
}
.pic24-info{
    background-position: 0 -24px 
}
.pic24-plus{
    background-position: -24px -24px 
}
.pic24-minus{
    background-position: -48px -24px 
}
.pic24-product{
    background-position: -72px -24px 
}
.pic24-customer{
    background-position: -96px -24px 
}
.pic24-warehouse{
    background-position: -120px -24px 
}
.pic24-arrow-r{
    background-position: -24px -48px 
}
.pic24-task-list{
    background-position: -47px -97px 
}
.pic24-edit{
    background-position: -72px -48px 
}
.pic24-trash{
    background-position: -120px -48px 
}
.pic24-period-closing,.pic72-approvals{
    background-position: 0 -72px 
}
.pic24-period-hold{
    background-position: -24px -72px 
}
.pic24-profit{
    background-position: -48px -72px 
}
.pic24-lose,.pic72-hierarchy{
    background-position: -72px -72px 
}
.pic24-balance{
    background-position: -96px -72px 
}
.pic24-view{
    background-position: -120px -72px 
}
.pic24-chart{
    background-position: -24px -96px 
}
.pic32-viewchart{
    background-position: 0 -64px 
}
.pic32-reverse{
    background-position: -128px -160px 
}
.pic32-retweet{
    background-position: 0 -192px 
}
.pic32-plus{
    background-position: -32px -192px 
}
.pic32-download{
    background-position: -64px -192px 
}
.pic32-back-blue{
    background-position: -96px -192px 
}
.pic32-next-blue{
    background-position: -128px -192px 
}
.pic32-back-tp{
    background-position: 0 -224px 
}
.pic32-plus-border{
    background-position: -32px -224px 
}
.pic32-trash-border{
    background-position: -64px -224px 
}
.pic48-complete{
    background-position: -192px 0 
}
.pic48-Task{
    background-position: -192px -48px 
}
.pic48-search{
    background-position: -142px -96px 
}
.pic72-reminder{
    background-position: -216px 0 
}
.pic72-notifications{
    background-position: -288px 0 
}
.pic72-calendar{
    background-position: -360px 0 
}
.pic72-dashboard{
    background-position: -432px 0 
}
.pic72-activitylog{
    background-position: -504px 0 
}
.pic72-settings{
    background-position: -576px 0 
}
.pic72-changepassword{
    background-position: -648px 0 
}
.pic72-docsequence{
    background-position: -144px -72px 
}
.pic72-workflow{
    background-position: -216px -72px 
}
.pic72-configuser{
    background-position: -288px -72px 
}
.pic72-processpermission{
    background-position: -360px -72px 
}
.pic72-adminview{
    background-position: -432px -72px 
}
.pic72-processflow{
    background-position: -504px -72px 
}
.pic72-user{
    background-position: -576px -72px 
}
.pic72-userpermission{
    background-position: -648px -72px 
}
.pic72-sharegroup{
    background-position: -216px -144px 
}
.pic72-transactionbook{
    background-position: -288px -144px 
}
.pic72-processflowact{
    background-position: -432px -144px 
}
.pic72-permissiontemplate{
    background-position: -504px -144px 
}
.pic72-permissiongroup{
    background-position: -576px -144px 
}
.pic72-uisettings{
    background-position: -648px -144px 
}
.pic72-emailtemplate{
    background-position: 0 -216px 
}
.pic72-dashboardtemplate{
    background-position: -72px -216px 
}
.pic72-address{
    background-position: -144px -216px 
}
.pic72-datamigrator{
    background-position: -216px -216px 
}
.pic72-left-w{
    background-position: -288px -216px 
}
.pic72-right-w{
    background-position: -360px -216px 
}
.pic72-termsandconditions{
    background-position: -432px -216px 
}
.pic72-scheduletemplate{
    background-position: -504px -216px 
}
.pic72-sharinggroup{
    background-position: -576px -216px 
}
.pic72-useroverview{
    background-position: -648px -216px 
}
.pic72-balancinglevelsettings{
    background-position: 0 -288px 
}
.pic72-printTemplate{
    background-position: -72px -288px 
}
.ajaxloader{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
    display: block;
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-image: url(images/preloader.gif) 
}
.filter-position,.groupbox,.inside,.my-dashboard-sub-div>div,.note-container,.panel-title a,.scgroup,.tiles,.timepickerfix,.windows,span.action-item,span.middle a i,span.tile-action,span.tile-action-checkbox,table td{
    position: relative 
}
.plus-fix .pic16-plus,.rep-check,.tiles-count,.tiles-live-c,.tiles-slider{
    position: absolute 
}
.progressbar,.scgroup,.scset{
    display: inline-block;
    vertical-align: top 
}
.kpi-tile,.tiles-slider>div,.tiles-small{
    height: 120px 
}
.scgroup{
    margin-right: 50px 
}
.scgroupname{
    font-weight: 100;
    color: #4d4d4d;
    margin-left: 5px 
}
.tiles,.tiles:hover{
    color: #fff !important;
    text-decoration: none 
}
.scset{
    max-width: 256px 
}
#tilebar{
    padding: 0 37px;
    width: 100% !important;
    float: left 
}
.tiles{
    float: left;
    display: block;
    margin: 4px;
    font-weight: 100;
    font-size: 16px;
    overflow: hidden 
}
.tiles:hover{
    outline: #b1b1b1 solid 4px 
}
.tiles-live-c{
    bottom: 35px;
    right: 10px 
}
.tiles-count{
    bottom: 35px 
}
.tiles-detail,.tiles-detail-sc{
    bottom: 0;
    font-size: 48px;
    position: absolute 
}
.custom-field-popup-container>table>tbody>tr td:first-child,.tiles-small{
    width: 120px 
}
.tiles-medium{
    height: 120px;
    width: 248px 
}
.tiles-header,.tiles-header-st{
    padding: 5px 10px 10px 
}
.tiles-header-sft{
    padding: 5px 10px;
    height: 110px;
    width: 100px 
}
.tiles-detail{
    display: block;
    padding: 0 10px 5px;
    width: 228px 
}
.tiles-detail-s,.tiles-detail-sc{
    padding: 0 10px 5px;
    width: 100px;
    display: block 
}
.gray-table-font-fix tr:first-child td,.notification-tbl th:last-child,.notification-tbl tr td:last-child,.tiles-detail-sc{
    text-align: right 
}
.tiles-detail-sf{
    display: block;
    height: 120px;
    text-align: center;
    width: 120px 
}
.button,.docable-widget-heading{
    display: inline-block;
    font-weight: 700 
}
.tiles-image-l{
    float: right;
    position: relative;
    bottom: 6px 
}
.docable-widget-heading{
    margin: 0;
    font-size: 1.4em;
    padding-left: 30px 
}
.tgl-widget .tgl-plus{
    background: url(images/plus20.png) no-repeat 
}
.tgl-widget .tgl-minus{
    background: url(images/minus20.png) no-repeat 
}
.tgl-widget-content{
    margin-top: -2px;
    position: relative 
}
.pf-rect{
    fill: #f2f2f2;
    stroke-width: 1px 
}
.pf-header{
    font-size: 12px;
    fill: #4d4d4d 
}
.pf-Mainheader{
    font-size: 20px;
    fill: #4d4d4d;
    text-align: center;
    vertical-align: 70px 
}
.dpchanger .ui-datepicker td,.dpchanger .ui-datepicker-calendar thead tr th,.ip-grid-heading label,.pf-content,.pf-content-x{
    font-size: 11px 
}
.pf-line{
    stroke: #4d4d4d;
    stroke-width: 1px 
}
.pf-content-x{
    stroke: none;
    fill: #296db4 
}
.pf-footer{
    border-top: 1px solid #4d4d4d;
    position: absolute;
    top: 216px;
    left: 0;
    width: 132px;
    padding: 4px 
}
.pf-join{
    stroke-width: 2px 
}
path.pf-join:hover{
    stroke-width: 3px;
    z-index: 50000 
}
.pf-tbright span{
    float: left;
    margin-left: 10px;
    margin-top: 3px 
}
.dropmenu{
    list-style: none;
    margin: 0;
    padding: 0 0 10px 
}
.dropmenu .separator{
    height: 1px 
}
.dropmenu li a{
    display: block;
    padding: 10px;
    color: #505050;
    font-size: 13px 
}
.dropmenu li a.color-hover{
    color: #616161 !important 
}
.dropmenu li a:hover{
    text-decoration: none;
    background: #eee !important 
}
.button{
    font-size: 12px;
    text-decoration: none;
    position: relative;
    color: #7d7d7d !important;
    margin-left: .4em;
    text-align: center;
    padding: .4em .8em;
    line-height: 16px;
    border: 1px solid #ddd 
}
.dialogbox-content #divAttachment .pager:first-child,.ht-1:hover .tooltip-1,.ht-2:hover .tooltip-2,.ht-3:hover .tooltip-3,.waitbox{
    display: block 
}
.button label:hover,.button:hover{
    background-color: #ddd !important;
    text-decoration: none 
}
.button:active{
    background-color: #ccc;
    color: #000 !important 
}
.button span{
    margin-right: 5px;
    vertical-align: top 
}
#btnComment,#divCommentBtn input,#divCommentBtn lable,.autocomplete>div,.btn,.car-inner,.cell-inner-cell,.error-div-inner,.ftbase table td,.home-page-header img,.img-div i,.login-inner-container,.mid-allign-inner-cell,.month-section,.note-doctype span,.pager .pagecount,.prod-stat-name,.progressbar-base,.remarkcontainer #btnCustomRemarks,.step span,.tblgrid thead th,.user-type,ul.month-list label{
    vertical-align: middle 
}
.tab-content{
    padding: 1em 0;
    float: left;
    width: 100%;
    height: auto;
    border-top: 3px solid;
    margin-top: -2px;
    overflow: auto 
}
.tab-selected{
    line-height: 24px !important 
}
.tab-slider{
    height: 30px;
    overflow: hidden;
    float: left 
}
.dialogbox .gridarea,.grid-container .gridarea,.shortList{
    overflow-x: auto;
    overflow-y: auto 
}
.tab-slider ul{
    margin: 0;
    padding: 0;
    height: 29px 
}
.tab-slider ul li{
    list-style: none;
    white-space: nowrap;
    display: block;
    float: left;
    margin-right: 3px;
    padding: 2px 5px;
    line-height: 20px;
    border-bottom: 3px solid 
}
.selectbox{
    border: 1px solid #ccc;
    padding: .4em;
    margin-right: 1em 
}
.selectbox select{
    border-style: none;
    outline: 0 
}
.grid-container .searchbar{
    padding: .6em 1.7em;
    margin-top: 2px;
    margin-right: -20px;
    margin-left: -20px;
    position: relative 
}
.dialogbox .searchbar{
    border: 1px solid #ccc;
    padding: .6em 1.2em;
    margin-top: 20px 
}
.dialogbox .searchbar .pager{
    border: 0 !important;
    padding-top: 5px 
}
.by-page-search,.rpt-seach-template-container select{
    width: 200px 
}
.grid-container .linkbuttons{
    margin: 1em 0 0 
}
.linkbuttons .rolodex{
    white-space: nowrap;
    text-align: center;
    float: right;
    font-size: 80%;
    padding: 6px 2px 6px 11px 
}
.linkbuttons .rolodex a{
    letter-spacing: .2em;
    margin: 5px;
    background: #f5f5f5;
    width: 22px;
    height: 22px;
    float: left;
    font-weight: 700;
    color: #989494;
    border: 1px solid #e6e6e6;
    border-radius: 90px;
    font-size: 11px;
    padding: 3px 
}
.dialogbox .pager,.grid-container .pager{
    white-space: nowrap;
    position: relative;
    margin: 0;
    text-align: center 
}
.dialogbox .tbl thead th,.tbl thead th{
    height: 1.4em;
    background-color: #fff 
}
.dialogbox .pager{
    border: 1px solid #ccc;
    padding: 10px 10px 12px 
}
.pager .left,.pager .right{
    position: absolute;
    top: 20px 
}
.pager .left{
    left: 15px 
}
.pager .middle a{
    color: #09f;
    text-decoration: none;
    letter-spacing: .2em 
}
.pager .middle a:hover{
    color: #f90;
    text-decoration: underline 
}
.pager .right{
    right: 15px 
}
span.middle{
    top: 10px;
    position: relative 
}
.pager .pagecount{
    width: 3.3em;
    margin: -2px 4px 0;
    text-align: center 
}
#tdDesc,.Revenue-tbl,.case-grid,.datetimepicker table,.fp-wrapper .yq-buttons,.gridarea,.initsettings-detail .date-lbl,.input-attachment-list,.new-doc-flow .user-date,.shortList #tblctrlAttachments,.splitbtncontent h3,.tbl,.yq-button-wrapper .yq-buttons{
    width: 100% 
}
.grid-container .gridarea{
    overflow: auto;
    margin-top: 0 
}
.dialogbox .gridarea{
    border-style: none solid;
    border-width: 1px;
    border-color: #ccc;
    overflow: auto;
    max-height: 600px 
}
.dialogbox .tbl thead th{
    font-size: 1.1em;
    color: #4d4d4d;
    font-weight: 400;
    border-bottom: 1px solid #ccc 
}
.color-default,.selected-td,.tbl tbody .color-selected td,.tbl tbody .color-selected td a{
    color: #fff !important 
}
.product-zoom a,.tab-panel-sect.active-tab a,.tbl tbody td{
    color: #333 
}
.cf-content,.cf-heading,.maintemplabel,.notification-tbl tr,.popup-header,.second-leval-heading,.tbl tbody tr,.tblgrid tbody tr{
    border-bottom: 1px solid #eee 
}
.border-none,.jqx-grid-column-header,.tbl tbody .color-hover,.tblgrid tbody .color-hover{
    border: none !important 
}
.tbl tbody .color-selected:hover td,.tbl tbody .color-selected:hover td a{
    color: #333 !important 
}
.tbl tbody tr:hover,.tblgrid tbody tr:hover,.ui-datepicker-calendar .color-default{
    background: #eee !important;
    color: #333 !important 
}
.tbl tbody td a{
    color: #057eac;
    text-decoration: none 
}
.tbl tbody td a:hover{
    color: #333;
    text-decoration: underline 
}
.selected-td{
    font-size: 110% 
}
.tr-summary{
    background-color: #f0f5ff;
    font-weight: 700 
}
.shortList,.user-sibling-container{
    border: 1px solid #ccc 
}
#tblGridviewKBS tr .tlcon-tran div,#tblProductionOverview tr td,.oprionitem div,.sub-report,.tblgrid div,.tblgrid thead th,span.kpi-value{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis 
}
.shortList tbody td{
    border-style: none none dashed;
    border-width: 1px;
    border-color: #ccc 
}
.tblgrid{
    border-collapse: collapse;
    border: 0 solid #e8e8e8;
    table-layout: fixed;
    outline: 0 
}
.tblgrid thead th{
    line-height: 22px;
    text-align: left 
}
#divConfigurations tbody tr td,#divPI>div>table td,#divdyeContent .counter,.doc-header .rightcontent,.note-body,.switch-section,.tblcontent .tblgrid thead th{
    padding: 0 
}
.tblgrid tbody td{
    border-width: 0 0 1px;
    padding: 2px 
}
.tblgrid tbody tr:last-child td{
    border-width: 0 
}
.tblgrid div{
    min-height: 17px 
}
.tblgrid input,.tblgrid select{
    border: none;
    outline: 0;
    font-weight: 400 
}
.tblgrid .ginfo{
    width: 16px;
    height: 16px;
    padding: 2px 3px 
}
.tblgrid .picalign{
    margin-bottom: -3px 
}
.tblgrid .tr-delete,.tblgrid .tr-delete input,.tblgrid .tr-delete select{
    background-color: #f1f1f1 
}
.gridbaloon{
    padding: 5px;
    line-height: 15px;
    margin-bottom: 2px 
}
.tblgridbase .tb{
    border-style: solid;
    border-color: #ccc;
    min-height: 10px 
}
.tblgridbase .tblcontent{
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #fff;
    max-height: 200px;
    overflow-x: auto !important;
    height: auto !important 
}
.curr-exchange-tbl .tblgridbase .tblcontent{
    height: 367px !important;
    max-height: none !important;
    overflow-x: unset !important 
}
.tblwrapcontent{
    white-space: normal !important 
}
.waitbox-container{
    z-index: 10000;
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    top: 0 !important;
    left: 0 !important 
}
.waitbox-animation,.waitbox-text{
    height: 125px;
    display: inline-block 
}
.waitbox{
    width: 250px;
    height: 125px;
    font-family: "Segoe UI";
    font-size: 22px;
    position: fixed;
    z-index: 701;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -62.5px 
}
.waitbox-text{
    margin: 0 15px;
    line-height: 125px;
    position: absolute;
    color: #fff 
}
.waitbox-animation{
    margin: 0 5px;
    position: relative;
    top: 30px;
    left: 160px 
}
.waitbox-animation-woutbox{
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: -30px 5px 0 -30px;
    position: fixed;
    z-index: 701;
    top: 50%;
    left: 50% 
}
.outer-circle{
    border: 5px solid rgba(251, 251, 251, .9);
    border-right: 5px solid transparent !important;
    border-left: 5px solid transparent !important;
    border-radius: 50px;
    box-shadow: 0 0 20px #fff;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    animation: 1s linear infinite spinPulse;
    -moz-animation: 1s linear infinite spinPulse;
    -webkit-animation: 1s linear infinite spinPulse 
}
.inner-circle{
    border: 5px solid rgba(251, 251, 251, .9);
    opacity: .9;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-radius: 50px;
    box-shadow: 0 0 15px #fff;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    animation: 1s linear infinite spinoffPulse;
    -moz-animation: 1s linear infinite spinoffPulse;
    -webkit-animation: 1s linear infinite spinoffPulse 
}
.dialogbox-modal,.fix-loader{
    width: 100% !important;
    height: 100% !important 
}
.fix-loader{
    left: 0 !important;
    top: 0 !important 
}
@keyframes spinPulse{
    0%{
        transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #fff 
    }
    50%{
        transform: rotate(145deg);
        opacity: 1 
    }
    100%{
        transform: rotate(-320deg);
        opacity: 0 
    }
}
@keyframes spinoffPulse{
    0%{
        transform: rotate(0) 
    }
    100%{
        transform: rotate(360deg) 
    }
}
@-moz-keyframes spinPulse{
    0%{
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #fff 
    }
    50%{
        -moz-transform: rotate(145deg);
        opacity: 1 
    }
    100%{
        -moz-transform: rotate(-320deg);
        opacity: 0 
    }
}
@-moz-keyframes spinoffPulse{
    0%{
        -moz-transform: rotate(0) 
    }
    100%{
        -moz-transform: rotate(360deg) 
    }
}
@-webkit-keyframes spinPulse{
    0%{
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #fff 
    }
    50%{
        -webkit-transform: rotate(145deg);
        opacity: 1 
    }
    100%{
        -webkit-transform: rotate(-320deg);
        opacity: 0 
    }
}
@-webkit-keyframes spinoffPulse{
    0%{
        -webkit-transform: rotate(0) 
    }
    100%{
        -webkit-transform: rotate(360deg) 
    }
}
.dialogbox-modal{
    position: fixed;
    z-index: 2990;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    padding: 10px 
}
.dialogbox-header .headertext{
    font-size: 1.6em;
    float: left;
    margin-left: 3px;
    font-weight: 700;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px 
}
.dialogbox-header .headerclose{
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(images/pic16.png);
    background-position: -64px -32px;
    margin-right: 2px 
}
.dialogbox-bottomline,.dialogbox-topline{
    border: none;
    vertical-align: middle;
    height: 1px;
    display: none 
}
.dialogbox-bottomline{
    background-color: #ccc 
}
.datepicker-arrow-e,.datepicker-arrow-w{
    height: 16px;
    width: 16px;
    background-image: url(images/pic16.png);
    color: transparent;
    margin-top: 3px 
}
.progressbar-base{
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0 
}
#lnkTemplateBookNo,#lnkTemplateOrderNo,.margin-5,.progressbar-value{
    margin-left: 5px 
}
.baloon{
    position: fixed;
    border: 0 solid #ccc;
    padding: 5px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    z-index: 15020;
    top: 72px;
    border-radius: 3px 
}
.baloon-arrow{
    border-style: solid;
    border-width: 10px;
    position: absolute;
    z-index: 15020 
}
div#baloonNotification{
    right: 331px;
    left: initial !important 
}
.baloonNotification-Admin{
    right: 31px !important 
}
div#balNotifiy{
    left: initial !important;
    right: 341px;
    padding: 0;
    width: 300px 
}
.balNotifiy-Admin{
    right: 41px !important 
}
.note-heading{
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 2px 
}
#divSLInfo .periodchanger{
    padding-bottom: 15px 
}
div#balNotifiy .periodchanger{
    background-color: #fff;
    border-top: 1px solid #eee;
    padding: 18px 10px;
    float: left;
    width: 100%;
    margin-top: 2px;
    border-radius: 7px 
}
#divNotificationContent .groupbox{
    float: left;
    width: 100%;
    border: 0;
    padding: 8px 10px 
}
#divNotificationContent .groupbox:hover{
    background: #eee;
    color: #505050 
}
a.note-task-desk{
    width: 100%;
    float: left;
    color: #8192a7;
    font-size: 13px;
    font-weight: 400 
}
.mark-all-tasks,.periodchanger .view-all-tasks{
    bottom: 10px;
    color: #505050;
    font-size: 13px;
    position: absolute 
}
div#divNotificationContent{
    float: left;
    padding: 0 
}
.tran-origin{
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0 
}
.report-scale,.scale-1{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1 
}
.periodchanger .view-all-tasks{
    font-weight: 400;
    float: left;
    right: 10px 
}
.mark-all-tasks{
    left: 10px 
}
div#divSLInfo,div#mainConfig,div#mainSignout{
    left: initial !important;
    padding: 0 
}
.note-doctype{
    width: 50px;
    height: 50px;
    float: left;
    background: #42a5f5;
    border-radius: 90px;
    display: table;
    margin-right: 10px 
}
.note-doctype span{
    display: table-cell;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 19px;
    font-style: italic 
}
div#divSLInfo{
    right: 281px;
    width: 180px 
}
.divSLInfo-Admin{
    right: 50px !important 
}
div#mainConfig{
    right: 221px;
    width: 185px 
}
div#mainSignout{
    right: 161px;
    width: 120px;
    max-height: 180px 
}
.mainSignout-Admin{
    right: 10px !important 
}
.baloon-arrow-up-border{
    border-color: transparent transparent #ccc 
}
.baloon-arrow-up{
    border-color: transparent transparent #fff 
}
.baloon-arrow-down-border{
    border-color: #ccc transparent transparent 
}
.baloon-arrow-down{
    border-color: #fff transparent transparent 
}
.baloon-arrow-right-border{
    border-color: transparent transparent transparent #ccc 
}
.baloon-arrow-right{
    border-color: transparent transparent transparent #fff 
}
.baloon-arrow-left-border{
    border-color: transparent #ccc transparent transparent 
}
.baloon-arrow-left{
    border-color: transparent #fff transparent transparent 
}
.autocomplete{
    position: absolute;
    border: 1px solid #b1b1b1;
    background-color: #fff;
    width: 250px;
    height: auto !important;
    display: none;
    overflow: hidden;
    max-height: 253px;
    overflow-y: auto !important 
}
.autocomplete>div{
    cursor: default;
    display: block;
    width: 100%;
    line-height: 25px 
}
.comment,.remarkcontainer .remarks{
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word 
}
.btn,.ftbanners h1,.ra,.re,.tag-tbl table tbody td{
    white-space: nowrap 
}
.timepicker-select{
    font-size: 100%;
    height: 100% 
}
.timepicker-holder{
    border: 1px solid #ccc;
    display: inline-block;
    height: 23px;
    padding-left: 3px 
}
.timepicker-holder input,.timepicker-holder select{
    border: none;
    outline: 0;
    vertical-align: top;
    width: 25px;
    height: 22px;
    margin: 0;
    background-color: transparent 
}
#divCommentBox textarea{
    max-height: 300px;
    height: 60px !important 
}
#btnComment{
    font-size: 14px;
    margin-right: 5px 
}
#divCommentBtn{
    border-top: 1px solid #eee;
    text-align: right 
}
#divCommentBtn input{
    width: 10px;
    opacity: .5;
    margin: 10px 7px 7px;
    float: none 
}
.divComments,.divCommentsreply,.processitem{
    margin: 5px 0;
    position: relative 
}
#divCommentBtn lable{
    cursor: default;
    color: #b1b1b1 
}
.commentEsc,.remarkcontainer .remarksEsc{
    display: none;
    float: left;
    line-height: 20px;
    padding-left: 5px 
}
.divComments{
    border-bottom: 1px solid;
    width: 100% 
}
.divCommentspans{
    vertical-align: top;
    cursor: default 
}
.divCommentsreply{
    border-top: 1px solid;
    padding-top: 5px;
    width: 425px 
}
.displaycommentreply{
    padding-left: 25px;
    width: 350px 
}
.displaycomment,.remarkcontainer .displayremarks{
    padding-left: 25px 
}
.comment_uname{
    color: #676767;
    font-weight: 700;
    font-size: 13px;
    line-height: 10px !important;
    margin-right: 5px;
    margin-bottom: 0 
}
.comment_time{
    color: #929292;
    font-weight: 700;
    font-size: 11px 
}
.commentoption>span,.remarkcontainer .remarksoption>span{
    margin: 0 2px 
}
.editreply{
    width: 348px !important 
}
.editreplytext{
    width: 340px !important 
}
.comment{
    margin: 5px 0;
    line-height: 14px 
}
.divreplys,p{
    line-height: 17px 
}
.divreplys{
    border-top: 1px solid #eee;
    height: 17px;
    padding-right: 5px;
    text-align: right 
}
.editcomment{
    width: 423px !important 
}
.editcommenttext{
    width: 416px !important 
}
.current_replies{
    cursor: pointer;
    margin-right: 10px;
    width: 15px 
}
.defaultuser{
    width: 45px;
    height: 45px;
    background-image: url(images/person.png) 
}
.commentedited,.remarkcontainer .remarksedited{
    color: #b1b1b1;
    cursor: pointer;
    float: left 
}
.divtotals,.remarkcontainer .divtotals{
    text-align: right;
    color: #545454;
    width: 500px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 18px 
}
.divshowmore_comreplys,.divshowmore_comreps{
    border: 1px solid;
    padding: 0 10px;
    cursor: pointer 
}
.divshowmore_comreps{
    width: 478px 
}
.divshowmore_comreplys{
    width: 403px 
}
.showingcomment,.showingcommentreply{
    float: right;
    color: #b1b1b1 
}
.fileinput{
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 100% 
}
.preloader{
    width: 16px;
    height: 16px;
    background-image: url(images/preloader.gif);
    background-repeat: no-repeat 
}
.timeline{
    width: 200px;
    position: fixed 
}
.timeline-syr,.timeline-yearsbox{
    height: 30px;
    width: 10px;
    background-color: #ccc;
    display: inline-block 
}
.timeline-syr{
    margin: 1px 2px 
}
.timeline-yearstxt{
    line-height: 33px;
    vertical-align: top;
    margin-left: 10px;
    width: 87% 
}
.timeline-yearstxt>div{
    line-height: 25px;
    margin-left: 15px;
    display: none 
}
.timeline-months{
    color: grey;
    cursor: pointer 
}
.timeline-months-h,.timeline-months-s{
    color: #000 
}
#divCommentBox,.remarkcontainer #divRemarksBox{
    border: 4px solid #e3eff6;
    margin-bottom: 20px;
    border-radius: 5px 
}
#divCommentBox textarea,.remarkcontainer #divCustomRemarksBox textarea,.remarkcontainer #divRemarksBox textarea{
    width: 100%;
    border: none !important;
    resize: none;
    outline: 0;
    background: #fff;
    padding: 10px 
}
.remarkcontainer #btnRemarks{
    cursor: pointer;
    margin-right: 5px;
    vertical-align: middle;
    font-weight: 700 
}
#divCommentBox #divCommentBtn,.remarkcontainer #divRemarksBtn{
    border-top: 1px solid #e3eff6;
    text-align: right;
    padding: 10px;
    background: #f0fbff 
}
#divCommentBox #divCommentBtn,.case-grid td,.dialogbox-content .button,.my-dashboard-sub-div .tbl .bs,.padding-5{
    padding: 5px 
}
.remarkcontainer #divRemarksBtn input{
    width: 10px;
    vertical-align: middle;
    opacity: .5;
    float: none 
}
.remarkcontainer #divRemarksBtn lable,.remarkcontainer #divcustomRemarksBtn lable{
    cursor: default;
    vertical-align: middle;
    color: #b1b1b1;
    padding: 0 10px 
}
.remarkcontainer .divremarkss{
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
    position: relative;
    float: left;
    width: 100% 
}
.remarkcontainer .divremarkss:last-child{
    border-bottom: 0 
}
.remarkcontainer .divremarksspans{
    display: inline-block;
    vertical-align: top;
    cursor: default 
}
.remarkcontainer .remarksoption{
    float: right;
    visibility: hidden 
}
.remarkcontainer .remarks{
    margin: 3px 0;
    line-height: 14px 
}
#divBaseUserInfo-tabs li:before,#divDBPOC0 .highcharts-data-labels>g>text,#divTableViewContent .report-item-action,#filter-item-div #tblFilters tbody td:nth-of-type(3),#tblAttribute thead,#tblAttributeQcParamer thead,#tblProfile thead,#trheadersSerail tr td:first-child,#trheadersSerail tr th:first-child,.abc-search,.datetimepicker-dropdown-bottom-right:after,.datetimepicker-dropdown-bottom-right:before,.dialogbox-buttonarea .button span,.dialogbox-content .searchbar #filterListId,.dialogbox-content .searchbar .abc-search,.dialogbox-content .searchbar .search-filter,.dialogbox-content .searchbar .type-sel,.dialogbox-content .searchbar label,.gray-table-font-fix tr:nth-last-child(2),.grid-container .gridarea table .mbBtn,.job-accord-in,.kpi-customer-container .left-sect,.kpi-customer-container .tile-wrapper-div a,.kpi-tile .left-sect i,.sibling-capsule:last-child .horizontal-connector,.sibling-capsule:last-child .single-connector,.sibling-capsule:last-child .vert-conector,.spnmain div:last-child,.tblnotecontent .popover.right>.arrow,.text{
    display: none 
}
.remarkcontainer #divCustomRemarksBox{
    border: 1px solid #ddd;
    margin-bottom: 5px 
}
.Revenue-tbl tbody td,.pagemenu li,.pagemenu li:hover{
    border-bottom: 1px solid #eee !important 
}
.remarkcontainer #btnCustomRemarks{
    cursor: pointer;
    margin-right: 5px;
    font-weight: 700 
}
.remarkcontainer #divcustomRemarksBtn{
    border-top: 1px solid #ddd;
    text-align: right;
    padding: 10px;
    background: #f9f9f9 
}
.pagemenu{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: auto;
    left: 0;
    background-color: #fff;
    border-right: 1px solid #eee;
    width: 100% 
}
.pagemenu li{
    display: block;
    cursor: pointer;
    position: relative;
    font-size: 12px;
    line-height: 14px !important;
    padding: 10px 40px 10px 20px;
    height: 32px 
}
.pagemenu li:before{
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f105";
    font-size: 140%;
    position: absolute;
    color: rgba(23, 23, 23, .7);
    z-index: 1;
    top: 10px;
    right: 10px 
}
.button label,.user-status,.user-type h3,a.note-btn label.note-count,h2{
    font-weight: 700 
}
.pagemenu li.color-selected:before{
    color: #fff;
    right: 10px 
}
.jqx-widget-metro .jqx-grid-cell-metro,.jqx-widget-metro .jqx-grid-column-header-metro,.jqx-widget-metro .jqx-grid-group-cell-metro,.pagemenu li.color-selected{
    border-right: 0 !important 
}
.pagemenu li:hover{
    background: #e2e2e2 !important;
    color: #4d4d4d !important 
}
.pagemenu li:hover:before{
    right: 10px 
}
.divlookuptext{
    border-width: 0 !important;
    width: 100%;
    display: table 
}
.addon-btn-wrap,.dialogbox .gridarea,.pager{
    border-top: 1px solid #ccc 
}
.addon-btn-wrap{
    width: 30px;
    max-height: 28px;
    padding: 5px 5px 4px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #f7f7f7;
    border-left: 1px solid #ccc 
}
.addon-btn-wrap:hover,.journal-list-focus,.journal-list:hover,.pf-tbright,.processitem:hover,.ui-datepicker-calendar thead tr,a.note-btn:hover{
    background: #eee 
}
.multi-period span{
    border: 1px solid #ccc;
    padding: 6px;
    margin-left: -1px;
    cursor: pointer 
}
.hourpicker .hphrs a,.hourpicker .hpmins a{
    display: inline-block;
    border: 1px solid #eee;
    text-align: center;
    margin: 1px 
}
.Consumption-Based-on input[type=checkbox],.default_set input,hr{
    margin-top: 5px 
}
.hourpicker>div{
    border: 1px solid #ccc;
    padding: 5px 
}
.dashboard_navigator{
    width: 45px;
    height: 62px;
    background: url(images/dashboard_navigator.png);
    border: 1px solid #fff;
    float: left;
    cursor: pointer;
    opacity: .5 
}
.dashboard_navigator:hover{
    opacity: .8 
}
.dashboard_next{
    background-position: 45px 0 
}
#divRoleSlider{
    position: relative;
    float: left;
    margin: 25px 0 0 
}
#svgWFDesigner .pf-join,#svgWFDesigner .pf-rect{
    color: #888;
    stroke: #888 
}
#baloonNotification{
    padding: 0;
    width: 300px 
}
#notification_list{
    list-style: none;
    padding: 0;
    color: #505050;
    width: 100%;
    margin-top: 10px 
}
.notification_list_item{
    padding: 10px;
    background: #fff;
    float: left;
    width: 100% 
}
.listdesc-container{
    float: left;
    width: 73% 
}
div#notification_content{
    padding: 0 0 10px;
    float: left;
    width: 100% 
}
.notification_list_item:hover{
    background: #f7f7f7 
}
.notification_link{
    font-size: 1.1em;
    font-weight: 700;
    padding: 0 3px;
    display: block;
    clear: both;
    margin-bottom: 2px;
    text-decoration: none;
    color: inherit 
}
.notification_icon{
    background: url(images/notification_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 0 6px 0 3px 
}
.reminder_icon{
    background-image: url(images/reminder_icon.png) 
}
.notification_desc{
    float: left;
    line-height: 45px 
}
.listdesc-container .button{
    margin-top: 11px 
}
.no_notifications{
    color: #888;
    padding: 0 18px 
}
.SMPL_preloader{
    height: 18px;
    width: 18px;
    background: url(images/SMPL_preloader.png) no-repeat 
}
.dialog_select,.dialog_text{
    float: left;
    padding: 5px 
}
.dialog_lable{
    float: left;
    padding: 5px 8px 5px 10px;
    line-height: 25px 
}
.dialog_lable::after{
    content: ":";
    display: block;
    float: right;
    padding: 0 5px 
}
.default_set{
    margin-left: 0;
    margin-top: 40px;
    position: absolute;
    left: 20px;
    bottom: 52px 
}
.dialog_row{
    clear: both;
    overflow: auto 
}
.remind_before_val{
    width: 40px 
}
.grid_inputs{
    width: 100%;
    padding: 0 
}
#notificationsBox .tblcontent{
    overflow-y: auto 
}
td#lblDescription.vcell{
    max-width: 600px;
    min-width: 100px;
    word-wrap: break-word !important 
}
#validation_box.validation_box{
    margin: 48px 0 0 210px;
    position: absolute;
    color: #00b050 
}
.show_print_edges{
    border-top: 2px dotted #72d55e;
    height: auto;
    margin: -21px 0;
    position: absolute;
    width: 400px;
    display: none 
}
.show_print_edges::after,.show_print_edges::before{
    border-left: 1px solid #72d55e;
    content: "";
    display: block;
    height: 10px 
}
.show_print_format{
    position: absolute;
    margin: -28px 0 0 194px;
    font-size: 8px;
    border-radius: 8px;
    height: 12px;
    min-width: 13px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    display: none 
}
#divReportBase{
    margin: 30px 0 0 
}
.doc-flow-container{
    overflow: auto;
    padding: 30px 30px 0;
    position: relative 
}
.main-user-outer{
    float: left;
    width: auto;
    height: auto;
    position: absolute 
}
.line-right-only{
    position: absolute;
    top: 75px;
    left: 160px;
    width: 100px;
    border-top: 2px solid #c8e75c 
}
.main-user-container{
    display: table;
    height: 150px;
    background-color: #fff;
    width: 150px;
    border: 2px solid #a3c8eb;
    border-radius: 90px 
}
.car-inner,.cell-inner-cell,.error-div-inner,.mid-allign-inner-cell,.user-type{
    display: table-cell 
}
.user-type h3{
    font-size: 18px;
    margin: 0;
    color: #414d99 
}
.user-siblings-outer{
    float: left;
    width: 100px;
    position: absolute;
    margin: 25px 0 25px 267px 
}
.sibling-capsule,.user-sibling-container{
    height: 100px;
    position: relative;
    display: block 
}
.sibling-capsule{
    margin-bottom: 50px;
    width: 150px 
}
.user-sibling-container .img-div{
    width: 50px;
    height: 50px;
    border-radius: 90px;
    position: absolute;
    left: -25px;
    top: -25px;
    background-color: #eee;
    overflow: hidden;
    border: 3px solid #e3dcdc 
}
.single-connector,.vert-conector{
    border-left: 2px solid #c8e75c;
    position: absolute 
}
.img-div i{
    display: block;
    width: 50px;
    height: 50px;
    font-size: 330%;
    line-height: 1.3;
    color: #a7a7a7 
}
.img-div img{
    width: 110%;
    height: 110%;
    position: absolute;
    left: -3px;
    top: 0 
}
.user-status{
    padding: 5px;
    color: #fff;
    position: absolute;
    left: 23px;
    top: -1px 
}
.user-status.active{
    background-color: #bed43f 
}
.in-active{
    background-color: #fc5561 
}
.user-date{
    position: absolute;
    bottom: 0;
    padding: 5px;
    text-align: right;
    background-color: #eee;
    width: 138px;
    border-top: 1px solid #ccc 
}
.name-div{
    float: left;
    margin: 45px 8px 10px;
    font-size: 20px;
    font-weight: 300 
}
.single-connector{
    height: 40px;
    bottom: -45px;
    left: 75px 
}
.connectors-container{
    position: absolute;
    display: block 
}
.vert-conector{
    height: 150px;
    left: -50px;
    top: -50px 
}
.horizontal-connector{
    width: 42px;
    border-top: 2px solid #c8e75c;
    left: -50px;
    position: absolute;
    top: 100px 
}
.remark-container{
    display: block;
    height: 25px;
    background: #ffea9d;
    position: absolute;
    left: 205px;
    width: 170px;
    top: 29px;
    border-radius: 5px;
    border: 1px solid #f0d45c;
    padding: 10px;
    color: #735424;
    font-weight: 400;
    line-height: 1.2 
}
.remark-pointer,.remark-pointer-line{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 13px;
    position: absolute 
}
.remark-pointer{
    border-right: 6px solid #f0d45c;
    left: -7px 
}
.remark-pointer-line{
    border-right: 6px solid #ffea9d;
    left: -5px 
}
.remark-connector{
    width: 42px;
    border-top: 2px solid #c8e75c;
    left: -48px;
    position: absolute;
    top: 22px 
}
.doc-flow-container.new-doc-flow{
    height: 100%;
    padding: 0 
}
.new-doc-flow .user-siblings-outer{
    margin: 25px 0 0 267px 
}
.auto-height,.new-doc-flow .remark-container{
    height: auto 
}
.new-doc-flow .remark-container label{
    line-height: 14px 
}
.slideThree:after,.slideThree:before{
    z-index: 0;
    font: 700 12px/26px Arial, sans-serif;
    position: absolute 
}
.page-header-container .dash-head a{
    font-size: 14px;
    font-weight: 400 
}
.ui-widget-content{
    z-index: 20000 !important 
}
.not-active{
    cursor: default 
}
.forcast-serch{
    width: 200px !important 
}
.squaredTwo{
    top: 12px;
    left: 6px 
}
.slideThree{
    width: 80px;
    height: 26px;
    background: #333;
    margin: 5px auto;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2) 
}
.slideThree:after{
    content: "OFF";
    color: #000;
    right: 10px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .15) 
}
.slideThree:before{
    content: "ON";
    color: #27ae60;
    left: 10px 
}
#divCATPopupAGeneral td,#divMain>div>div table tbody tr td>div,.btn,.custom-field-popup-container>table>tbody>tr td{
    line-height: 1.5 
}
.ip-data-row .value,.small-font,.small-font .button,.small-font p,.small-font table td,.small-font table th,body{
    font-size: 12px 
}
.slideThree label{
    display: block;
    width: 34px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0, #dfe5d7 40%, #b3bead 100%);
    border-radius: 50px;
    transition: .4s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3) 
}
.slideThree input[type=checkbox]:checked+label{
    left: 43px 
}
body{
    color: #5d5d5d;
    background-color: #fff 
}
.medium-font,.medium-font .button,.medium-font h2>.button,.medium-font p,.medium-font table td,.medium-font table th,.ui-datepicker td{
    font-size: 13px 
}
.large-font,.large-font h2>.button,.large-font p,.large-font table td,.large-font table th .large-font .button,.processname{
    font-size: 14px 
}
.overflow-auto,.slide-modal .integration-slide{
    overflow: auto !important 
}
.alp-container,.container-dashboard,.css3-anim,.css3-anim-manu-parent a,.forms-list li,.list-container,.my-dashboard-sub-div,.tab-panel-sect,.update-modal,.validator{
    -webkit-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.63, 0.19, 0.99);
    -webkit-transition-property: all;
    -webkit-transition-duration: .6s;
    -webkit-timing-function: cubic-bezier(0, 0.63, 0.19, 0.99);
    -moz-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0, 0.63, 0.19, 0.99);
    -moz-transition-property: all;
    -moz-transition-duration: .6s;
    -moz-timing-function: cubic-bezier(0, 0.63, 0.19, 0.99);
    -ms-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0, 0.63, 0.19, 0.99);
    -ms-transition-property: all;
    -ms-transition-duration: .6s;
    -ms-timing-function: cubic-bezier(0, 0.63, 0.19, 0.99);
    duration: 0.6s;
    transition-timing-function: cubic-bezier(0, 0.63, 0.19, 0.99);
    transition-property: all;
    transition-duration: .6s;
    timing-function: cubic-bezier(0, 0, 0.5, 0) 
}
.calendars-popup,.datetimepicker,.pop-up-container,.ui-widget-content{
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2) 
}
.linkbuttons .report-item-action .fa-plus,.login-notification a i,.table i{
    font-size: 130% 
}
.pager{
    margin: 15px 0;
    position: relative 
}
.accordion .form-group,.btn{
    margin-bottom: 0 
}
#divAttachments .pager{
    margin: 20px 0 0;
    border: 1px solid #ccc;
    float: left;
    width: 100% 
}
#divAttachments .pager .left{
    position: absolute;
    left: 5px;
    top: 5px 
}
#divAttachments .pager .right{
    right: 0;
    top: 10px;
    width: 280px 
}
body.gray-backdrop{
    background-color: #f1f3f6 
}
.leftcontent #homelink img{
    width: 132px 
}
#chkSelectRelease{
    margin: 7px 4px 0 0 
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-size: initial 
}
.main-search-container{
    position: absolute;
    top: 0;
    height: 60px;
    width: 100%;
    padding: 8px;
    z-index: 2989;
    border-top: 1px solid rgba(0, 0, 0, .1) 
}
#divNav,.main-search-container-vis,.my-dashboard-sub-div .serial-page-header-container{
    top: 60px 
}
button.main-search-btn{
    width: 30px;
    height: 30px;
    top: 0;
    background: rgba(51, 51, 51, 0) !important;
    left: -34px;
    border: 0 !important 
}
button.main-search-btn i{
    font-size: 200%;
    color: #dc82e2;
    outline: 0 
}
.main-search-container input[type=text]{
    height: 40px !important;
    border-radius: 5px !important;
    line-height: 40px;
    border: 2px solid rgba(51, 51, 51, .47);
    width: 100% !important 
}
h1{
    font-size: 2.5em 
}
h2{
    font-size: 1.5em 
}
h1 label,h2 label,h3 label,h4 label,h5 label,h6 label{
    font-weight: 300;
    margin-bottom: 0 
}
h1#lnkUserName{
    font-size: 24px 
}
h1.scgroupname{
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 25px 
}
hr{
    margin-bottom: 5px;
    border-top: 1px solid #777 
}
span.search-btn-container{
    width: 60px;
    height: 60px;
    margin-top: -19px;
    margin-left: -15px 
}
.menu-icons-right-main:hover,.search-btn-container:hover{
    background-color: rgba(51, 51, 51, .4) 
}
.jurney-span,.lang-link-wrapper a:first-child{
    margin-left: 0 
}
.search-btn-container img{
    width: 25px;
    height: 40px;
    margin: 15px 
}
.fis-year{
    font-size: 24px;
    padding-left: 10px;
    border-left: 1px solid #fff 
}
@media (max-width:900px){
    .tblgridbase .tblcontent{
        overflow-x: auto !important;
        width: 100% !important 
    }
}
.splitbtncontent{
    padding: 10px;
    box-shadow: rgba(214, 214, 214, .862745) 1px 1px 2px;
    -webkit-box-shadow: rgba(214, 214, 214, .862745) 1px 1px 2px;
    -moz-box-shadow: rgba(214, 214, 214, .862745) 1px 1px 2px;
    border-top: 4px solid rgba(165, 213, 255, .17);
    z-index: 3000 !important 
}
.z-index-3005{
    z-index: 3005 !important 
}
.btn{
    font-weight: 400;
    cursor: pointer;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 3px 5px;
    font-size: 13px;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none 
}
.alert,.progress{
    margin-bottom: 19px 
}
.btn-default{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, rgba(249, 249, 249, 0)), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, rgba(249, 249, 249, 0) 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, rgba(249, 249, 249, 0) 5%, rgba(233, 233, 233, 0) 100%);
    background-color: #f9f9f9;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    color: #666;
    text-decoration: none;
    -moz-box-shadow: -3px 3px 12px #ececec;
    -webkit-box-shadow: -3px 3px 12px #ececec;
    box-shadow: -3px 3px 5px rgba(236, 236, 236, 0) 
}
.message-visible:before,.selected-tile:before,.state-error:before,.state-info:before,.state-success:before,ul.swap-list li::before{
    text-decoration: inherit;
    font-family: FontAwesome;
    font-style: normal 
}
.btn-default:hover{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    background-color: #e9e9e9 
}
p.empty-section{
    width: 93%;
    position: absolute;
    font-size: 18px;
    margin-top: 33%;
    color: rgba(189, 189, 189, .57);
    font-weight: 700 
}
i.light-gray{
    width: 93%;
    margin-top: 12%;
    position: absolute;
    font-size: 600%;
    color: #ff8d00 
}
.header-title{
    height: 40px;
    top: -13px;
    background: #f9f9f9 
}
#my-dashboard-reports-detailed>div,#my-dashboard-widget-detailed>div,.padding-15,section{
    padding: 15px 
}
.progress{
    overflow: hidden;
    height: 19px;
    background-color: #ececec;
    border-radius: 1px;
    box-shadow: none 
}
#divRemarkRMA,.ftbase>div>div table tbody tr td textarea.textview,.gridarea{
    overflow: auto 
}
.progress.progress-bar-sm .progress-bar,.top-sect-content label{
    line-height: 10px 
}
.progress-bar-striped,.progress-striped .progress-bar{
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px 
}
.calendar-class .fc-header{
    width: 1302px !important;
    position: fixed;
    z-index: 10;
    background: #fff;
    top: 61px;
    border-bottom: 1px solid #ccc 
}
.calendar-class .fc-content{
    top: 67px 
}
.sales-itinarery .fc-content{
    top: -26px 
}
.fc-header tr td,.padding-top-10{
    padding-top: 10px 
}
.progress-bar{
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s;
    -o-transition: width .6s;
    transition: width .6s 
}
.tblgrid tbody td{
    border-style: solid;
    border-color: #eaeaea 
}
.alert-default{
    background-color: #f0f0f0 
}
.tblgridbase .tb{
    border-width: 0 0 1px;
    padding: 5px 12px 8px 5px;
    float: left;
    width: 100%;
    height: 38px !important 
}
.gridCaption{
    padding-left: 10px;
    padding-top: 5px 
}
.alert{
    font-size: 14px;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 1px 
}
.x-small{
    font-size: x-small 
}
.inside{
    width: 98%;
    left: 10px 
}
.input-group{
    width: 100%;
    margin-bottom: 5px 
}
.windows{
    width: 40px;
    height: 40px;
    margin: 30px auto;
    z-index: 1;
    animation: 1.25s linear infinite loader 
}
.def-map-div{
    height: 400px;
    background: #fbfbfb;
    margin-top: 15px;
    border: 1px solid #f1f1f1 
}
.def-map-div i{
    font-size: 600%;
    display: block;
    color: #aaa;
    padding-bottom: 15px 
}
.map-def-area{
    font-size: 20px;
    font-weight: 700;
    color: #aaa 
}
#divActivityandCommetns h2,.pageheader,.pageheader h1,.pageheader h2,.pageheader label,.tilepage span.box-tile-title{
    font-weight: 300 
}
input[type=checkbox],input[type=radio]{
    margin: 1px 4px 0 0;
    line-height: normal 
}
.checkbox-multiselect{
    padding: 10px;
    border: 1px solid #ccc 
}
input#chkAll{
    position: absolute;
    left: 0;
    top: 72px 
}
#divDocList #chkAll,.resolute-complete-div span.res-astim-value,.resolute-complete-div span.res-desc,.resolute-complete-div span.res-heading{
    left: 0 
}
#BatchContent #chkAll,.my-dashboard-sub-div .page-header-container,.rack-docs #chkAll{
    top: 0 
}
.bootstrap-tab-content{
    padding: 20px 1.4em;
    border-top: 3px solid #4caf50 
}
.nav-tabs>li>a{
    margin-right: 0;
    border-radius: 0;
    text-transform: capitalize;
    color: #333;
    border: 0;
    padding: 5px 15px 
}
.activities-content .default-empty-div,.nav-tabs>li>a:hover{
    background: 0 0;
    border: 0 
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    background-color: rgba(255, 255, 255, 0);
    border: 0;
    border-bottom: 3px solid #4caf50;
    margin-bottom: 4px;
    text-transform: capitalize 
}
.nav-bar-label{
    font-size: 9px;
    border-radius: 2px;
    margin-left: 10px;
    margin-top: -15px;
    position: absolute;
    right: -5px;
    top: 5px;
    border: 2px solid rgba(0, 0, 0, .19) 
}
.checkbox-multiselect input[type=checkbox],.form-group,.form-horizontal .form-section{
    margin-bottom: 5px 
}
#divActivityandCommetns h3{
    font-weight: 300;
    font-size: 15px 
}
.color-selected{
    background-color: #9fbfa5;
    color: #fff;
    border-color: #fff 
}
.ftbase>div>div table tbody tr td .divlookuptext>textarea.textview,.ftbase>div>div table tbody tr td textarea.textview{
    white-space: normal;
    text-overflow: inherit 
}
#lblTemplateFormHeader,.ftbanners h1,.jqx-grid-cell,.re,.stat-data-container a,.tag-tbl table tbody td{
    text-overflow: ellipsis 
}
.dialogbox div>div table tbody tr:first-child td:first-child{
    width: 130px 
}
#tabDSPPreventive,.dialogbox div>div table#tblRecurrence tbody tr:first-child td:first-child{
    width: auto 
}
.dialogbox #divMainDemand table tbody tr:first-child td:first-child{
    width: 162px 
}
.ftbase>div>div>div>div #tblTERecurrence tbody tr td:first-child,.logo-container img{
    width: 150px 
}
#tblRevenue tbody tr td{
    border: 1px solid #fff 
}
#tblRevenue tbody tr td .pic16-fillarrow-right{
    position: relative;
    top: -5px 
}
#tblRevenue h2{
    font-size: 14px;
    margin: 0 5px;
    line-height: 2.4 
}
#divMain>div>div table tbody tr:first-child td:first-child{
    width: 195px !important 
}
#divMain>div>div table tbody tr td>ul li{
    padding: 5px 0 
}
.tgl-widget-content{
    padding: 1px;
    float: left;
    width: 100% 
}
.new-address-validator-pos{
    float: left;
    width: 100%;
    margin-bottom: -52px 
}
.pageheader{
    margin-top: 10px;
    display: block 
}
.pageheader h1{
    font-size: 36px 
}
.groupbox{
    border: 1px solid #ddd;
    border-radius: 3px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 15px 
}
.advanced-filter{
    left: 0;
    float: left;
    padding-left: 50px 
}
.advanced-filter .tab-content{
    height: 360px !important 
}
.thick-border-bottom{
    border-bottom: 3px solid #ddd;
    padding: 5px 
}
.auto-width,.sc-ftbanners{
    width: auto !important 
}
.dialogbox-topline{
    margin: 0 -10px 
}
.customer-demand .dialogbox-content{
    padding: 10px 8px 0;
    overflow: initial 
}
.dialogbox-bottomline{
    margin: 10px -10px 
}
#tblBudgetControlList tr td,#tblCustomerDemandList tr td,#tblProjectJobList tr td,#tblPurchaseDeskList tr td,.tbl tbody td{
    padding: 4px;
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1 
}
.dialogbox #g1010 .tbl tbody tr td:nth-child(7){
    min-width: 400px;
    width: 400px 
}
#divProcessItems,.divleftpan>div,.geo-tbl tr,.job-tbl-content,.jsched-slid-1,.post-item-wrapper,.tblgridbase,.tblgridbase .tblcontent,.width-100{
    width: 100%;
    float: left 
}
.tblgridbase{
    min-width: 100% !important;
    max-height: none !important 
}
#headerTableDiv .tblgridbase .tblcontent{
    max-height: none;
    height: inherit !important 
}
.tblgrid{
    width: 99.5% !important 
}
.grid-filter{
    padding: 10px 0 5px 10px 
}
.tblgridbase .tblgridbase-inner{
    height: 30px;
    float: left;
    width: 100% 
}
.dialogbox #divDocList .tblgridbase .tblcontent{
    height: 260px !important 
}
.dialogbox #divAddress table tr td textarea{
    height: 70px !important;
    resize: none 
}
#divJournal>div>div,#divTabsDiv,#tabUnitList,.LK-Item-Wrap,.doc-detail-alt-padding-fix,.doc-detail-alt-padding-fix-wf,.job-item-description,.job-list li,.job-list>li>a,.tbl-notification-div table#trheaders,div#divPwComplex div{
    float: left;
    width: 100% 
}
#divJournal>div>div:last-child{
    margin-top: 35px 
}
.tag-tbl table tr:first-child{
    padding: 5px;
    border-bottom: 4px solid #888 
}
.case-grid tr td,.my-dashboard-sub-div .gridContainer>div>div>div>div,.tag-tbl table tr,.tblnotecontent tr{
    border-bottom: 1px dashed #ccc 
}
.tag-tbl table tr:last-child{
    border-bottom: 0 dashed #ccc 
}
.tag-tbl table tbody td{
    overflow: hidden;
    border-bottom: 1px solid #eaeaea !important;
    padding: 4px;
    font-size: 12px 
}
.ftbase table td{
    line-height: 18px;
    min-height: 28px 
}
.calendars-ctrl,.calendars-month-header,.calendars-nav,.divlookuptext:not([class*=has-]):after{
    background: #2196f3 
}
#divProdcutBase table tbody tr td .pic16-product-tree{
    position: absolute;
    right: 15px !important 
}
.requiredfield{
    color: #c00;
    float: none;
    position: absolute;
    right: 1px;
    top: 8px 
}
.form-group .requiredfield{
    right: auto;
    left: -4px;
    top: -5px 
}
.Revenue-tbl tbody tr:last-child td{
    border-bottom: 0 solid #eee !important 
}
.Revenue-tbl tbody tr.seperator-line{
    border-bottom: 2px solid #999 !important 
}
.Revenue-tbl tbody tr td:first-child label{
    font-size: 13px;
    font-weight: 600 
}
.Revenue-tbl tbody tr td:first-child{
    border-right: 1px solid #eee !important 
}
.Revenue-tbl tbody tr:first-child td:first-child{
    border-right: 0 solid #eee !important 
}
.Revenue-tbl tr{
    background: 0 0 
}
tr.tbl-rev-header-row{
    border-bottom: 2px solid #777 
}
.Revenue-tbl tbody td label{
    font-size: 12px;
    padding: 5px 0 
}
.Revenue-tbl tbody td label.heading-label{
    font-size: 14px;
    font-weight: 600 
}
.dialogbox{
    display: none;
    position: absolute !important;
    background-color: #fff;
    padding: 10px;
    border-width: 0;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .7);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .7);
    border-radius: 3px 
}
.dialogbox-header{
    top: 0;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 10px;
    display: block;
    height: auto 
}
.dialogbox-content{
    overflow: auto;
    float: left;
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    padding: 0 15px 
}
.dialogbox-buttonarea{
    float: right;
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    border-radius: 2px;
    text-align: right 
}
.dialogbox-buttonarea .button{
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500 
}
#divSNewProcess{
    margin-top: 5px !important;
    width: 825px;
    border: 1px solid #ccc;
    height: 94% !important;
    margin: auto;
    overflow: hidden 
}
#divSProcessSummaryCont{
    height: 325px !important 
}
.margin-right-30{
    margin-right: 30px 
}
.task-list-sidebar{
    padding: 0 0 0 10px !important 
}
.task-list-sidebar .tiles{
    margin: 10px;
    width: 128px;
    height: 128px !important;
    -webkit-box-shadow: inset 10px 0 187px -34px rgba(93, 28, 115, .5);
    -moz-box-shadow: inset 10px 0 187px -34px rgba(93, 28, 115, .5);
    box-shadow: inset 10px 0 187px -34px rgba(93, 28, 115, .5) 
}
.task-list-sidebar .tiles-header-st{
    font-weight: 600;
    width: 100%;
    height: 90px;
    font-size: 15px 
}
.task-list-sidebar .tiles-detail-sc{
    font-size: 44px;
    padding: 0 10px 5px;
    position: relative;
    width: 100%;
    text-align: right;
    height: 35px 
}
.canvas-container .table tbody tr td,.kpi-mod-div,.ra,.shipmentcosting tr:first-child td:first-child,.shipmentcosting tr:first-child td:nth-child(2),.validator{
    text-align: left 
}
.task-list-sidebar .tiles-count{
    position: relative;
    float: right;
    width: 100%;
    height: 35px;
    bottom: 0 
}
a.selected-tile{
    webkit-box-shadow: inset 11px 29px 300px 52px rgba(255, 242, 255, 0.56) !important;
    -moz-box-shadow: inset 11px 29px 300px 52px rgba(255, 242, 255, .56) !important;
    box-shadow: inset 11px 29px 300px 52px rgba(255, 255, 255, .56) !important;
    border: 2px solid rgba(51, 51, 51, 0) 
}
.selected-tile:before{
    font-weight: 400;
    display: inline-block;
    content: "\f00c";
    font-size: 400%;
    position: absolute;
    color: rgba(23, 23, 23, .36);
    z-index: 1;
    top: 55px;
    left: 30px 
}
.forgotlink,.left-sect,.mailsearch-container,.task-cat-div,.tbl-notification-div,div.error{
    padding: 10px 
}
.padding-top-15{
    padding-top: 15px 
}
.padding-top-35,.padding-top-45{
    padding-top: 45px !important 
}
.padding-top-25{
    padding-top: 25px !important 
}
.padding-0,.proc-counter .counter{
    padding: 0 !important 
}
.padding-top-15-side-0{
    padding-top: 15px 0 
}
.padding-20{
    padding: 20px !important 
}
.margin-0,.printBtnClass i{
    margin: 0 !important 
}
#lbldocstatus,.margin-sides-15,.vestadashboard-Page #lblbinUtilWarehouseName{
    margin-left: 15px 
}
.margin-sides-15{
    margin-right: 15px 
}
.margin-top-0,.ui-customizer-content{
    margin-top: 0 !important 
}
.padding-top-60{
    padding-top: 70px !important 
}
#divActionHistory,.frm-template-activity-div,.margin-top-15{
    margin-top: 15px 
}
.margin-top-20{
    margin-top: 20px 
}
.cf-content .form-group,.margin-bottom-15{
    margin-bottom: 15px 
}
.begin-selected-tile{
    width: 120px !important;
    height: 120px !important 
}
.tiles-small label{
    color: #fff !important;
    padding-right: 10px !important;
    padding-top: 33px !important 
}
label{
    color: #666;
    line-height: 1;
    font-weight: 400 
}
label#lblTemplateFormHeader{
    font-size: 20px;
    max-width: 50% 
}
.ftbanners{
    height: 59px !important;
    padding: 5px !important 
}
.ftbanners h1{
    width: 100%;
    overflow: hidden 
}
.validator{
    margin: 5px auto;
    position: fixed;
    word-wrap: break-word;
    z-index: 7000;
    top: 120px;
    right: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    padding: 25px 15px 25px 60px;
    border-radius: 0;
    border: 4px solid rgba(51, 51, 51, .15);
    opacity: 0 
}
.valmassege-back{
    background: rgba(0, 0, 0, .4);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 5995 
}
.transparent-div{
    background: rgba(0, 0, 0, 0) 
}
.dialogbox-content .valmassege-back{
    left: 0;
    background: rgba(0, 0, 0, .4) 
}
.message-visible:before,.state-error:before,.state-success:before{
    left: 10px;
    font-size: 300%;
    font-weight: 400;
    position: absolute 
}
@media (min-width:768px){
    .splitbtncontent{
        left: auto !important;
        top: 40px !important;
        right: 0 !important;
        width: 325px !important;
        max-height: 400px;
        overflow: auto 
    }
    .searchbar .splitbtncontent{
        right: 18px !important;
        top: 70px !important 
    }
    .grid-filter-div .splitbtncontent{
        right: 20px !important 
    }
    .searchbar .button{
        position: absolute;
        right: 18px;
        top: 47px 
    }
    .groupbox .splitbtncontent{
        left: auto !important;
        top: 35px !important;
        position: absolute !important;
        z-index: 3000 !important 
    }
    .validator{
        width: 22%;
        right: 39% 
    }
    .dialogbox .validator{
        width: 25%;
        z-index: 6000;
        right: 37% 
    }
    .pop-up-container{
        height: 400px;
        width: 320px 
    }
    .inner-container{
        height: 340px 
    }
}
.state-success{
    top: 73px;
    border: 0 solid #15a300;
    background-color: rgba(18, 125, 11, .83);
    color: #fff;
    opacity: 1 
}
.message-visible,.state-error{
    border: 0 solid #ff6262;
    color: #fff;
    opacity: 1 
}
.state-success:before{
    top: 13px;
    content: "\f00c" 
}
.state-error{
    background-color: rgba(245, 113, 86, .84);
    top: 73px 
}
.state-error:before{
    top: 25px;
    content: "\f071" 
}
.message-visible{
    top: 73px;
    display: block !important 
}
.message-visible:before{
    top: 25px 
}
.validator a.close{
    position: absolute;
    right: 10px;
    top: 5px;
    color: #fff;
    opacity: 1;
    text-shadow: 0 0 0 #fff;
    font-size: 15px 
}
.baloon .state-error:before{
    font-size: 0 
}
.state-info{
    border: 0 solid #1877ff;
    background-color: rgba(8, 68, 154, .76);
    color: #fff;
    opacity: 1;
    padding: 25px 30px 20px 
}
.state-info:before{
    font-weight: 400;
    position: absolute;
    left: 15px;
    top: 15px;
    content: "\f0eb";
    font-size: 300% 
}
#divHeader{
    padding: 10px 20px 0 !important;
    position: fixed;
    top: 57px;
    background: #fff;
    z-index: 100 !important;
    width: 100% 
}
#BookNo td:first-child{
    width: 110px !important 
}
.form-table td,.tbc td{
    vertical-align: top;
    padding: 1px 7px 1px 0;
    overflow: visible;
    line-height: 17px;
    height: 28px 
}
#trBudgetControlListjobheader tr td,#trCustomerDemandListjobheader tr td,#trProjectJobdListjobheader tr td,#trPurchaseDeskListjobheader tr td,.table>thead>tr>th,.tbl thead th,.tblgrid thead th{
    font-size: 14px;
    text-transform: capitalize;
    color: #8a8a8a;
    padding: 3px;
    font-weight: 500;
    border-bottom: 2px solid #ccc 
}
.popup-header label,.span-directive label,span.heading,span.heading label{
    text-transform: uppercase 
}
#container .table th,.date-div,.gray-table-font-fix tr:nth-child(2){
    border-bottom: 2px solid #ccc 
}
.gridarea,ul.job-list i{
    padding-right: 10px 
}
#tblWidTopTwn tr td>div,.ellipse-fix,.fileUpload,.jsched-main,.node-cont-h,.processitem>label,.rc,.re,.sp-processitem,.truncate,div#divCATPopupAGeneral,h1#lnkTeplateStatus{
    overflow: hidden 
}
.ra,.re{
    width: 250px 
}
.jqx-reset-arctic .jqx-grid-column-header,.table>thead>tr>th:last-child{
    border-right: 0 solid #ccc 
}
.table>tbody td,.table>tbody td:last-child{
    border-right: 0 solid #ecebeb 
}
.tblgridbase-inner{
    background-color: #fff;
    color: #e8e8e8;
    height: 30px 
}
.tblgridbase .tblcontent::-webkit-scrollbar-track{
    background-color: #eaeaea;
    border-left: 1px solid #ccc 
}
.tblgridbase .tblcontent::-webkit-scrollbar-thumb{
    background-color: #ccc 
}
.tblgridbase .tblcontent::-webkit-scrollbar-thumb:hover{
    background-color: #aaa 
}
#meu-reportPeriod2 .dateperiod .periods,#meu-reportPeriod_Np2 .dateperiod .periods,#tblQuarantine .jqx-widget-content .jqx-grid-validation,.rb,.slimScrollRail-add-more{
    display: none !important 
}
.rc{
    padding-right: 17px;
    background-color: #fff;
    border: 1px solid #ccc 
}
.rd{
    text-align: right;
    padding-left: 0;
    padding-right: 5px 
}
.re{
    display: inline-block;
    line-height: 20px 
}
@media (min-width:992px){
    .padding-lg-left-0{
        padding-left: 0 
    }
    .padding-lg-right-0{
        padding-right: 0 
    }
}
.form-horizontal input[type=email],.form-horizontal input[type=password],.form-horizontal input[type=text],.form-horizontal input[type=time],.form-horizontal select{
    width: 100%;
    height: 26px;
    border-radius: 0;
    font-size: 12px;
    padding: 3px 5px 
}
.form-control:hover{
    border: 1px solid #9f9f9f !important 
}
.form-horizontal textarea{
    width: 100%;
    border-radius: 0;
    resize: none;
    webkit-box-shadow: inset 0 1px 1px transparent;
    box-shadow: inset 0 1px 1px transparent;
    font-size: 12px;
    padding: 3px;
    white-space: normal 
}
#divNav #divNavM #divNavSlider,.form-horizontal .control-label{
    padding-top: 0 
}
.divlookuptext .pic16-plus,.jqx-grid-content .pic16,.view-intenal-pic-align{
    margin-top: 8px 
}
.has-error .form-control{
    border: 1px solid #a94442 !important 
}
.doc-header #homelink{
    float: left;
    width: 150px;
    margin-top: -10px 
}
.bl-level-lbl,.form-group label{
    margin: 0;
    line-height: 2 
}
.form-control{
    border: 0;
    border-bottom: 1px solid #ccc 
}
.doc-header{
    height: 60px;
    background-color: #bbb;
    z-index: 2990;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) 
}
@media (max-width:960px){
    .doc-header{
        height: auto 
    }
    .doc-header .leftcontent{
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        background: #8261a2 
    }
}
.moduleSelected{
    outline: #696969 solid 0 
}
.doc-header .leftcontent{
    padding: 18px 0 0 20px 
}
@media (max-width:480px){
    .leftcontent #homelink img{
        width: 85px 
    }
    .doc-header #homelink{
        width: 85px;
        margin-top: 0 
    }
    .doc-header{
        height: 60px 
    }
    .doc-header-expand{
        height: 133px;
        z-index: 5002 
    }
    .doc-header .leftcontent .right-menu-icon{
        position: absolute;
        right: 14px;
        top: 22px;
        cursor: pointer 
    }
    .right-menu-icon i{
        font-size: 210% 
    }
    .doc-header .rightcontent{
        top: -18px;
        position: absolute;
        width: 100%;
        z-index: -1;
        padding: 12px 0 0 
    }
    .doc-header .rightmenu-slide-down{
        top: 60px 
    }
}
@media (min-width:481px){
    .doc-header .leftcontent .right-menu-icon{
        display: none 
    }
    .doc-header .rightcontent{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1) 
    }
}
@media (max-width:960px) and (min-width:480px){
    .doc-header .rightcontent{
        float: right;
        width: 100%;
        padding-left: 50px 
    }
}
.rightcontent label{
    color: #fff;
    font-weight: 700;
    padding: 20px;
    float: left 
}
@media (min-width:310px) and (max-width:480px){
    .rightcontent p{
        margin: 0 
    }
    .rightcontent label{
        display: none 
    }
}
.menu-icons-right-main{
    width: 50px;
    height: 60px;
    padding: 15px;
    padding-right: 10px;
    margin-top: -19px;
    margin-left: -15px;
    cursor: pointer 
}
.white-back-list,a.list-move-btn{
    background: #fff;
    border: 1px solid #efefef 
}
.menu-icons-right-main img{
    width: 28px 
}
.pic24-arrow-down.pic24-margin-fix{
    margin: -2px 0 0 10px 
}
.main-search-div{
    margin: -2px 0 0 15px;
    background-color: #fff 
}
@media (min-width:310px) and (max-width:632px){
    .main-search-div{
        margin: 0 0 10px;
        display: none 
    }
}
.main-search-div .search-button{
    margin: 7px 10px 0;
    cursor: pointer 
}
@media (max-width:768px){
    .margin-right-30{
        margin-right: 0 
    }
    .dialogbox{
        min-width: 50% !important;
        width: 94% !important;
        left: 0 !important;
        margin: 15px auto;
        position: relative !important;
        top: 20px !important 
    }
    .searchbar,.searchbar .bypage-search,.searchbar select{
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 10px 
    }
    .buttonbar,.page-header-container h2{
        text-align: center 
    }
    .grid-container .searchbar{
        padding: .6em 1.7em;
        margin-top: 2px;
        margin-right: 0;
        margin-left: 0;
        position: relative 
    }
    .tgl-widget-content>div{
        width: 100% !important 
    }
    .buttonbar{
        height: auto;
        width: auto;
        display: block;
        float: none 
    }
    .buttonbar a.button{
        padding: .2em 
    }
}
@media (min-width:900px){
    .bypage-search{
        width: 200px !important 
    }
}
@media (max-width:899px){
    .bypage-search{
        width: 95px !important 
    }
}
ul.swap-list{
    list-style-type: none;
    margin: 0;
    padding: 0 10px 
}
input.cmn-toggle-round:checked+label:after,span.heading{
    margin-left: 60px 
}
ul.swap-list li{
    padding: 3px;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    margin: 2px;
    cursor: pointer;
    left: 8px 
}
ul.swap-list li::before{
    font-weight: 400;
    display: inline-block;
    font-size: 130%;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: -18px 
}
ul.swap-list li.left-links::before{
    content: "\f05d";
    color: #64b739 
}
ul.swap-list li.right-links::before{
    content: "\f05c";
    color: #ea7979 
}
.white-back-list{
    padding: 10px 20px;
    margin-top: 20px 
}
a.list-move-btn{
    position: absolute;
    top: -14px;
    left: -6px;
    padding: 3px 
}
span.heading{
    padding: 14px 20px;
    background-color: #333;
    -webkit-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.5, 0);
    -webkit-transition-property: all;
    -webkit-transition-duration: .5s;
    -webkit-timing-function: cubic-bezier(0, 0, 0.5, 0);
    width: 460px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 1000;
    overflow-y: auto 
}
span.heading label{
    font-size: 20px;
    color: #fff;
    font-weight: 300 
}
.inner-container::-webkit-scrollbar{
    width: 7px 
}
.inner-container::-webkit-scrollbar-track{
    background-color: rgba(0, 0, 0, .3);
    border-left: 0 solid #ccc 
}
.inner-container::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 0, .54) 
}
.inner-container::-webkit-scrollbar-thumb:hover{
    background-color: rgba(0, 0, 0, .65) 
}
.inner-container::-moz-scrollbar{
    width: 7px 
}
.inner-container::-moz-scrollbar-track{
    background-color: rgba(0, 0, 0, .3);
    border-left: 0 solid #ccc 
}
.inner-container::-moz-scrollbar-thumb{
    background-color: rgba(0, 0, 0, .54) 
}
.inner-container::-moz-scrollbar-thumb:hover{
    background-color: rgba(0, 0, 0, .65) 
}
.fileUpload{
    position: relative;
    float: left 
}
.fileUpload input.upload{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0 
}
.btn-execute,.btn-goto,.btn-run,.btn-warning{
    font-family: "Open Sans", sans-serif;
    border: none;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600 
}
.btn-goto,.btn-run{
    background-color: #659fce 
}
.btn-execute{
    background-color: #69bb5e 
}
.btn-execute:hover{
    background-color: #4a9a3f;
    cursor: pointer 
}
.btn-warning{
    background-color: #f77847 
}
.btn-warning:hover{
    background-color: #f7b947;
    cursor: pointer 
}
.btn-goto:hover,.btn-run:hover{
    background-color: #658aa9;
    cursor: pointer 
}
.btn-execute:disabled,.btn-goto:disabled,.btn-run:disabled{
    background-color: #ccc;
    padding: 2px 5px 
}
.btn-execute:disabled:hover,.btn-goto:disabled:hover,.btn-run:disabled:hover{
    background-color: #ccc;
    cursor: default 
}
.close-btn{
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 3000 
}
.pop-up-container,.popup-footer{
    background-color: #fff;
    bottom: 0 
}
.pop-up-container{
    position: fixed;
    right: 100px;
    padding: 0;
    color: #333;
    z-index: 201;
    margin-right: 0;
    border-radius: 3px 
}
.inner-container{
    margin-top: 0;
    width: 100%;
    position: absolute;
    top: 35px 
}
.popup-footer{
    width: 317px;
    position: absolute;
    left: 0;
    height: 30px;
    padding: 4px 10px 5px;
    border-top: 1px solid #eee;
    z-index: 3000 
}
.popup-footer a{
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    float: right;
    padding: 5px 0;
    color: #8e8e8e 
}
.costcontent,ul.job-list,ul.sched-tmplate,ul.settings-list,ul.ul-sub-templates,ul.white-menu{
    padding: 0;
    list-style: none 
}
.main-template-container,.sub-item-container,.sub-template-container{
    width: 100%;
    float: left;
    height: 100%;
    position: absolute;
    top: 1px;
    background: #fff 
}
ul.sched-tmplate li a{
    color: #888;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 15px;
    width: 100%;
    float: left 
}
ul.sched-tmplate li a:hover{
    background: #eee;
    text-decoration: none 
}
ul.sched-tmplate li a i{
    background: #67bbf9;
    padding: 12px;
    margin-right: 10px;
    border-radius: 90px;
    font-size: 140%;
    color: #fff 
}
.maintemplabel{
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #19a7d4 
}
ul.ul-sub-templates{
    float: left;
    margin-top: 10px 
}
.ul-sub-templates li{
    float: left;
    width: 83% 
}
label.templateName{
    padding: 5px 10px;
    color: #757575 
}
label.templateName i{
    font-size: 115% 
}
.templateName a{
    padding: 10px;
    font-size: 13px;
    color: #8a8a8a 
}
.sched-temp-itmem-main{
    padding: 0 0 10px 25px 
}
ul.ul-sub-templates .btn-run{
    position: absolute;
    right: 15px 
}
.templateName span{
    font-weight: 700;
    font-size: 14px 
}
.popup-header{
    position: absolute;
    width: 100%;
    top: 0;
    text-align: center;
    padding: 10px 0 5px;
    left: 0 
}
.popup-header label{
    font-size: 15px 
}
.progress-div{
    width: 213px;
    float: left;
    display: block;
    padding: 0 10px;
    height: 14px 
}
.progress-div .progessbar-groove{
    width: 205px;
    float: left;
    position: relative;
    display: block;
    height: 5px;
    overflow: hidden;
    background-color: #a7caff;
    margin: 8.75px 0 
}
.last-update-date-div{
    display: block;
    float: right;
    padding: 5px;
    width: 100%;
    background-color: #edeeef;
    border-top: 1px solid #e6e6e6 
}
.lbl-complete-date,label.lbl-complete{
    color: #333;
    font-size: 11px;
    float: right 
}
.page-lay-out{
    float: left;
    width: 100% !important;
    display: block;
    padding: 0 20px 
}
.page-lay-out .task-item-div{
    width: 100%;
    margin: 0;
    border: none;
    padding-top: 10px;
    float: left 
}
.page-lay-out .due-date-div{
    height: 30px;
    width: 100%;
    background-color: #fff 
}
.page-lay-out .task-name-div{
    background-color: #fff;
    width: 100% 
}
.page-lay-out .task-name-div .div-name{
    padding: 5px 0;
    width: 100% 
}
.page-lay-out .progress-div{
    width: 400px;
    padding: 0 10px;
    height: 14px 
}
.page-lay-out .progress-div .progessbar-groove{
    width: 380px 
}
.page-lay-out .progessbar-groove .progress-bar-stripe{
    width: 380px;
    left: -375px 
}
.page-lay-out .task-name-div .button-div{
    width: 100%;
    text-align: left;
    margin: 5px 
}
.page-lay-out .last-update-date-div{
    width: 200px;
    background-color: #fff;
    position: absolute;
    right: 10px;
    top: 35px 
}
.job-list>li>a{
    padding: 5px 0;
    color: #6386ae;
    font-weight: 700;
    font-size: 12px;
    border-bottom: 3px solid #eee 
}
.job-list-second-level,job-list-third-level{
    list-style: none;
    float: left;
    position: relative;
    width: 100% 
}
ul.job-list-second-level{
    padding: 0 0 0 15px;
    z-index: 1;
    top: -15px 
}
.btn-run-all{
    float: right;
    margin-left: 10px 
}
ul.job-list-second-level>li>button{
    top: 0;
    right: 0 
}
ul.job-list-second-level>li>a{
    color: #333;
    font-weight: 500;
    font-size: 14px 
}
ul.job-list-third-level{
    padding: 0 0 5px 20px 
}
.job-list li{
    min-height: 30px;
    position: relative 
}
.rma-slide-2-in,ul.job-list-third-level li button{
    right: 0 
}
.job-sched-check{
    position: absolute;
    top: 37px;
    left: -17px 
}
.job-sched-check input[type=checkbox]{
    margin: 1px 7px 0 -4px 
}
li.li-no-record{
    position: absolute;
    top: 25px;
    left: 5px;
    font-weight: 700;
    font-size: 13px;
    color: #da6d6d 
}
.task-due-date-due{
    position: relative;
    padding: 0;
    width: 100%;
    float: left 
}
.task-due-date-due-inner{
    padding: 5px;
    background: rgba(170, 225, 243, 0);
    border-bottom: 3px solid rgba(51, 51, 51, .05);
    margin-bottom: 7px;
    float: left;
    width: 100%;
    margin-top: 15px 
}
.task-name-div .div-name label{
    font-size: 15px;
    color: #334771;
    font-weight: 600 
}
.task-due-date-due-inner label{
    margin: 0 10px 0 0;
    font-size: 14px !important;
    color: #e4a415 !important 
}
.job-sched-select-all{
    top: 77px;
    left: -1px;
    z-index: 100;
    position: absolute 
}
.job-sched-select-all label{
    color: #3b8bb1 !important;
    font-weight: 700 !important;
    font-size: 13px !important 
}
.btn-history{
    background: #3e791b;
    top: -3px;
    right: 0;
    position: absolute;
    z-index: 10 
}
ul.job-list-third-level>li>table>tbody td{
    border: 1px solid #eee;
    padding: 7px 
}
ul.job-list-third-level>li>table>thead th{
    border: 1px solid #eee;
    padding: 7px;
    text-transform: uppercase 
}
ul.job-list-third-level>li>table{
    margin: 60px -15px -20px 0;
    width: 100% 
}
.jsched-main{
    float: left;
    width: 100%;
    position: relative;
    height: 100% 
}
.jsched-slid-1,.jsched-slid-2{
    overflow: auto;
    max-height: 200px 
}
.jsched-slid-2{
    position: absolute;
    width: 97%;
    height: 100%;
    top: 0;
    z-index: 10;
    right: -575px;
    opacity: 0;
    padding: 15px 
}
.jsched-slid-2-in{
    right: 0;
    background: #fff;
    width: 100%;
    opacity: 1 
}
.jsched-back i{
    font-size: 160% !important 
}
@media (max-width:768px) and (min-width:400px){
    .pop-up-container{
        margin-top: 20px;
        width: 320px;
        height: 400px 
    }
    .inner-container{
        height: 340px;
        width: 322px 
    }
}
.search-input{
    border-top: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    border-left: 1px solid #eee !important;
    border-radius: 45px !important 
}
.search-container{
    position: relative;
    margin-left: 0;
    float: left;
    width: 80%;
    padding: 8px 20px 
}
.search-container .btn-group{
    position: absolute;
    right: 65px;
    top: 5px 
}
.search-container .serial-slide-in{
    position: absolute;
    right: 10px;
    top: 5px 
}
.search-container i.fa-search{
    font-size: 130%;
    color: #888 
}
.search-container .form-control{
    height: 33px !important 
}
.refresh-btn-capsule .refresh-btn{
    position: absolute;
    top: 0;
    right: 14px 
}
.refresh-btn-capsule .left-panel-refresh{
    top: 15px 
}
.search-container-left-panel{
    padding: 15px 55px 15px 5px 
}
.refresh-btn-capsule-left-panel{
    background: #fbfbfb;
    border-bottom: 1px solid #ddd 
}
.search-container-left-panel .btn-group{
    padding-right: 0;
    top: 20px 
}
.search-container .btn-group>.side-btn-txtbox{
    background-color: #fff;
    border: 0 solid #ccc;
    border-left: none;
    height: 30px;
    line-height: 20px;
    position: relative;
    top: 2px;
    padding: 6px 
}
.jobsched{
    margin-left: -29px;
    top: -2px 
}
.btn-group>.side-btn{
    height: 23px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-left: none 
}
.jobsched>.side-btn{
    height: 23px;
    background: 0 0;
    border: 0 solid #ccc;
    outline: 0 
}
#divConfigurations tbody tr td span,.sched-job-search{
    width: 300px !important 
}
.doc-detail-padding-fix{
    padding: 75px 0 0 
}
.dashboard-doc-detail-padding-fix{
    padding: 55px 0 0 
}
.config-doc-detail-padding-fix{
    padding: 60px 20px 0 
}
@media (max-width:960px) and (min-width:769px){
    .dashboard-doc-detail-padding-fix{
        padding: 85px 0 0 
    }
}
@media (max-width:768px) and (min-width:481px){
    .dashboard-doc-detail-padding-fix{
        padding: 115px 0 0 
    }
}
.doc-detail-alt-padding-fix{
    padding: 110px 20px 0 
}
.doc-detail-alt-padding-fix-wf{
    padding: 107px 20px 0 
}
.dashboardv2-pageheader,.page-header-container{
    margin-left: -50px;
    padding-left: 70px 
}
.page-header-container{
    width: 100%;
    padding: 5px 20px;
    float: left;
    display: block;
    position: fixed;
    z-index: 2989;
    top: 60px;
    background-color: #fff;
    border-bottom: 1px solid #eee 
}
.g1-masters-pheader{
    padding: 5px 10px 10px 70px;
    background: #fff;
    width: 100% !important 
}
.dashboardv2-pageheader h1.dash-head-report-det,.dashboardv2-pageheader h1.dash-head-report-template{
    font-size: 25px;
    font-weight: 300 
}
.dashboardv2-pageheader h1.dash-head-report-template span.action-item i{
    left: -3px;
    font-size: 126%;
    top: 0 
}
.dashboardv2-pageheader h1.dash-head-report-det span.action-item i{
    left: 7px;
    font-size: 126%;
    top: 7px 
}
.dashboardv2-pageheader h1.dash-head-report-det span.report-item-action,.dashboardv2-pageheader h1.dash-head-report-template span.report-item-action{
    top: 5px 
}
.page-header-container-rel{
    position: relative;
    z-index: 199;
    top: 0 
}
.password-policy-fix{
    padding: 12px 20px 
}
.doc-header .page-header{
    height: 53px;
    margin-top: 60px;
    padding: 10px 20px 0 70px 
}
.tab-container{
    padding: 0 20px;
    float: left;
    background: #fff;
    border-bottom: 3px solid #ccc;
    position: relative;
    z-index: 198 
}
.tab-container,.tab-container-inner{
    width: 100%;
    display: block 
}
.tab-panel-sect{
    padding: 8px 20px;
    display: inline-block;
    margin: 0;
    position: relative 
}
.err-indicator{
    border: 3px solid #fff;
    padding: 0 5px;
    position: absolute;
    top: 0;
    background: #df2227;
    border-top: 0;
    border-right: 0;
    right: 0;
    border-radius: 0 0 0 6px;
    color: #fff 
}
.tab-panel-sect:hover{
    background-color: #efefef 
}
.tab-panel-sect.active-tab{
    background-color: #ddd;
    color: #fff 
}
.tab-panel-sect a{
    font-size: 14px;
    text-decoration: none;
    color: #7c84a0;
    font-weight: 600 
}
.panel-title a:hover,.tab-panel-sect a:hover{
    text-decoration: none;
    color: #333 
}
.arrow-up,.arrow-up-line{
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid #fff;
    position: absolute;
    left: 0 
}
.arrow-up{
    bottom: -24px;
    z-index: 1 
}
.arrow-up-line{
    bottom: -23px 
}
.page-header-container h2{
    font-size: 20px;
    margin: 0;
    font-weight: 400 
}
.ft-doc-info{
    position: absolute;
    top: 33px;
    z-index: 11;
    width: 100%;
    left: 15px;
    background: #fff 
}
.g1-masters-pheader h2{
    font-size: 20px 
}
.error-pop-head,.g1-masters-pheader h2 a,.journey-doc{
    font-weight: 400 
}
.indicator-label-div{
    float: left;
    padding: 0 0 0 5px;
    border: 1px solid #ccc;
    background: #eee;
    color: #333;
    width: auto;
    border-right: 0;
    line-height: 17px;
    min-width: 60px;
    margin-left: 35px 
}
.main-indicatrs-inner-section{
    padding: 5px 20px 0 
}
.new-template-content{
    margin-top: 115px !important;
    z-index: 5;
    margin-left: 0;
    margin-right: 0 
}
.masters-new-template-content{
    margin-top: 10px !important;
    z-index: 5;
    margin-left: 0;
    margin-right: 0 
}
.transaction-template2,.transaction-templatet{
    margin-top: 100px !important;
    z-index: 5;
    margin-left: 0;
    margin-right: 0 
}
.top-sect-content .is-calendarsPicker,.top-sect-content select{
    height: 14px;
    max-width: 100px !important;
    float: left;
    padding: 0 
}
.wrapper-form-template-div{
    position: fixed;
    top: 139px;
    z-index: 2000;
    width: 100%;
    background: #fff;
    margin-left: -50px;
    padding-left: 50px 
}
.top-sect-content-main{
    float: left;
    padding: 0 20px 
}
.top-sect-content{
    float: left;
    margin-right: 10px;
    padding: 2px;
    width: 241px 
}
.left-sect-inner,.textviewarea{
    -ms-word-break: break-all;
    word-wrap: break-word 
}
#lblTemplateFormHeader{
    white-space: nowrap;
    overflow: hidden;
    line-height: 27px;
    margin-bottom: -5px 
}
.doc-detail .masters-new-template-content{
    padding-top: 110px 
}
@media (max-width:992px){
    .page-header-container h2{
        font-size: 17px 
    }
}
@media (max-width:960px) and (min-width:768px){
    .wrapper-form-template-div{
        top: 160px 
    }
    .masters-new-template-content,.new-template-content{
        margin-top: 140px !important 
    }
    .mat-page-header-container{
        top: 120px 
    }
}
@media (max-width:767px) and (min-width:480px){
    .g1-masters-pheader{
        top: 60px !important;
        z-index: 12 
    }
    .doc-detail-with-message .g1-masters-pheader{
        top: 0;
        z-index: 12 
    }
    .new-template-content{
        margin-top: 12px !important;
        z-index: auto !important 
    }
    .wrapper-form-template-div{
        position: relative;
        top: -15px;
        z-index: 198;
        padding-top: 15px;
        margin-left: 0 !important;
        padding-left: 0 !important 
    }
}
.page-header-container.filter-bar-thin{
    padding: 10px 20px;
    background-color: #fff;
    margin-bottom: 15px;
    float: left;
    width: 100% 
}
#divSGHeaders{
    height: 50px;
    position: fixed;
    width: 100%;
    padding: 15px 20px;
    z-index: 1;
    background-color: #fff 
}
@media (min-width:961px){
    .page-header-container.filter-bar-thin{
        top: 108px 
    }
}
.page-header-container.filter-bar-thin label{
    line-height: 2 
}
.page-header-container a{
    text-decoration: none;
    color: #05a7ff;
    margin-top: -4px;
    padding: .5em 1em 
}
.page-header-container-grid-page-fix-2 a{
    position: relative;
    top: -4px 
}
.page-header-container a:hover{
    text-decoration: none;
    color: #3b1daf 
}
@media (max-width:960px){
    .tab-panel-sect{
        min-width: 25%;
        border-bottom: 1px solid #eee 
    }
    .page-header-container{
        position: relative;
        top: 104px 
    }
    .side-content{
        position: relative;
        width: 100% 
    }
    .tag-tbl{
        overflow-x: auto !important 
    }
}
@media (max-width:767px) and (min-width:481px){
    .page-header-container{
        position: relative;
        top: 15px;
        margin-bottom: 15px;
        margin-left: 0 !important;
        padding-left: 10px !important 
    }
    .dashboardv2-pageheader{
        top: 15px;
        z-index: 2900 
    }
    .data-migrator-header{
        top: 61px 
    }
    .data-migrator-content{
        padding-top: 120px 
    }
    .page-header-top{
        top: 81px 
    }
    .uompageheader{
        top: 121px;
        position: fixed 
    }
    .group-box-right{
        width: 100% !important 
    }
    .groupbox-md-padding{
        padding-top: 80px;
        border: 0 
    }
}
@media (min-width:769px) and (max-width:960px){
    .page-header-container.filter-bar-thin{
        top: 104px;
        padding: 10px 20px 
    }
    .groupbox-md-padding{
        padding-top: 61px 
    }
}
@media (min-width:598px) and (max-width:768px){
    .page-header-container-grid-page-fix{
        position: relative;
        top: -15px;
        width: 107.3% 
    }
    .dv2-btn-wrapper,.dv2-dash-name{
        width: 100%;
        text-align: center 
    }
    .page-header-container{
        margin-left: 0 !important;
        padding-left: 0 !important 
    }
    .page-header-container-grid-page-fix{
        margin-left: -70px !important;
        padding-left: 0 !important 
    }
    .gridpage-doc-detail{
        padding: 170px 15px 0 70px !important 
    }
}
@media (max-width:597px){
    .page-header-container-grid-page-fix{
        position: relative;
        top: 25px;
        width: 110% 
    }
    .page-header-container{
        margin-left: 0 !important;
        padding-left: 0 !important 
    }
}
.stat-data-container label{
    line-height: 22px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0 
}
.ft-g1-left-section{
    padding-top: 5px;
    display: block;
    padding-bottom: 5px;
    overflow: hidden;
    min-height: 25px 
}
.masters-form .span-variable label,.report-wrap-div,.value-div{
    padding: 0 5px 
}
.masters-form .ft-g1-left-section{
    height: 0 
}
.stat-data-container a{
    color: #2a9cef;
    text-decoration: none;
    font-weight: 600;
    max-width: 100px !important;
    white-space: nowrap;
    overflow: hidden;
    float: left 
}
.value-div{
    float: left;
    border: 1px solid #ccc;
    background: #fff;
    margin-right: 10px;
    min-width: 65px;
    min-height: 22px 
}
.ft-indicator-wrapper-div .section{
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    float: left 
}
.ft-indicator-wrapper-div .section:last-child{
    margin-right: 5px 
}
.ft-indicator-wrapper-div label{
    font-size: 12px;
    padding: 0;
    color: #333 
}
.span-directive label{
    font-weight: 700;
    padding: 0 
}
.top-section-label-div{
    float: left;
    margin-right: 10px;
    min-width: 43% 
}
span.span-directive{
    padding: 0;
    float: left 
}
span.span-variable{
    padding: 0;
    float: left;
    width: 100%;
    background: #fff 
}
.other-tabs{
    float: right;
    height: 30px 
}
#lnkTeplateStatus .pic16-select-arrow{
    margin-top: 2px !important 
}
#lnkTeplateStatus{
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 4px 
}
#bannerTotQty{
    line-height: 12px 
}
.span-variable label{
    padding-top: 4px;
    padding-bottom: 0 
}
@font-face{
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.4.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff?v=4.4.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal 
}
span.span-variable label{
    width: 100%;
    float: left;
    font-size: 12px;
    padding-bottom: 6px 
}
span.span-variable a{
    width: 100%;
    float: left;
    color: #666 
}
span.span-variable a:after{
    font-family: FontAwesome;
    content: "\f0d7";
    color: #333;
    font-weight: 700;
    position: absolute;
    right: 10px 
}
.page-header-container label{
    line-height: 8px 
}
div#headerLabel label{
    float: left;
    line-height: 20px;
    margin-right: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
    padding: 13px 10px 13px 0 
}
div#headerLabel label.dashver2-head{
    margin-left: -20px;
    padding-left: 15px;
    background: #78949c;
    color: #fff 
}
.container-main,.container-main-alt{
    padding: 20px;
    float: left;
    display: block;
    width: 100% 
}
.container-main-alt{
    margin-top: 60px 
}
.param-page-container{
    margin-top: -30px 
}
.grid-with-action .gridarea,.no-filter-section{
    margin-top: 40px 
}
@media (min-width:961px) and (max-width:1199px){
    .container-main-alt{
        margin-top: 60px 
    }
    .no-filter-section{
        margin-top: 57px 
    }
}
@media (min-width:598px) and (max-width:960px){
    .container-main-alt{
        margin-top: 95px 
    }
}
@media (min-width:481px) and (max-width:597px){
    .container-main-alt{
        margin-top: 95px 
    }
}
@media (min-width:300px) and (max-width:480px){
    .container-main-alt{
        margin-top: 107px 
    }
}
.buttonbar{
    padding: 4px 10px;
    height: 1.5em;
    clear: none;
    position: relative 
}
.linkbuttons .button{
    padding: 7px 
}
.content-section .tblgridbase{
    max-height: 100% !important 
}
#divDBPageTwo #divTable,.div-grid-expand .tblcontent{
    max-height: 400px !important 
}
.content-section-tiles-blue{
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    position: relative 
}
.main-contaner-tile{
    width: 370px 
}
.print-div-description{
    float: left;
    width: 100%;
    margin: -30px 0 20px;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fbfbfb 
}
.print-div-description h3{
    margin: 0 0 10px;
    font-weight: 700;
    width: 100%;
    color: #999 
}
@media (min-width:310px) and (max-width:568px){
    #txtGlobalSearch{
        width: 246px 
    }
}
.other-tabs a{
    padding: 10px;
    position: relative;
    top: 10px 
}
.other-tabs i{
    font-size: 130%;
    color: #7c84a2 
}
.content-section-header{
    position: relative;
    float: left;
    width: 100% 
}
.content-section-header h2{
    margin: 0;
    font-weight: 300;
    padding: 10px 15px;
    -webkit-box-shadow: 0 -1px 1px 0 rgba(154, 154, 154, .76);
    -moz-box-shadow: 0 -1px 1px 0 rgba(154, 154, 154, .76);
    box-shadow: 0 -1px 1px 0 rgba(154, 154, 154, .76);
    background-color: #6f37a7;
    border: none;
    color: #fff;
    float: left;
    width: 100% 
}
.content-section h2{
    margin: 0 0 15px;
    font-weight: 300;
    width: 100% 
}
.content-section h3{
    margin: 15px 0;
    font-weight: 700 
}
.content-section h2 label{
    font-size: 18px;
    line-height: 1 
}
.content-section label{
    line-height: 25px 
}
.content-section .footer{
    background-color: #f2f2f2;
    margin-bottom: -15px;
    margin-top: 15px;
    border-top: 1px solid #ccc 
}
.due-span,.over-due{
    float: right;
    padding: 13px 15px;
    margin-top: -22px;
    margin-right: -15px 
}
.over-due{
    background-color: #ff8585;
    margin-left: 15px 
}
.due-span{
    background-color: #889094 
}
.lbl-due,.lbl-overdue{
    color: #fff !important;
    font-weight: 700;
    font-size: 12px !important 
}
label.lbl-days,label.lbl-duedate{
    font-weight: 600;
    font-size: 12px !important 
}
.printout-description-section span.over-due{
    padding: 3px 5px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 15px;
    position: absolute;
    top: 1px;
    right: 92px 
}
.printout-description-section span.due-span{
    padding: 3px 5px;
    margin-top: 1px;
    margin-right: 1px;
    position: absolute;
    top: 0;
    right: 0 
}
.printout-description-section label.lbl-days,.printout-description-section label.lbl-due,.printout-description-section label.lbl-duedate,.printout-description-section label.lbl-overdue{
    font-size: 10px !important;
    color: #fff !important 
}
.accord-in{
    overflow: hidden;
    height: 0;
    border-top: 0 !important 
}
@media (min-width:960px){
    .side-content{
        position: fixed;
        width: 31% 
    }
}
.fixed-side-side-section{
    height: 100%;
    position: fixed;
    left: 50px;
    background-color: #fff;
    width: 342px;
    z-index: 2988;
    padding: 20px;
    top: 108px;
    border-right: 1px solid #ddd 
}
a.side-btn,span.slide-in-btn-xs{
    position: absolute;
    border-radius: 90px 
}
.doc-detail-with-message .fixed-side-side-section{
    top: 137px 
}
.doc-detail-with-message .print-template-side-bar{
    top: 146px 
}
.doc-detail-with-message .del-plan-side-bar{
    top: 138px 
}
.dye-container{
    padding-left: 10px 
}
.per-25-res-width{
    width: 25% 
}
.size-2{
    border-right: 0;
    width: 14% 
}
.fixed-side-side-section .slimScrollBar,.fixed-side-side-section .slimScrollRail{
    right: 0 !important 
}
.jobsched-padding-bottom{
    padding: 0 0 15px 
}
.side-section-container{
    z-index: 2290 
}
a.side-btn{
    padding: 12px 16px;
    background: #1990e4;
    left: 5px;
    display: none 
}
a.side-btn i{
    font-size: 155%;
    color: #fff 
}
.inv-warehous-select{
    width: 98% !important 
}
@media (max-width:767px){
    .splitbtncontent{
        left: auto !important;
        top: 40px !important;
        right: 0 !important 
    }
    .def-map-div{
        height: 50% 
    }
    .validator{
        width: 80%;
        z-index: 6000;
        right: 10% 
    }
    .dialogbox .validator{
        width: 90%;
        z-index: 6000;
        right: 5% 
    }
    .ft-indicator-wrapper-div,.section{
        float: left 
    }
    .ft-g1-left-section,.ft-main-indicatrs-section{
        position: absolute;
        background: #fff;
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin-top: 60px;
        z-index: 2900 
    }
    .tab-container{
        top: 61px;
        position: relative;
        z-index: 3000;
        padding-top: 10px 
    }
    .section{
        margin: 1px 0 0;
        width: 100% !important 
    }
    .indicator-label-div{
        border-left: 0 solid #ccc;
        width: 30%;
        color: #333 
    }
    .main-indicatrs-inner-section{
        padding: 0 20px 
    }
    .new-template-content{
        margin-top: 12px !important;
        z-index: 5 
    }
    .stat-data-container{
        display: none 
    }
    .tab-panel-sect{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis 
    }
    .fixed-side-side-section{
        top: 187px;
        width: 320px;
        left: -320px 
    }
    a.side-btn{
        top: 3px;
        display: block 
    }
    .fixed-side-side-section-move-in{
        left: 0 
    }
    .per-25-res-width{
        width: 320px 
    }
    .pagemenu li{
        padding-left: 60px 
    }
}
@media (max-width:480px){
    .menu-icons-right-main{
        width: 60px;
        height: 54px 
    }
    .main-search-div{
        display: none 
    }
    .dashboard-doc-detail-padding-fix{
        padding: 60px 0 0 
    }
    .g1-masters-pheader{
        top: 0 !important 
    }
    .stat-data-container{
        top: 2px !important 
    }
    .tab-container{
        top: 0;
        padding: 5px 15px 15px 
    }
    .tab-panel-sect{
        width: 32.33%;
        padding: 5px 10px 
    }
    .new-template-content{
        margin-top: 40px !important;
        z-index: auto !important 
    }
    .dv2-btn-wrapper,.dv2-dash-name,.nav-tabs>li,.top-sect-content-main{
        width: 100% 
    }
    .wrapper-form-template-div{
        position: absolute;
        top: 135px 
    }
    .doc-detail .masters-new-template-content{
        padding-top: 50px 
    }
    .page-header-container{
        top: -46px;
        margin-bottom: 15px;
        margin-left: 0 !important;
        padding-left: 0 !important 
    }
    .data-migrator-header{
        top: 0 
    }
    .data-migrator-content{
        padding-top: 60px 
    }
    .page-header-top{
        top: 20px 
    }
    .doc-detail-alt-padding-fix{
        padding: 120px 20px 20px 
    }
    .page-header-container-grid-page-fix{
        top: 13px;
        width: 112.2% 
    }
    .gridpage-doc-detail{
        padding: 50px 20px 0 50px !important 
    }
    .dashpadding{
        padding: 0 !important 
    }
    .sub-level{
        position: relative;
        float: left;
        width: 100% 
    }
    .padding-0-res{
        padding-top: 0 !important 
    }
    .uompageheader{
        top: 60px;
        margin-bottom: 15px;
        position: fixed 
    }
    .group-box-right{
        width: 100% !important 
    }
    .groupbox-md-padding{
        padding-top: 15px;
        border: 0 
    }
    .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
        border-bottom: 1px solid #4caf50 
    }
    .dv2-btn-wrapper{
        padding: 10px 15px 0 
    }
    .dashver2-head{
        margin-bottom: 0;
        padding: 13px 10px 7px 0 
    }
    .dashboardv2-pageheader{
        top: 0;
        z-index: 2986 
    }
    .serial-catch{
        width: 265px;
        background: #fbfbfb;
        float: right;
        height: 100% 
    }
    .fixed-side-side-section{
        top: 60px;
        width: 320px;
        left: -320px 
    }
    .fixed-side-side-section-move-in{
        left: -50px 
    }
    a.side-btn{
        top: 3px;
        display: block 
    }
}
span.slide-in-btn-xs{
    background: rgba(0, 0, 0, 0);
    width: 40px;
    height: 40px;
    display: block;
    z-index: 5000;
    top: 64px;
    cursor: pointer;
    left: 10px 
}
#divTemSummary,div.div-grid-expand{
    height: auto !important 
}
.slide-in-btn-xs i{
    font-size: 300%;
    color: #ba84c7 
}
.m2-left-panel{
    border-right: 1px solid #ccc;
    width: 400px;
    float: left 
}
.kpi-values{
    width: 50%;
    background: #fff 
}
.input-group button{
    padding: 2.5px;
    moz-box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, rgba(249, 249, 249, 0) 5%, rgba(233, 233, 233, 0) 100%);
    background-color: #dadada;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 0;
    border: 1px solid #9a9a9a;
    display: inline-block;
    cursor: pointer;
    color: #666;
    text-decoration: none;
    -moz-box-shadow: -3px 3px 12px #ececec;
    -webkit-box-shadow: -3px 3px 12px #ececec;
    box-shadow: -3px 3px 5px rgba(236, 236, 236, 0) 
}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{
    padding-left: 10px;
    padding-right: 10px;
    background: #eee;
    border: 1px solid #ccc 
}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.modal-content{
    border-radius: 0 
}
.row .role-container a{
    padding: 10px 0;
    float: left;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
    width: 100%;
    border-bottom: 1px solid #333;
    font-weight: 600 
}
.row .role-container a i{
    padding-right: 10px;
    margin-right: 10px;
    color: #fff;
    border-right: 1px solid #333;
    font-size: 150% 
}
.row .role-container a:focus,.row .role-container a:hover{
    text-decoration: none;
    color: #ccc 
}
.ftbase{
    position: relative;
    z-index: 0;
    overflow: initial !important;
    float: left;
    width: 100%;
    margin-top: 160px;
    height: auto;
    padding: 20px 20px 0 
}
.content-section{
    margin-bottom: 20px;
    float: left;
    width: 100% 
}
@media (max-width:597px){
    .content-section{
        margin: 45px 0 0 !important 
    }
}
@media (min-width:597px) and (max-width:767px){
    .content-section{
        margin: 30px 0 0 !important 
    }
}
div.div-grid-expand{
    width: 98% !important;
    background-color: #fff;
    position: absolute;
    top: 40px;
    left: 15px;
    padding: 15px;
    margin: 0;
    z-index: 200 
}
.div-grid-expand .tblgridbase{
    max-height: 100%;
    width: 100% 
}
.tgl-widget{
    padding: 0;
    position: relative;
    height: 40px;
    float: left;
    width: 100%;
    margin-bottom: -5px 
}
.tgl-widget h3{
    padding-top: 5px;
    margin-top: 0;
    font-weight: 700;
    font-size: initial;
    margin-bottom: 0;
    color: #444 
}
#divInventory .tgl-widget a,#divOther .tgl-widget a{
    line-height: 34px 
}
.auto-height>span{
    margin-left: 0 !important 
}
.tblgrid .pic16-search{
    top: -3px;
    position: relative;
    left: 0 
}
.tgl-widget a.compress-link,.tgl-widget a.expand-link{
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 150% 
}
.groupbox.pic16.pic16-bulletlist.MasterInfo{
    border: 0;
    border-radius: 0;
    height: 16px;
    min-height: 16px;
    top: -2px 
}
.div-grid-expand .tgl-widget a{
    right: -4px;
    top: -4px 
}
.groupbox-expanded{
    z-index: 200;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    border-top: 0;
    border-right: 0;
    padding: 10px !important;
    width: 100%;
    height: 50px !important 
}
.no-border,.widget-tile .box-shadow-none{
    border: none 
}
#contenttablejqxgrid>div:last-child>.jqx-item,.calendars,.case-detail-grid .gridarea,.kpi-customer-container .box-shadow-none,.my-dashboard-sub-div .groupbox,.panel-default,button.btn-login{
    border: 0 
}
.panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent;
    float: left;
    width: 100% 
}
.panel-default>.panel-heading{
    background-color: rgba(245, 245, 245, 0);
    padding: 10px 5px;
    position: relative 
}
.panel-default>.panel-heading .panel-title{
    font-size: 17px;
    font-weight: 400;
    color: #666;
    padding-left: 55px 
}
.ac-head-icon{
    width: 45px;
    height: 45px;
    position: absolute;
    top: -14px;
    left: -60px;
    background: #51b94f 
}
.ac-head-icon i{
    font-size: 100%;
    padding: 13px;
    color: #fff 
}
.ac-head-icon .fa-chevron-right{
    font-size: 100%;
    padding: 16px 17px;
    color: #fff 
}
.error-log{
    width: 100%;
    float: left;
    padding: 10px 10px 10px 55px;
    border: 2px solid rgba(255, 0, 0, .58);
    margin: 20px 0 10px;
    border-radius: 5px;
    color: #f33939;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px 
}
.error-log i{
    padding-right: 10px;
    font-size: 130%;
    position: absolute;
    left: 45px 
}
.error-log label{
    color: #f33939;
    font-weight: 700 
}
.panel-body{
    margin: 0;
    background: #fff;
    padding: 20px 15px 
}
.panel-btn-area,div#divConfigurations{
    padding-bottom: 7px 
}
.panel-btn-area{
    background: #f4f5ff;
    border: 1px solid #ddd 
}
.slide-btn{
    padding: 3px 
}
@media (min-width:769px){
    #divDBPOReports .tiles-medium,.dbporeports .tiles-medium{
        height: 67px;
        width: 248px 
    }
    #divDBPFAllHome{
        padding: 0 20px 20px 
    }
    .dbpocharts,.dbporeports{
        padding-top: 63px !important 
    }
    #divDBPOCharts,#divDBPOReports{
        padding-top: 0 !important 
    }
    #divDBHeader{
        margin-top: 65px 
    }
    .new-dashboard-template-header{
        margin-top: 8px !important;
        float: left;
        width: 100%;
        height: 46px;
        padding: 6px 12px 
    }
    #divRoleSlider{
        margin: 0 
    }
    div#divDBDetail{
        margin-top: -25px !important;
        padding: 0 20px 
    }
    .dashboard_navigator{
        width: 45px;
        height: 50px;
        background-size: 161% 
    }
    .dashboard-page-heading{
        padding-left: 20px !important 
    }
    .dbmain-heading{
        position: absolute;
        display: inline-block;
        top: 60px;
        overflow: hidden;
        width: 100%;
        padding: 7px 20px;
        border-bottom: 1px solid #ccc;
        left: 0 
    }
    .search-icon{
        position: absolute;
        right: 20px;
        top: 13px 
    }
    .dashboard-doc-detail{
        padding: 0 15px 10px 
    }
}
@media (min-width:768px) and (max-width:960px){
    .fixed-side-side-section{
        top: 170px 
    }
    .fixed-side-side-section #divLeftPanel{
        left: 0;
        top: 0 !important 
    }
    .page-header-container{
        top: 121px !important;
        position: fixed 
    }
    .g3-content-area{
        margin-top: 65px 
    }
    #divLeftPanel{
        position: relative;
        top: 62px 
    }
    .data-migrator-content{
        padding-top: 120px 
    }
    .dashboard-charts{
        padding-top: 65px 
    }
    #divWFPanel .m2-left-panel{
        top: 18px 
    }
    .dashboard-doc-detail{
        padding: 66px 15px 10px 
    }
    #divDBPOReports .tiles-medium,.dbporeports .tiles-medium{
        height: 67px;
        width: 25% 
    }
    #divDashBoard{
        margin-top: 75px 
    }
    #divDBDetail{
        overflow: visible !important;
        height: auto !important 
    }
    div#divDBHMain{
        width: 100% 
    }
    #divRoleSlider,.dashboard_navigator.dashboard_next{
        float: left 
    }
    #divRoleSlider h1{
        font-size: 18px !important 
    }
    div#divDBPFAllHome{
        width: 100% !important;
        height: auto !important 
    }
    #divDashBoard .ltc{
        display: block;
        margin-left: 0 !important;
        vertical-align: top;
        float: left;
        width: 100% !important 
    }
    #divDBPageOne>div{
        overflow: visible !important;
        float: left 
    }
    #divDBPOCharts{
        width: 500px;
        float: left;
        height: auto 
    }
    .dashboard-sliding-page-heading{
        position: relative;
        display: inline-block;
        top: 0;
        width: 100%;
        padding: 0 15px;
        border-bottom: 1px solid #ccc 
    }
    .search-icon{
        position: absolute;
        right: 20px;
        top: 13px 
    }
}
@media (min-width:481px) and (max-width:767px){
    .dashboard-doc-detail{
        padding: 66px 15px 10px 
    }
    #divDBPOReports .tiles-medium,.dbporeports .tiles-medium{
        height: 67px;
        width: 48% 
    }
    #divDashBoard{
        margin-top: 75px 
    }
    #divDBDetail{
        overflow: visible !important;
        height: auto !important 
    }
    div#divDBHMain{
        width: 100% 
    }
    #divRoleSlider,.dashboard_navigator.dashboard_next{
        float: left 
    }
    #divRoleSlider h1{
        font-size: 18px !important 
    }
    div#divDBPFAllHome{
        width: 100% !important;
        height: auto !important 
    }
    #divDashBoard .ltc{
        display: block;
        margin-left: 0 !important;
        vertical-align: top;
        float: left;
        width: 100% !important 
    }
    #divDBPageOne>div{
        overflow: visible !important;
        float: left 
    }
    #divDBPOCharts{
        width: 500px;
        float: left;
        height: auto 
    }
}
@media (min-width:481px) and (max-width:527px){
    #divDashBoard{
        margin-top: 87px 
    }
}
.side-filter-panel{
    display: none;
    width: 280px;
    padding: 10px;
    position: fixed;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(91, 92, 91, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(91, 92, 91, .3);
    box-shadow: 0 0 10px 0 rgba(91, 92, 91, .3);
    z-index: 2000;
    border-right: 1px solid #ccc 
}
.side-filter-panel .inner-slide-filter-panel{
    overflow: auto;
    height: 100%;
    width: 100% 
}
.side-filter-panel .inner-slide-filter-panel>div{
    width: 100% !important;
    margin-top: 0 
}
.slide-btn{
    width: 32px;
    height: 30px;
    position: absolute;
    top: 243px;
    transform: rotate(0);
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: none;
    right: -32px;
    border-left: 0 
}
@media (min-width:961px){
    .data-migrator-content{
        padding-top: 60px 
    }
    .side-filter-panel{
        top: 60px 
    }
    .slide-btn{
        top: 56px 
    }
}
@media (min-width:769px) and (max-width:960px){
    .side-filter-panel{
        top: 113px 
    }
    .slide-btn{
        top: 80px 
    }
}
@media (min-width:481px) and (max-width:768px){
    .side-filter-panel{
        top: 113px 
    }
    .slide-btn{
        top: 80px 
    }
}
@media (min-width:316px) and (max-width:480px){
    #divDBDetail,#divDBPageFour>div,#divDBPageOne>div{
        overflow: visible !important 
    }
    #divDashBoard .ltc,#modulesallreportsgroups{
        vertical-align: top !important 
    }
    .dashboard-doc-detail{
        padding: 66px 0 0 
    }
    #divDBPageFive,div#divDBHMain{
        padding: 0 15px 
    }
    #divDBPOReports .tiles-medium,.dbporeports .tiles-medium{
        height: 67px;
        width: 98% 
    }
    #divDashBoard{
        margin-top: 75px 
    }
    #divDBDetail{
        height: 100% !important;
        position: absolute !important;
        width: 100% 
    }
    div#divDBHMain{
        width: 100% 
    }
    #divDBPageOne>div,#divRoleSlider,.dashboard_navigator.dashboard_next{
        float: left 
    }
    #divDBPageFour>div,#divDashBoard .ltc{
        float: left !important 
    }
    #divRoleSlider h1{
        font-size: 18px !important 
    }
    div#divDBPFAllHome{
        width: 100% !important;
        height: auto !important 
    }
    #divDashBoard .ltc{
        display: block !important;
        margin-left: 0 !important;
        width: 100% !important;
        padding: 15px 
    }
    #divDBPOCharts{
        width: 500px;
        float: left;
        height: auto 
    }
    div#divDBHBack{
        width: 100% !important;
        top: 20px !important;
        padding: 5px 15px !important 
    }
    div#divDBHSearchAllKRCs{
        padding: 0 15px !important;
        width: 100% !important 
    }
    div#divDBPOKPIText{
        position: relative 
    }
    .serial-catch{
        width: 280px 
    }
    #divDBPFAllReports,#divDBPageFour{
        height: auto !important;
        width: 100% !important 
    }
    #divDBPageFour{
        position: relative !important 
    }
    #divDBPFAllReports{
        display: block !important;
        padding: 15px !important 
    }
    .allreportsmodules{
        margin-left: 0 !important;
        display: inline-block !important;
        width: 100% 
    }
    #modulesallreportsgroups,.dbrd-selected-tile{
        display: block !important;
        width: 98% !important 
    }
    .modulesallreportsgroups{
        width: 100% !important 
    }
    .tiles-rpt-medium{
        width: 98% !important 
    }
    .side-filter-panel{
        top: 128px 
    }
    .slide-btn{
        top: 80px 
    }
    #txtDBReportName{
        font-size: 24px !important 
    }
}
.container-dashboard{
    padding: 0 20px;
    margin-top: 10px 
}
.mat-page-header-container{
    background-color: #fff;
    z-index: 2985;
    position: fixed;
    border-bottom: 1px solid #bbb;
    padding-left: 65px 
}
.master-slide{
    top: 99px 
}
.summary-360{
    color: #b5b5b5;
    margin: 0;
    font-size: 23px;
    position: absolute;
    left: 60px;
    top: 15px;
    font-weight: 300 !important 
}
@media (max-width:768px) and (min-width:481px){
    .mat-page-header-container{
        top: 105px;
        width: 100% 
    }
    .dashbody .mat-page-header-container,.master-slide{
        top: 121px 
    }
}
.mat-page-header h1{
    font-size: 25px;
    color: #777;
    font-weight: 300;
    margin: 7px 5px;
    position: relative 
}
.mat-section-header h2{
    font-size: 18px;
    color: #777;
    font-weight: 400;
    margin: 10px 0 
}
.mat-sub-section-header h2{
    font-size: 14px;
    color: #777;
    font-weight: 600;
    margin: 0 0 20px 
}
.dash-head-report-template i{
    padding-left: 10px;
    line-height: 32px 
}
.sub-report{
    width: 300px;
    font-size: 18px;
    color: #b3b3b3;
    line-height: 32px 
}
.rpt-seach-template-container{
    padding-left: 20px 
}
.tile-wrapper-div{
    position: relative;
    display: block;
    float: left;
    width: 345px 
}
@media (max-width:480px){
    #divPolPanel{
        position: relative;
        top: -62px 
    }
    .content-section{
        margin: 0 !important 
    }
    .mat-page-header-container{
        top: 138px;
        width: 100% 
    }
    .dashbody .mat-page-header-container{
        top: 60px 
    }
    .tile-wrapper-div{
        width: 100% !important;
        margin: 0 
    }
}
@media (min-width:481px) and (max-width:577px){
    .tile-wrapper-div{
        width: 100% !important;
        margin: 0 
    }
}
.green-tile{
    background-color: #00ac00 !important 
}
.orange-tile{
    background-color: orange !important 
}
.purple-tile{
    background-color: #7700b6 !important 
}
.dark-blue{
    background-color: #4f5c94 !important 
}
.ax2,.dashboard-jobs-sect .task-name-div,.explorationContainer .exploreCanvas,.sub-btn-absolute-pos .action-item a,.white-tile{
    background-color: #fff 
}
.blue-tile{
    background-color: #008aa4 
}
.green-text{
    color: #8bc34a 
}
.gray-text{
    color: #c5c4c4 
}
.red-text{
    color: #ff8a8a 
}
.dashboard-tiles-container{
    font-family: "Open Sans", sans-serif;
    width: 100%;
    float: left;
    height: 65px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    margin-bottom: 10px;
    position: relative 
}
.left-sect,.right-sect{
    height: 100%;
    z-index: 2;
    float: left 
}
.green-indicator{
    background: #00ac00;
    border: 1px solid #fff 
}
.red-indicator{
    background: #ff9898;
    border: 1px solid #fff 
}
.left-sect i{
    color: #fff;
    font-size: 30px 
}
.kpi-tile .left-sect{
    background: #92d410;
    padding: 2px 
}
.kpi-tile .right-sect{
    width: 96% 
}
.widget-tile .left-sect{
    background: rgba(255, 255, 255, 0) 
}
.widget-tile .right-sect{
    background-color: #ff8a00 !important;
    display: table 
}
.icon-tile .left-sect{
    width: 20%;
    text-align: center 
}
.icon-tile .left-sect i,.icon-tile .left-sect img{
    width: 100%;
    padding-top: 7px 
}
.right-sect{
    width: 80%;
    padding: 5px 10px;
    background-color: #fff 
}
.light-blue{
    background-color: #fff !important;
    color: #333 !important;
    height: 40px !important;
    border-bottom: 1px solid #ccc !important;
    margin: 0 !important 
}
.right-sect-dark{
    padding-left: 29px 
}
.right-sect-trans{
    background-color: rgba(255, 255, 255, .2) 
}
.right-sect-dark span{
    color: #777;
    font-weight: 600 !important;
    font-size: 12px !important 
}
.kpi-tile .right-sect,.single-btn-absolute-pos .action-item a{
    background-color: rgba(255, 255, 255, 0) 
}
.icon-tile .right-sect{
    width: 80% 
}
span.kpi-title{
    width: 100%;
    float: left;
    padding: 5px 10px 5px 0;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    text-align: left 
}
span.kpi-value{
    font-size: 39px;
    font-weight: 300;
    position: relative;
    top: 7px;
    float: left;
    width: 100%;
    line-height: 30px 
}
span.kpi-font-weight{
    font-size: 15px;
    font-weight: 700;
    width: 100%;
    float: left;
    padding: 10px 0 
}
@media (max-width:768px){
    #divLeftPanel{
        position: absolute;
        left: -280px;
        z-index: 3000;
        background: #fff 
    }
    #divProcessPermission{
        width: 100% !important 
    }
    .dv2-btn-wrapper{
        text-align: center 
    }
    .dashboard-charts{
        padding-top: 110px 
    }
    .right-sect{
        width: 78% 
    }
    span.kpi-value{
        font-size: 23px 
    }
}
@media (min-width:1200px) and (max-width:1263px){
    .prev-val label,span.forcast-val label{
        font-size: 9px 
    }
    .right-sect{
        width: 70% 
    }
}
@media (min-width:578px) and (max-width:767px){
    .tile-wrapper-div{
        width: 50% !important;
        margin: 0 
    }
    .mat-section-header{
        float: left;
        width: 100% 
    }
}
@keyframes slide-icon{
    100%{
        width: 100% 
    }
}
@keyframes slide-back-icon{
    0%{
        width: 25% 
    }
}
@keyframes slide{
    100%{
        width: 100% 
    }
}
@keyframes slide-back{
    0%{
        width: 100% 
    }
}
.tile-animate-slider{
    position: absolute;
    height: 100%;
    width: 0%;
    background-color: rgba(0, 0, 0, .07);
    z-index: 1;
    animation-name: slide-back;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
.dashboard-tiles-container:hover .tile-animate-slider{
    animation-name: slide;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
.icon-tile .tile-animate-slider{
    animation-name: slide-back-icon;
    width: 0% 
}
.tilepage .background-div,.tilepage .box-tile,.tilepage .tile-content-div{
    width: 110.5px;
    height: 110.5px 
}
.dashboard-tiles-container.icon-tile:hover .tile-animate-slider{
    animation-name: slide-icon 
}
.box-tile{
    width: 75px;
    height: 75px;
    float: left;
    position: relative;
    margin: 0 7.5px 7.5px 0;
    border-radius: 1px 
}
.background-div,.box-tile-animation,.tile-content-div{
    position: absolute;
    left: 0;
    top: 0 
}
.tilepage .box-tile{
    margin: 0 15px 15px 0 
}
.box-tile-animation{
    background-color: rgba(255, 255, 255, .2);
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: scale(0);
    transform: rotate(0 deg) 
}
.box-tile:hover .box-tile-animation{
    animation-name: tile-hover-efect;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-name: tile-hover-efect;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-fill-mode: forwards 
}
@keyframes tile-hover-efect{
    100%{
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        border-radius: 0;
        transform: scale(1) 
    }
}
.geo-tbl tbody{
    width: 100%;
    float: left;
    overflow: auto;
    max-height: 400px 
}
.geo-tbl td,.geo-tbl th{
    float: left;
    width: 50% 
}
.ProductCode td,.ProductCode th{
    width: 33%;
    display: block !important 
}
.LK-Item-Wrap span{
    float: left;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px 
}
.background-div{
    width: 75px;
    height: 75px;
    z-index: 3;
    overflow: hidden 
}
.background-div i{
    font-size: 700%;
    color: rgba(0, 0, 0, .14);
    margin: 30px -30px 0 80px 
}
span.box-tile-title{
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    float: left;
    width: 100% 
}
span.box-tile-value{
    font-size: 22px;
    position: absolute;
    bottom: -5px;
    width: 100%;
    background: #022f10a6;
    right: 5px;
    margin: 5px -5px;
    color: #fff;
    font-weight: 700;
    padding: 5px 
}
.tilepage span.box-tile-value{
    font-size: 40px 
}
.tile-content-div{
    width: 76px;
    height: 80px;
    z-index: 5;
    padding: 7px 
}
.mat-section-header span.report-item-action{
    top: -5px 
}
.chart-main,.kpi-main,.report_main,.sub-chart-main-div>div{
    float: left;
    min-width: 300px 
}
.single-btn-absolute-pos{
    position: relative;
    top: -2px;
    margin-right: 10px 
}
.dasv2-main-btns,.tlcon-date span .draftButton,.tlcon-date span .rejectButton{
    top: 6px 
}
span.report-name{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    float: left;
    margin: 16% 0 5%;
    font-size: 20px;
    font-weight: 600 
}
.report-name-text-blue{
    color: #6dc7fd 
}
.btn-indicator{
    position: absolute;
    top: -9px;
    right: 0;
    font-size: 14px 
}
.color-green{
    color: #0a9e0e 
}
.action-item a{
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 90px;
    padding: 7px 10px;
    position: relative 
}
.lg-round-btn .action-item a{
    width: 60px;
    height: 60px 
}
span.action-item i{
    position: absolute;
    left: 7px;
    font-size: 150%;
    top: 6px;
    color: rgba(51, 51, 51, .61) 
}
span.action-item i.dlticon{
    left: -2px;
    font-size: 76%;
    top: 1px 
}
.lg-round-btn .action-item i{
    left: 19px;
    font-size: 215%;
    top: 18px 
}
span.action-item i.fa-cubes{
    left: 5px 
}
span.action-item .fa-calculator{
    font-size: 109% 
}
span.action-item .fa-industry{
    font-size: 105% 
}
span.action-item-astimation i.fa-plus{
    font-size: 96% !important;
    left: 7px;
    top: 7px 
}
span.action-item i.fa-calendar{
    font-size: 62% 
}
span.rep-fill i.fa-calendar{
    font-size: 150% 
}
h2 span.action-item i.fa-refresh{
    left: 7px;
    font-size: 75%;
    top: 6px 
}
span.action-item i.fa-question{
    left: 8px;
    top: 5px 
}
span.action-item i.fa-plus{
    font-size: 63%;
    left: 9px;
    top: 9px 
}
span.bypage-top-btn i.fa-sliders{
    font-size: 139% !important 
}
span.grid-btn a{
    background-color: rgba(239, 239, 239, 0) !important 
}
span.action-item i.fa-question,span.action-item i.fa-tag{
    font-size: 77% 
}
.action-item i.fa-download,span.action-item i.fa-sliders{
    left: 7px;
    font-size: 67%;
    top: 7px 
}
span.action-item .fa-bar-chart-o,span.action-item .fa-diamond{
    left: 6px;
    font-size: 130%;
    top: 8px 
}
span.action-item i.fa-arrow-left{
    left: 5px;
    font-size: 81%;
    top: 5px 
}
.case-header span.action-item i{
    font-size: 140% 
}
span.action-item a i.fa.fa-ellipsis-v{
    margin: 0 3px;
    color: #a5a3a3 
}
span.action-hover-effect{
    background-color: rgba(97, 97, 97, .29);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 90px;
    transform: scale(0) 
}
.filter-date-range{
    padding: 12.5px 15px;
    border-bottom: 1px solid #eee 
}
label.alp{
    width: 29px;
    float: left;
    position: absolute;
    left: 1px;
    top: 9px;
    font-size: 11px;
    color: #858585;
    padding: 1px 0;
    border-radius: 4px;
    font-weight: 700 
}
.alp-container{
    width: 250px;
    position: absolute;
    z-index: 3600;
    background: #fff;
    border: 1px solid #ccc;
    top: -11px;
    right: 0;
    border-radius: 0;
    opacity: 0;
    transform: scale(0) 
}
.alp-container-open{
    opacity: 1;
    transform: scale(1);
    right: 0 
}
.grid-container .linkbuttons{
    margin-top: 10px;
    height: 0;
    padding-bottom: 0;
    position: relative 
}
.alp-container select{
    border: 1px solid #ccc;
    border-top: 0;
    border-left: 0;
    border-right: 0 
}
.main-close{
    top: -2px;
    right: -4px 
}
.add-btn-pos{
    top: 10px;
    right: 5px 
}
.filter-btn{
    top: -8px;
    right: -10px 
}
.serial-backbtn-pos{
    top: 3px;
    right: 9px 
}
.view-pane,span.tile-action-hover-effect{
    left: 0;
    top: 0;
    transform: scale(0);
    position: absolute 
}
@keyframes hover-efect{
    100%{
        transform: scale(1) 
    }
}
.slide-btn-bar{
    padding: 15px;
    border-bottom: 1px solid #eee;
    float: left 
}
span.action-item:hover .action-hover-effect{
    animation-name: hover-efect;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
.h1-Hidden,.h1-Visible,span.tile-action:hover .tile-action-hover-effect{
    animation-duration: .5s;
    animation-timing-function: ease-in-out 
}
span.action-item a img{
    z-index: 6;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 80%;
    height: 80% 
}
span.tile-action a,span.tile-action-checkbox a{
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 90px;
    color: #666;
    padding: 7px 10px;
    position: absolute;
    z-index: 2;
    right: -5px;
    bottom: -23px 
}
a.active i,a.active i.fa-diamond{
    padding: 2px 1.5px;
    font-size: 130% 
}
span.tile-action-hover-effect{
    background-color: #f78b8b;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 90px 
}
.slide-btn-bar .fa-cube{
    padding: 0 1.5px;
    left: 5px;
    top: 5px 
}
.active .fa-cube{
    left: 6px;
    top: 8px 
}
.slide-btn-bar .fa-plus{
    font-size: 140% !important 
}
span.tile-action:hover .tile-action-hover-effect{
    animation-name: tile-hover-efect;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
.dashboard-jobs-sect .task-item-div{
    border: none;
    border-radius: 0;
    background-color: #fff 
}
.dashboard-jobs-sect .last-update-date-div{
    background-color: #fff;
    padding: 5px 15px 6px 2px 
}
.canvas-container{
    padding: 10px;
    overflow: hidden 
}
@media (max-width:480px){
    .canvas-container{
        overflow: initial 
    }
    .view-pane{
        height: 95% 
    }
}
.canvas-container canvas{
    width: 80% !important;
    height: 80% !important 
}
.content-section-charts{
    padding: 0 0 6px;
    margin-bottom: 15px 
}
.content-section-charts h3{
    font-size: 17px;
    padding: 4px 10px;
    margin-left: 0;
    margin-bottom: 8px;
    color: #888686;
    font-weight: 400 
}
.view-pane{
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .66);
    border-radius: 1000px;
    z-index: 10;
    opacity: 0 
}
.view-pane a{
    margin-top: 17%;
    float: left;
    height: 60px;
    width: 100% 
}
.view-pane i{
    color: rgba(103, 103, 103, .89);
    font-size: 400% 
}
@keyframes view-chart{
    100%{
        transform: scale(1);
        border-radius: 0;
        opacity: 1 
    }
}
.canvas-container:hover .view-pane{
    animation-name: view-chart;
    animation-duration: .2s;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
.my-dashboard-sub-div{
    width: 100%;
    position: fixed;
    right: -200px;
    top: 141px;
    background-color: #fff;
    z-index: 3000;
    padding-left: 60px;
    overflow-y: auto;
    border-radius: 0;
    opacity: 0 
}
.my-dashboard-sub-div-expnd{
    right: 0;
    opacity: 1 
}
@media (max-width:960px) and (min-width:769px){
    .my-dashboard-sub-div{
        top: 167px 
    }
}
@media (max-width:768px) and (min-width:481px){
    .my-dashboard-sub-div{
        top: 166px 
    }
}
span.tile-action-checkbox-dashboard-pbi{
    position: absolute;
    right: 12px;
    z-index: 4999 
}
span.tile-action-checkbox-empty{
    width: 100%;
    height: 100%;
    position: absolute;
    left: -5px;
    top: 7px;
    z-index: 1;
    transform: scale(1);
    opacity: .5 
}
span.tile-action-checkbox-select{
    width: 100%;
    height: 100%;
    position: absolute;
    left: -7px;
    top: 7px;
    z-index: 1;
    transform: scale(0);
    opacity: 0;
    transform: rotate(-90deg) 
}
span.tile-action-checkbox:hover .tile-action-checkbox-empty{
    animation-name: check-empty;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
span.tile-action-checkbox:hover .tile-action-checkbox-select{
    animation-name: check-select;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
span.tile-action a img{
    z-index: 6;
    position: absolute;
    left: 1px;
    top: 2px;
    width: 90%;
    height: 90% 
}
@keyframes check-empty{
    from{
        transform: rotate(-90deg) 
    }
    to{
        transform: rotate(0) 
    }
    0%{
        opacity: .5 
    }
    100%{
        opacity: 0;
        transform: scale(0) 
    }
}
@keyframes check-select{
    from{
        transform: rotate(-90deg) 
    }
    to{
        transform: rotate(0) 
    }
    0%{
        opacity: 0 
    }
    100%{
        opacity: .5;
        transform: scale(1) 
    }
}
span.tile-action-checkbox-empty-init{
    transform: scale(0);
    opacity: 0 
}
span.tile-action-checkbox-select-init{
    transform: scale(1);
    opacity: .5;
    transform: rotate(0) 
}
span.tile-action-checkbox:hover .tile-action-checkbox-empty-init{
    animation-name: check-empty-init;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
span.tile-action-checkbox:hover .tile-action-checkbox-select-init{
    animation-name: check-select-init;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
span.span-kpi-sub-detail{
    float: right;
    width: 57%;
    border-top: 1px dashed #ccc;
    padding-top: 0 !important;
    margin-top: -29px;
    margin-right: 29px 
}
span.kpi-indicator{
    float: right;
    position: absolute;
    bottom: 10px;
    right: 10px 
}
.kpi-indicator i{
    font-size: 203% 
}
.kpi-indicator .fa-arrow-down{
    color: #f72b2b 
}
.kpi-indicator .fa-arrow-up{
    color: #64a61b 
}
.kpi-indicator .fa-ellipsis-h{
    color: #2f81ba 
}
@keyframes check-empty-init{
    from{
        transform: rotate(-90deg) 
    }
    to{
        transform: rotate(0) 
    }
    0%{
        opacity: 0 
    }
    100%{
        opacity: .5;
        transform: scale(1) 
    }
}
@keyframes check-select-init{
    from{
        transform: rotate(0) 
    }
    to{
        transform: rotate(-90deg) 
    }
    0%{
        opacity: .5 
    }
    100%{
        opacity: 0;
        transform: scale(0) 
    }
}
.wrapper-div{
    width: 334.75px;
    float: left;
    display: block 
}
@keyframes hearder-show{
    0%{
        transform: scale(0) 
    }
    100%{
        transform: scale(1) 
    }
}
@keyframes hearder-hide{
    0%{
        transform: scale(1) 
    }
    100%{
        transform: scale(0) 
    }
}
.h1-Hidden{
    animation-name: hearder-hide;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: none 
}
.h1-Visible{
    animation-name: hearder-show;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards 
}
.spltbtnbtnarea a{
    width: 90px;
    min-height: 90px;
    font-size: 11px;
    font-weight: 500;
    margin: 0 !important;
    border: 1px solid rgba(238, 238, 238, 0) 
}
.spltbtnbtnarea a:hover{
    background: 0 0 !important;
    border: 1px solid #eee 
}
.spltbtnbtnarea a span{
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 5px 
}
#divDPHeader,#divPolHeader{
    position: relative;
    top: 0;
    padding: 10px 20px;
    width: 100% 
}
.tbc>tbody>tr>td span.pic16-bulletlist{
    position: absolute;
    right: 4px;
    top: 4px 
}
.textviewarea{
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal !important 
}
#lblLoggedUser,#tblWidTopTwn tr td>div,#treeGrid tbody td,#txtStatReason,#wbsSModel tr td,.ellipse-fix,.ip-grid-heading label,.main-heading>label,.node lable,.node-cont-h,.processitem>label,.spnNetAssetAmount,.tbl-notification-div table#trheaders tr td div,.tlcon-groupheaders,.tlcon-year,.truncate,h1#lnkTeplateStatus{
    white-space: nowrap;
    text-overflow: ellipsis 
}
.tbc .selected-data{
    height: 21px 
}
.jstatus-sect{
    padding: 10px 0 0 
}
.jstatus-sect label{
    font-size: 120% 
}
#lblluDescription,#my-dashboard-widget-detailed .tblgridbase.groupbox,#my-dashboard-widget-detailed>.tblgridbase.groupbox,#tblCurrency,.cur-table .tblgrid,.jpecent-100,.report-filter-widget div,.tab-pane .tblgridbase,.tbl-width-fixed .tblgridbase{
    width: 100% !important 
}
#divConfigBase,.lang-link-wrapper{
    padding: 10px 0 
}
.inner-right-panel>div>.process-header{
    font-size: 1.8em;
    font-weight: 300;
    padding: 0 0 10px 
}
.data-flow-widget{
    padding: 8px 18px;
    background-color: #fff;
    float: left;
    width: 100% 
}
.pf-tbright{
    padding: 5px;
    margin-top: -5px;
    margin-right: -10px 
}
#divHierarchy,#my-dashboard-charts-detailed .dbhmchrt,.iconscontainer,.jqx-widget-content-metro{
    border: 0 !important 
}
.left-panel-top-filter{
    padding: 10px 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee 
}
.journal-list{
    padding: 4px 10px;
    border-bottom: 1px solid #dedede;
    float: left;
    width: 100%;
    position: relative 
}
.journey-active{
    width: 51px;
    float: left;
    height: 50px;
    background: #529e00;
    padding: 17px 0;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
    border-radius: 90px;
    font-size: 11px 
}
.journey-desc{
    float: left;
    width: 77%;
    font-size: 13px 
}
.hi-emp-list .journey-desc{
    width: 68% 
}
.journey-doc,.journey-module{
    float: left;
    width: 75%;
    padding: 5px 10px 
}
.journey-module{
    color: #7d7d7d;
    font-weight: 700 
}
.task-items-section{
    padding-top: 20px;
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 1 
}
#ulliBU,#ulliPF,#ulliU{
    min-height: 285px;
    height: auto !important;
    float: left !important;
    width: 100% !important 
}
#ulliBU .tblgridbase,#ulliPF .tblgridbase,#ulliU .tblgridbase{
    width: 100% !important;
    min-width: 100% !important 
}
.addresstype-content{
    float: left;
    margin-top: 0;
    position: relative;
    top: 10px 
}
.new-dashboard-template-header .pageheader{
    margin: 0;
    float: left 
}
.emp-group-config{
    margin-top: -7px !important 
}
.pol-header{
    height: 50px;
    border-bottom-style: none;
    padding: 5px 20px 
}
.tgl-widget .tgl-minus{
    padding-left: 28px;
    height: 30px 
}
.tgl-widget .tgl-plus{
    padding-left: 30px;
    height: 30px 
}
table#tblQESTSummary h2{
    margin: 0;
    font-size: 12px;
    padding: 5px 0 
}
.wf-tiletext{
    font-size: 120% !important 
}
.hourpicker .hphrs a,.hourpicker .hpmins a{
    width: 25px;
    height: 25px;
    padding-top: 2px 
}
.pccontlines>span:last-child{
    width: 226px !important;
    text-align: right 
}
.pccontlines>span h3{
    font-size: 13px;
    font-weight: 400 
}
.pccontlines>span{
    padding: 5px !important;
    height: 33px !important;
    vertical-align: middle !important;
    width: 150px !important 
}
.svg-header{
    height: 40px;
    padding: 5px 10px;
    background-color: #f3f3f3 
}
#tdHolder,#tdHolderProfile,#tdHolderVariantGroup{
    margin-bottom: 3px;
    padding: 5px 5px 3px 
}
.periodchanger .pic16{
    padding: 8px !important 
}
.chart-of-accounts-active-dropdown span{
    margin-top: 4px !important 
}
.timepicker-holder input{
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0 
}
.timepicker-select{
    width: 54px !important 
}
.resolution-wrapper{
    margin: 20px 0;
    float: left;
    width: 100% 
}
.resolute-one-res-div{
    float: left;
    padding: 17px 10px 22px 21px;
    width: 117px 
}
.resolute-complete-div{
    float: left;
    padding: 17px 22px 22px 23px;
    width: 144px;
    position: relative 
}
span.res-desc{
    position: relative;
    font-size: 14px;
    font-weight: 700;
    left: -22px 
}
span.res-astim-value,span.res-heading{
    float: left;
    display: block;
    left: -20px;
    position: relative 
}
span.res-heading{
    width: 100%;
    padding: 10px 0;
    font-weight: 700 
}
span.res-astim-value{
    font-size: 9px 
}
.resolute-precentage span.res-astim-value{
    top: 66px;
    left: -18px;
    width: 120px 
}
.resolute-precentage span.res-act-val{
    top: 100px;
    left: -7px 
}
.resolute-complete-div span.res-astim-value{
    top: 35px 
}
.resolute-complete-div span.res-act-val{
    top: 70px 
}
span.res-desc span.res-line{
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    left: 89px 
}
span.res-line{
    float: right;
    width: 29px;
    padding: 4px;
    margin: 0 10px;
    position: absolute;
    left: 48px 
}
.resolute-precentage{
    width: 54px;
    height: 54px;
    float: left;
    margin: 0 23px 
}
span.presentage-wrapper{
    background-color: #def6ff;
    padding: 15px 8px;
    border-radius: 90px;
    color: #aaa;
    font-size: 14px;
    font-weight: 700;
    position: absolute 
}
span.resolved_lbl{
    font-size: 14px;
    padding: 5px;
    width: 310px;
    position: relative;
    left: 5px;
    border-radius: 2px;
    border: 1px solid #e8b9b9 
}
@media (min-width:1200px){
    span.resolved_lbl{
        top: 1px;
        left: 0;
        width: 100%;
        float: left 
    }
}
@media (min-width:320px) and (max-width:1200px){
    .resolute-one-res-div{
        float: left;
        padding: 17px 10px 22px 21px;
        width: 117px;
        position: relative 
    }
    .resolute-precentage{
        width: 100% 
    }
    .resolution-wrapper{
        width: 97%;
        position: relative 
    }
    span.res-desc{
        position: relative;
        font-size: 14px;
        font-weight: 700;
        left: -22px 
    }
    span.act,span.ast{
        width: 100%;
        position: absolute;
        top: -15px 
    }
    span.ast,span.ast-val{
        left: 141px 
    }
    span.act,span.act-val{
        left: 308px 
    }
    span.act-val,span.ast-val{
        top: 18px;
        width: 140px;
        position: absolute 
    }
    .resolute-precentage span.res-astim-value{
        top: 17px;
        left: 120px;
        width: 140px 
    }
    .resolute-precentage span.res-act-val{
        top: 17px;
        left: 145px;
        width: 140px 
    }
    .resolute-complete-div span.res-astim-value{
        top: -13px;
        left: 120px !important;
        width: 140px 
    }
    .resolute-complete-div span.res-act-val{
        top: -27px;
        left: 232px !important 
    }
    span.resolved_lbl{
        position: absolute;
        left: 25px;
        bottom: -5px 
    }
}
span.green_back{
    background: #9af6a1;
    border: 1px solid rgba(58, 177, 75, .35) 
}
span.red_back{
    background: #f69d9a;
    border: 1px solid rgba(177, 58, 58, .35) 
}
span.resolved_lbl label{
    margin-bottom: 1px 
}
.alert-blue{
    color: #3b718a;
    background-color: #d6defd;
    border-color: rgba(26, 35, 154, .08);
    margin-right: -17px;
    padding: 5px 
}
.alert-blue label{
    color: #7092ab;
    font-weight: 600 
}
.container-dashboard{
    border-radius: 0;
    transform: scale(0);
    left: 500px;
    position: relative 
}
.container-dashboard-animated{
    transform: scale(1);
    left: 0 
}
.reports-fav-main,.reports-pool-main,.sub-kpi-main-div>div{
    float: left;
    min-width: 300px;
    width: 100% 
}
.dbhmchrt{
    border-bottom: 2px solid #eee !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 3px solid #ccc !important;
    margin: 0 !important 
}
.chart_pool_main>.row{
    float: none 
}
.chart_fav_main h2{
    margin-bottom: 49px 
}
.search-div{
    display: inline-block;
    right: 70px;
    position: absolute;
    border-bottom: 1px solid #ccc;
    z-index: 20000 
}
.canvas-container .button{
    position: relative;
    float: left;
    margin: 0;
    background: #eee;
    padding: 10px 
}
.over-due-section{
    border-top: 1px solid #888;
    border-bottom: 4px solid #888;
    padding: 0 5px 
}
.date-div,.modal-footer,.modal-header{
    padding: 5px 15px 
}
.grid-heading{
    margin-top: 20px;
    width: 100% 
}
.grid-heading-container{
    float: left;
    width: 100%;
    border-bottom: 2px solid #7b7b7b 
}
.tlcon-year{
    font-size: 19px 
}
.year-description{
    border-bottom: 3px solid #777;
    margin-top: 3px 
}
.date-lbl,label.year-lbl{
    margin: 0;
    font-size: 14px;
    font-weight: 700 
}
#filterPhrase,.tab-add-btn{
    margin-right: 10px 
}
label.year-lbl{
    padding: 5px;
    color: #fff 
}
.date-lbl{
    color: #888 
}
.year-div .item-container .item-row{
    padding: 0 15px;
    border-bottom: 1px solid #ccc;
    line-height: 30px 
}
.item-row i.fa.fa-file-text-o{
    font-size: 130%;
    color: #ffbc00 
}
h1.bannerDue-fix-font{
    font-size: 13px !important 
}
h2.bannerDue-fix-margin{
    margin: 3px !important 
}
.gray-table-font-fix td{
    font-size: 12px !important 
}
.gray-table-font-fix tr:first-child{
    border-bottom: 4px solid #999 
}
.gray-table-font-fix tr{
    background-color: #fff !important;
    border-bottom: 1px dashed #ccc 
}
.gray-table-font-fix tr:last-child{
    border-top: 4px solid #999 
}
.my-dashboard-sub-div .rc{
    border: 0;
    border-bottom: 4px solid #888;
    padding: 5px 17px 5px 5px;
    border-top: 1px solid #ccc 
}
.my-dashboard-sub-div #divReportBase{
    margin: 0 
}
.calendar-class table td{
    position: static 
}
.nav-tabs>li>a.delete-tab{
    position: absolute;
    width: 40px;
    top: 0;
    right: 0;
    border-left: 0;
    border-bottom: 0 
}
.tab-add-btn{
    position: relative;
    top: 5px;
    left: 5px 
}
#divDetailsTab .tab-content{
    padding: 1em 1.4em;
    border: 1px solid #ccc;
    border-top: 0 
}
.report-main-container{
    width: 320px;
    float: left 
}
.modal{
    z-index: 5500 
}
.modal-title{
    font-weight: 600;
    color: #455f85;
    font-size: 20px 
}
a.active{
    background: #fff !important;
    box-shadow: inset 0 0 4px #ff8d00 
}
a.active i{
    color: #ff8d00 
}
a.active i.fa.fa-street-view{
    left: 2.5px;
    top: 1px;
    font-size: 150% 
}
a.active i.fa-diamond{
    color: #ff8d00;
    left: 5px;
    top: 6px 
}
a.active i.fa.fa-database{
    left: 3px;
    top: 1px;
    font-size: 150% 
}
.active i.fa.fa-clock-o,a.active i.fa.fa-file-o{
    left: 4px;
    top: 3px 
}
a.active i.fa.fa-print{
    left: 3px;
    top: 3px 
}
a.active i.fa-building-o{
    left: 4.2px;
    top: 4px 
}
a.active i.fa-suitcase{
    left: 6px 
}
a.active .fa-cubes{
    left: 4px;
    top: 5px 
}
.print-temlate-header{
    margin: 0 0 15px;
    font-weight: 700;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px 
}
.list-group-item{
    margin-bottom: 0;
    border: 1px dashed #ddd;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    float: left;
    padding: 10px;
    cursor: pointer;
    background-color: rgba(91, 92, 91, 0) 
}
input[type=checkbox]::after{
    width: 15px;
    height: 15px;
    border: 2px solid #333 
}
.form-horizontal .pager .right{
    position: absolute;
    right: 20px;
    top: 4px 
}
.form-horizontal .pager .right .pagecount{
    width: 50px 
}
.slimScrollBar,.slimScrollRail{
    width: 10px !important;
    border-radius: 0 !important 
}
#my-dashboard-widget-detailed .tblgridbase>div:nth-child(2){
    border-bottom: 4px solid #888 !important 
}
#my-dashboard-widget-detailed .tblgridbase .tblgrid tbody td{
    border-style: dashed 
}
#my-dashboard-widget-detailed .tblgridbase .divECByNumber .color-default{
    background-color: #777 !important;
    border-radius: 2px 
}
#my-dashboard-widget-detailed .tblgridbase .divECByNumber a{
    font-weight: 700;
    color: #aaa 
}
#my-dashboard-widget-detailed .tblgridbase .tblgrid tr th{
    font-weight: 600;
    font-size: 13px 
}
.taskli-sidebar-z-index{
    z-index: 2985 
}
.side-thin{
    width: 283px 
}
#bannerOriginalHT,#bannerTotal #bannerRevisedHT,#bannerTotalHT{
    margin: 9px 0 0 !important;
    font-size: 16px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis 
}
.budget-fsize{
    font-size: 11px !important 
}
.bannerTotal-Select{
    padding: 7px 5px !important 
}
.due-label{
    float: left;
    padding: 0 5px;
    background: #ffa400;
    margin: 0 0 -5px 10px;
    color: #fff;
    position: relative;
    left: 35px 
}
.my-dashboard-sub-div #divRightBar{
    position: fixed !important;
    z-index: 50;
    right: 20px 
}
.response-detail-div{
    width: 645px;
    float: left 
}
.g3-content-area,.process-g3-content{
    margin-left: 341px !important 
}
.admin-settings-padding{
    padding-top: 134px 
}
.red-back{
    background: #ff5252 
}
.light-green-back{
    background: #9fd81a 
}
.purple-back{
    background: #86337b 
}
.dark-blue-back{
    background: #19afea 
}
.light-orange-back{
    background: #d48826 
}
.pink-back{
    background: #f37c7c 
}
.blue-summary{
    background: #0060c5 
}
.orange-back{
    background: #ff9b00 
}
.dark-red-back{
    background: #ef4a4a 
}
.dark-green-back{
    background: #3aa557 
}
.highcharts-axis-labels>text>tspan{
    font-size: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg) 
}
.hscode-padding-fix{
    padding: 20px 1.4em 
}
.grid-container .pager:last-child{
    border-top: 1px solid #ccc;
    margin: 0 1px 0 0;
    display: block 
}
.grid-container .pager{
    display: none;
    padding: 10px 10px 0 
}
.filter-position{
    float: right;
    padding-left: 10px;
    border-left: 3px solid #ccc 
}
.filter-position .single-btn-absolute-pos{
    margin-right: 2px 
}
.linkbuttons .report-item-action{
    float: left !important 
}
.border-bottom-1{
    padding: 10px 15px;
    border-bottom: 1px solid #ccc 
}
.gb-input-underline input[type=password],.gb-input-underline input[type=text],.gb-input-underline select,.text-box-border-bottom,.uic-fliter-container input[type=text],.uic-fliter-container select{
    border-bottom: 1px solid #ccc !important 
}
.border-bottom-1:nth-child(2),.border-bottom-1>.row>.col-sm-6:first-child,.vestadashboard-Page .shortcut-icons #powerBiIcon{
    border-right: 1px solid #ccc 
}
h1.dash-head .action-item i.fa.fa-envelope,h1.dash-head .action-item i.fa.fa-tags{
    font-size: 80% 
}
h1.dash-head .action-item i.fa.fa-print{
    font-size: 60%;
    padding-left: 0;
    top: 0;
    left: 8px 
}
span.middle a{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #fff;
    margin: 3px;
    border-radius: 2px;
    padding: 0;
    border: 1px solid #e6e6e6 
}
span.middle a i{
    font-size: 187%;
    font-weight: 600;
    color: #333;
    top: -14px;
    left: 2px 
}
.tlcon-groupheaders,.tlcon-year{
    color: #fff;
    display: block;
    font-weight: 700 
}
.dpchanger .ui-datepicker .ui-datepicker-next,.dpchanger .ui-datepicker .ui-datepicker-prev,span.middle-serial a i,span.search-middle a i{
    top: 3px 
}
.payement-group-box{
    border-bottom: 3px solid #4d4d4d;
    padding: 5px;
    height: 40px;
    margin-top: 10px 
}
.dialogbox .linkbuttons{
    margin: 1em 0;
    height: 2em;
    position: relative 
}
.set-selected-row{
    background: #ccc 
}
.set-duplicated-colomn{
    background: #f5c5c5 
}
.slide-modal .sliding-modal-body,.slide-modal .slimScrollDiv{
    overflow: visible !important 
}
.bottom-0{
    bottom: 0 
}
.item-section{
    border-top: 1px solid #eee 
}
.place-button-right-bottom{
    position: absolute;
    right: 0;
    bottom: 10px 
}
.tlcon-date,.tlonBorCl{
    position: relative;
    width: 100% 
}
#tblCurrency tbody tr td:first-child{
    background-color: #fff !important;
    border-right: 1px solid #ccc 
}
.z-index-serial-date-box{
    z-index: 5001 !important 
}
.dialogbox .searchbar #filterListId,.dialogbox .searchbar select{
    width: 90px !important 
}
.tlcon-year{
    background-color: #3da2d2;
    line-height: 20px;
    padding: 10px 12px;
    float: left;
    margin: 15px 0 0;
    width: 34%;
    overflow: hidden 
}
.tbl-notification-div table#trheaders tr td div{
    display: block;
    overflow: hidden;
    width: 150px;
    height: 30px !important;
    line-height: 25px;
    padding: 5px 0 
}
.tlcon-groupheaders{
    padding: 12px;
    margin-top: 5px;
    background: #89ca59;
    margin-bottom: 0;
    width: 500px;
    overflow: hidden 
}
.tlcon-grouphistoryheaders{
    padding-left: 35px !important;
    width: auto !important;
    background: #eee;
    color: #333 
}
.tlcon-date{
    border-bottom: 2px solid #89ca59;
    margin-bottom: 0 
}
.tlonBorCl{
    border-bottom: 2px solid #787878 !important 
}
.tblnotecontent td{
    padding: 12px 6px 
}
.tblnotecontent{
    width: 100%;
    margin-bottom: 25px 
}
.inner-del-grid{
    position: fixed;
    background: #fff;
    left: 105px;
    top: 275px;
    display: inline-block;
    z-index: 10;
    width: 91.5% 
}
.filter-grid-pages{
    font-size: 16px;
    font-weight: 700;
    width: 80px;
    background: #6d6d6d;
    padding: 8px 8px 6px 20px;
    height: 36px;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-left: -5px;
    color: #fff;
    border: 1px solid #fff;
    border-bottom: 0;
    border-radius: 3px 0 0 3px 
}
.grid-filter-div{
    width: 100%;
    padding: 7px 20px;
    border-radius: 0;
    margin-top: -3px 
}
.groupbox input#txtFilter,.rp-form-section button{
    margin-left: 10px 
}
.filter-arrow-right{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #6d6d6d;
    left: 78px;
    top: 11px;
    position: absolute 
}
#g1040-advance{
    left: 0;
    border-radius: 0 
}
.reportview-btns-container{
    height: 20px;
    position: relative;
    margin-top: 20px;
    float: right;
    padding-right: 10px;
    z-index: 1 
}
#divluFreeMain .prdmainitm{
    height: 34px !important 
}
.email-template-message p{
    background: #64b5f6;
    padding: 9px 24px;
    color: #fff;
    margin-top: -1px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0 
}
td.ncell{
    padding-left: 0 
}
.tlcon-date span{
    float: right;
    margin-top: -30px 
}
.tlcon-date span .button{
    float: right;
    top: 6px 
}
.tlcon-date span .issuedButton,.tlcon-date span .releaseButtonClass,.tlcon-date span .reverseButton,.tlcon-date span .transporterButton,.tlcon-date span .GrossWeightButton{
    top: -4px 
}
.tlcon-Hware span{
    margin-top: 0 !important;
    float: right 
}
.list-container{
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 3px;
    border-right: 0 solid #eee 
}
.list-container:hover{
    background-color: #eee !important;
    color: #777 !important;
    border-bottom: 1px solid #eee !important 
}
span.list-icon{
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden 
}
.list-description-2{
    line-height: 18px;
    font-weight: 400;
    padding: 16px 0 5px 10px;
    float: left;
    font-size: 13px;
    width: 75% 
}
span.list-tile-desc{
    padding: 19px 0 0 8px;
    font-size: 18px;
    position: relative 
}
span.list-description-2 label{
    font-size: 26px;
    float: right;
    padding: 15px 10px;
    margin-top: -10px;
    position: absolute;
    right: -38px;
    top: 7px;
    width: 100px;
    font-weight: 300;
    background: rgba(51, 51, 51, .37) 
}
.dark-border-bottom{
    border-bottom: 1px solid rgba(51, 51, 51, .11) 
}
.color-default label:hover{
    color: #777 
}
.mailsearch-container .mailsearch-txt{
    border: 1px solid #ccc !important;
    width: 70% !important 
}
#divEmailPanel{
    border: 0;
    border-radius: 0;
    margin-top: 0 
}
#divWFPanel{
    border: 0;
    border-radius: 0 
}
.sdbmc{
    margin-top: 10px;
    padding: 0 13px 10px 
}
span.list-icon i{
    overflow: hidden;
    font-size: 280%;
    color: rgba(0, 0, 0, .18);
    padding: 11px 
}
div.error{
    margin: 10px -15px;
    border: 3px solid #ff5c5c;
    border-radius: 6px;
    color: #ce0303;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px 
}
.color-selected{
    border-right: 5px solid #fff !important 
}
.lookup-height-fix{
    max-height: 600px !important;
    height: 600px !important 
}
span#btnBack{
    position: relative;
    top: 10px 
}
.case-detail-grid .tlcon-year{
    background: 0 0;
    color: #333 
}
.add-icon{
    position: relative;
    top: 4px 
}
.attachments-div .pager{
    border: 1px solid #ccc;
    margin: 0;
    padding: 0 !important 
}
.attachments-div .pager .left{
    position: relative;
    left: 0;
    top: 0;
    float: left;
    padding: 10px 0 
}
#page-wrap .btn,.dpchanger .ui-datepicker .ui-datepicker-header,a#comj360View{
    padding: 5px 10px 
}
.attachments-div .pager .right{
    position: absolute;
    right: 20px;
    top: 15px 
}
#tblEmpRole tbody tr td .divlookuptext>select,#tblEmpRole tbody tr td .isa-width{
    width: 93% !important 
}
.button i{
    margin-right: 7px 
}
.filter-section-magin-fix{
    margin-top: -20px 
}
.padding-top-bottom-0{
    padding: 0 20px 
}
.tdModal-width .divlookuptext #txtCEModel{
    min-width: 60% !important 
}
.white-menu li{
    padding: 18.5px 10px 10px 35px;
    border-bottom: 1px solid #eee;
    position: relative 
}
.white-menu-points li{
    padding: 10px 10px 9px 25px;
    border-bottom: 0 
}
.white-menu li,.white-menu li a{
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px 
}
.white-menu li i.fa-angle-left{
    padding: 0 10px;
    border-right: 1px solid #ccc;
    margin-right: 5px;
    position: absolute;
    left: 0 
}
.white-menu-points li i.fa-angle-left{
    position: absolute;
    left: -10px 
}
.price-profile-icon{
    position: absolute;
    right: 46px;
    top: 4px 
}
.dash-type{
    float: right;
    margin-right: 25px;
    padding: 0 5px;
    color: #fff;
    font-weight: 700 
}
.counter,span.spandiscript{
    padding: 15px;
    font-size: 16px;
    font-weight: 700 
}
.sub-heading-container{
    margin-top: -20px;
    float: left;
    width: 100% 
}
.sub-heading-container-inner{
    float: left;
    width: 100%;
    margin-left: -15px 
}
@media (max-width:480px){
    .my-dashboard-sub-div{
        top: 103px 
    }
    #my-dashboard-charts,#my-dashboard-reports,#my_dashboard_kpi{
        top: 153px;
        padding-top: 0 
    }
    .search-div{
        right: auto;
        top: 46px;
        width: 100%;
        padding: 10px 15px;
        margin-left: -15px;
        background: #fff 
    }
    .search-div input[type=text]{
        border: 1px solid #bbb !important 
    }
    .pager .left,.pager .right{
        position: relative;
        text-align: center;
        width: 100%;
        display: block 
    }
    .sub-heading-container{
        margin-top: 5px 
    }
    .pager .left{
        left: initial;
        top: initial 
    }
    span.middle{
        top: 3px;
        position: relative 
    }
    .pager .right{
        right: initial;
        top: initial 
    }
}
@media (max-width:767px) and (min-width:481px){
    span.slide-in-btn-xs{
        top: 112px 
    }
    .sub-heading-container{
        margin-top: 65px 
    }
}
@media (max-width:960px) and (min-width:757px){
    .sub-heading-container{
        margin-top: 45px 
    }
}
span.spandiscript{
    float: left;
    color: #5b86b1;
    margin-top: -1px;
    margin-left: 0;
    border-right: 1px solid #ccc 
}
.topFive td,.topFive th{
    border-right: 0 solid #ccc !important 
}
.my-dashboard-sub-div>.page-header-container h2 .filter-btn{
    top: 4px;
    right: -10px 
}
.my-dashboard-sub-div>.page-header-container h2 .filter-btn i{
    font-size: 75% 
}
.error-body{
    background: #513b5f;
    color: #fff 
}
.error-div{
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    display: table;
    z-index: 2 
}
.error-div-inner>div>img{
    width: 40% 
}
.error-div .error-desc-short{
    font-size: 2em;
    color: rgba(96, 117, 128, .25);
    font-weight: 700;
    text-align: center;
    width: 100% 
}
.error-div a,.error-div p{
    font-size: 16px 
}
.error-div div{
    width: 60%;
    margin: 0 auto 
}
.error-div p{
    color: #ccc;
    margin: 30px 0 
}
@media (max-width:480px){
    .error-div div{
        width: 80%;
        margin: 0 auto 
    }
}
.ui-custom-desc{
    float: left;
    width: 100%;
    padding: 10px 0 
}
.refiautocomplete{
    width: 280px !important;
    z-index: 5000 !important 
}
.set-focused-cell{
    outline: #12ac1e solid 1px !important 
}
.searchbar .button{
    position: absolute;
    right: 18px;
    top: 47px 
}
.confirmation-height-fix{
    height: 140px !important;
    min-height: 100px !important 
}
.topFive th{
    position: relative;
    color: #8a8a8a !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border-bottom: 2px solid #ccc !important;
    height: 24px !important;
    font-size: 13px !important;
    font-weight: 500 !important 
}
.topFive th:last-child,.topFive tr td:last-child{
    border-right: none !important 
}
.topFive td{
    padding: 5px !important;
    line-height: 12px !important;
    background-color: #fff !important;
    border-bottom: 1px solid #ccc !important 
}
.topFive tr:last-child td{
    border-bottom: none !important 
}
.topFive th:before{
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f15b";
    font-size: 120%;
    position: absolute;
    color: #8a8a8a;
    z-index: 1;
    top: 5px;
    right: 5px;
    width: 2px;
    overflow: hidden 
}
.topFive th:last-child:before{
    width: 0 
}
.topFive td div{
    line-height: 15px 
}
.note-btn{
    font-size: 15px;
    width: 100%;
    float: left;
    padding: 5px 15px 0 20px 
}
a.note-btn label{
    font-weight: 400;
    margin-right: 5px;
    cursor: pointer 
}
.note-active label{
    color: #e23838 
}
.ggl-content{
    width: 86%;
    float: left;
    margin-left: 14% 
}
table.notification-tbl{
    width: 100%;
    margin-top: 17px 
}
.notification-tbl th{
    padding: 10px;
    background: #fbfbfb;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 2px solid #ccc 
}
.notification-tbl tr td{
    padding: 8px 11px;
    font-size: 12px;
    font-weight: 400;
    color: #000 
}
table.notification-tbl .fa-thumbs-o-up{
    font-size: 150%;
    color: #9a9a9a 
}
table.notification-tbl .fa-mail-forward{
    font-size: 150%;
    color: #6d6d6d 
}
.notification-tbl .fa-tag{
    font-size: 151%;
    color: #f98989 
}
ul.month-list{
    list-style: none;
    padding: 0;
    float: left;
    margin: 20px 0 
}
ul.month-list li{
    float: left;
    display: inline-block 
}
.month-list a{
    padding: 15px;
    height: 77px;
    width: 77px;
    display: table;
    background: #fff;
    border: 4px solid #eee;
    border-radius: 90px;
    margin: 5px 11px;
    cursor: pointer 
}
ul.month-list label{
    margin: 0;
    font-size: 15px;
    display: table-cell;
    font-weight: 700;
    color: #7d7d7d;
    cursor: pointer 
}
.month-list-container{
    position: absolute;
    top: 20px;
    left: 5px;
    width: 100%;
    background: #fff;
    border-radius: 5px 
}
.month-section{
    width: 22%;
    float: left;
    height: 68px;
    display: table;
    border: 3px solid #eee;
    margin: 5px 16px;
    border-radius: 90px 
}
ul.month-list .month-section label{
    color: #94b5d8;
    font-size: 15px;
    font-weight: 700 
}
label.btn-label{
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #eee;
    margin-top: 10px;
    border-bottom: 0;
    margin-bottom: 0;
    cursor: pointer 
}
#divPolList>b,button.btn-login,div#divSec2{
    padding: 10px 20px 
}
.btn-container-bottom-border{
    border-bottom: 1px solid #ddd;
    padding: 0 20px 
}
#tdHolder span,#tdHolderProfile span{
    margin: 5px 
}
#divdyeContent #spcounter{
    padding: 16px 
}
.job-accord-body{
    float: left;
    width: 100%;
    padding: 0 15px 5px;
    display: block 
}
.login-container{
    float: left;
    height: 663px;
    width: 100%;
    display: table 
}
.login-inner-container{
    display: table-cell;
    width: 100%;
    padding: 60px 
}
.login-form-section{
    padding: 30px 0;
    background: #fff;
    float: left;
    border-radius: 4px;
    position: relative 
}
.version-wrapper{
    position: absolute;
    bottom: 15px;
    right: 40px;
    font-weight: 700 
}
.logo-container{
    padding: 0 25px;
    float: left;
    width: 100%;
    margin-bottom: 10px 
}
label.lbl-tagline{
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #a5a5a5 
}
.login-form{
    padding: 10px;
    float: left;
    width: 100% 
}
.login-form input.form-control,.rp-form-section input.form-control{
    height: 40px;
    padding: 0 10px 
}
.carousel-fade .carousel-inner .item{
    -webkit-transition-property: opacity;
    transition-property: opacity 
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item{
    opacity: 0 
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right,.dboard-chart-slide-show{
    opacity: 1 
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0) 
}
.carousel-fade .carousel-control{
    z-index: 2 
}
.carousel,.carousel-inner,.carousel-inner .item,body,html{
    height: 100% 
}
.carousel-container{
    display: table 
}
@media screen and (min-width:768px){
    .carousel-caption{
        margin-top: 180px 
    }
    .logo-info-div{
        border-right: 1px solid #eee 
    }
    .login-form{
        margin-top: 20% 
    }
}
@media screen and (max-width:767px){
    .login-inner-container{
        padding: 10px 
    }
    .login-form-section{
        float: none 
    }
    .login-form{
        margin-top: 0 
    }
}
.car-inner .carousel-inner .item .carousel-caption{
    margin-top: 10% 
}
.car-inner .carousel-inner .item h1{
    font-size: 55px;
    font-weight: 300 
}
.car-inner .carousel-inner .item p{
    font-size: 25px;
    font-weight: 400;
    line-height: 24px 
}
.lbl-post-elm,.note-user,.numbered-section,.recCount{
    font-size: 14px;
    font-weight: 700 
}
.carousel-control.left{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0001) 100%) 
}
.carousel-control.right{
    right: 0;
    left: auto;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, 0) 100%) 
}
.carousel-inner .item{
    height: 400px 
}
.carousel-caption{
    text-align: left;
    bottom: inherit 
}
.carousel-inner>.item>img.login-background{
    overflow: hidden;
    position: absolute 
}
body.rp-body{
    background: #f3f3f3 
}
.rp-fluid{
    padding: 0;
    width: 100%;
    height: 630px 
}
.reset-pass-top-section{
    width: 100%;
    height: 67px;
    float: left;
    -webkit-box-shadow: 0 1px 2px 0 #dcdcdc;
    -moz-box-shadow: 0 1px 2px 0 #dcdcdc;
    box-shadow: 0 1px 2px 0 #dcdcdc;
    background: #fff 
}
.rp-logo-section{
    width: 150px;
    padding: 10px;
    float: left 
}
.content-backdrop{
    display: table;
    float: left;
    width: 100%;
    margin: 0 auto 
}
.content-backdrop-inner{
    display: table-cell;
    vertical-align: middle 
}
.rp-content-section{
    width: 320px;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 1px 2px 0 #dcdcdc;
    -moz-box-shadow: 0 1px 2px 0 #dcdcdc;
    box-shadow: 0 1px 2px 0 #dcdcdc 
}
.rp-header-section{
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px 
}
.rp-header-section h2{
    margin: 0;
    font-weight: 500 
}
.rp-form-section .form-group{
    margin: 0 0 15px 
}
.numbered-section{
    padding: 15px;
    background: #9d9c9e;
    position: absolute;
    color: #fff 
}
.note-inner-container{
    padding-left: 70px 
}
.note-user{
    padding: 10px 0;
    color: #333 
}
.note-date{
    color: #aaa;
    font-size: 12px;
    font-weight: 700;
    padding: 0 
}
.login-notification{
    border: 4px solid #e6913a;
    border-radius: 2px;
    width: 300px;
    position: absolute;
    z-index: 1000;
    padding: 10px;
    right: 20px;
    top: 200px;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0 
}
.login-notification a{
    color: #fff;
    position: absolute;
    right: 10px;
    top: 6px 
}
.login-notification .fa-exclamation-triangle{
    position: absolute;
    color: #000;
    font-size: 289%;
    top: 20px;
    left: 15px 
}
.login-notification p{
    color: #6f3a14;
    font-size: 14px;
    font-weight: 600;
    margin-left: 50px;
    margin-top: 10px 
}
.login-notification-in{
    transform: scale(1);
    opacity: 1;
    filter: blur(0);
    top: 150px 
}
.widget-table{
    padding: 0 0 0 20px 
}
#divDBPageTwo #divTable{
    overflow: auto;
    width: 100% !important 
}
#divDBPageTwo #divTable .gridContainer{
    height: 375px !important 
}
.authenticatemessage{
    padding: 15px;
    color: #76869e;
    font-weight: 700;
    background: #e3ecff;
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, .18);
    margin: 20px -15px;
    font-size: 12px 
}
.tooltip-inner{
    color: #fff;
    background-color: #254169;
    border-radius: 0;
    font-weight: 700 
}
.tooltip.top .tooltip-arrow{
    border-top-color: #254169 
}
.version-icons{
    display: none;
    border: 2px solid #fff;
    border-radius: 50%;
    float: right;
    margin-top: -3px;
    margin-right: 5px;
    background-color: #fff;
    width: 20px;
    height: 20px 
}
.version-icons:first-child{
    margin-right: -5px 
}
.kpi-customer-container .kpi-tile{
    height: 120px;
    background: #8bc34a 
}
.kpi-customer-container span.kpi-value{
    font-weight: 300;
    color: rgba(0, 0, 0, .68) 
}
.spnNetAssetAmount{
    width: 160px;
    overflow: hidden;
    line-height: 28px;
    float: left;
    height: 34px 
}
.spnNetAssetCurrency{
    float: left;
    line-height: 27px;
    margin-right: 10px 
}
.mid-allign-main-container{
    width: 100%;
    height: 100%;
    float: left;
    display: table;
    text-align: center 
}
.table-elm{
    float: left;
    display: table;
    min-height: 350px 
}
.prod-stat-capsule{
    margin: 0 auto;
    display: inline-block;
    position: relative 
}
.prod-stat-container{
    width: 250px;
    height: 250px;
    position: relative;
    float: left;
    border-radius: 150px;
    border: 7px solid rgba(51, 51, 51, .05);
    margin: 20px;
    background: #eaeff9 
}
.prod-stat-name{
    float: left;
    width: 100%;
    padding: 20px;
    font-size: 23px;
    display: table-cell;
    margin-top: 60px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 25px;
    color: #9ba2b5 
}
.prod-stat-value{
    font-size: 30px;
    font-weight: 700;
    color: rgba(104, 158, 46, .58) 
}
span.product-zoom{
    position: absolute;
    bottom: 5px;
    background: rgba(255, 255, 255, .75);
    width: 40px;
    height: 40px;
    border-radius: 90px;
    padding: 8px;
    left: 55px 
}
.product-zoom i{
    font-size: 177% 
}
.gallery-slide{
    background: #333;
    position: absolute !important;
    width: 100%;
    top: 135px;
    z-index: 5000;
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    min-height: 410px;
    margin-left: -50px;
    padding: 0 50px 
}
.dg-wrapper a,.org-add-button,.org-del-button{
    background: 0 0 !important 
}
.gallery-open{
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1) 
}
a.close-gallery{
    float: right;
    padding: 10px;
    z-index: 200;
    position: absolute;
    right: 0 
}
.close-gallery i{
    font-size: 170%;
    color: rgba(255, 255, 255, .59) 
}
.z-index-5996{
    z-index: 5996 
}
.user-info-z-index-5010{
    z-index: 5010 
}
#divOperationPopup .tgl-widget-content{
    overflow: visible 
}
.divOpenQtyAlign{
    width: 38% !important;
    text-align: right !important 
}
.default-empty-div{
    width: 100%;
    float: left;
    margin-top: 0;
    text-align: center;
    padding: 65px;
    background: 0 0;
    border-radius: 0;
    font-size: 19px;
    font-weight: 400;
    color: #aaa;
    line-height: 23px;
    border: 3px dashed #e6e6e6 
}
a.empty-content{
    height: 70px;
    width: 70px;
    display: block;
    text-align: center;
    margin: 0 auto 20px;
    padding: 10px;
    border-radius: 90px;
    border: 3px dashed #dadada 
}
.step span,a#comj360View{
    width: 100%;
    font-size: 13px 
}
.default-empty-div i{
    font-size: 300%;
    color: rgba(0, 0, 0, .31);
    line-height: 49px 
}
.default-empty-div i.fa-comments{
    font-size: 300%;
    color: #aed5ea;
    line-height: 49px;
    margin: 10px auto;
    width: 100% 
}
@media (min-width:768px){
    .page-header-container{
        z-index: 2980 
    }
    .ft-main-indicatrs-section{
        padding: 0 
    }
    span.slide-in-btn-xs{
        display: none 
    }
    .mat-section-header span.report-item-action{
        left: -10px 
    }
    .report_main .mat-section-header .report-item-action{
        left: 0 
    }
    .default-empty-div-container{
        padding: 0 20px 
    }
}
.post-count{
    position: relative;
    top: -18px;
    left: -13px;
    font-size: 9px;
    font-weight: 700;
    border-radius: 3px;
    border: 4px solid #333 
}
span.action-item i.fa-home{
    left: 5px;
    font-size: 77%;
    top: 5px 
}
.shopfloor-qty{
    position: absolute;
    top: 43px;
    left: 545px !important 
}
.completeqty-span{
    top: 22px 
}
.cmn-toggle{
    position: absolute;
    margin-left: -9999px 
}
.cmn-toggle+label{
    display: block;
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none 
}
input.cmn-toggle-round+label{
    padding: 2px;
    width: 120px;
    height: 60px;
    background-color: #ddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px 
}
input.cmn-toggle-round+label:before,input.cmn-toggle-round-flat+label{
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s 
}
input.cmn-toggle-round+label:after,input.cmn-toggle-round+label:before{
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "" 
}
input.cmn-toggle-round+label:before{
    right: 1px;
    background-color: #f1f1f1;
    -o-border-radius: 60px;
    border-radius: 60px;
    transition: background .4s 
}
input.cmn-toggle-round+label:after{
    width: 58px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -webkit-transition: margin .4s;
    -moz-transition: margin .4s;
    -o-transition: margin .4s;
    transition: margin .4s 
}
input.cmn-toggle-round-flat:checked+label,input.cmn-toggle-round:checked+label:before{
    background-color: #8ce196 
}
input.cmn-toggle-round-flat+label{
    padding: 2px;
    width: 50px;
    height: 20px;
    background-color: #ddd;
    -o-border-radius: 60px;
    border-radius: 60px;
    transition: background .4s 
}
input.cmn-toggle-round-flat+label:after,input.cmn-toggle-round-flat+label:before{
    display: block;
    position: absolute;
    content: "" 
}
input.cmn-toggle-round-flat+label:before{
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s 
}
input.cmn-toggle-round-flat+label:after{
    top: 4px;
    left: 5px;
    bottom: 4px;
    width: 20px;
    background-color: #ddd;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: margin .4s, background .4s;
    -moz-transition: margin .4s, background .4s;
    -o-transition: margin .4s, background .4s;
    transition: margin .4s, background .4s 
}
input.cmn-toggle-round-flat:checked+label:after{
    margin-left: 20px;
    background-color: #8ce196 
}
input.cmn-toggle-yes-no+label{
    padding: 2px;
    width: 120px;
    height: 60px 
}
input.cmn-toggle-yes-no+label:after,input.cmn-toggle-yes-no+label:before{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    font-family: "Roboto Slab", serif;
    font-size: 20px;
    text-align: center;
    line-height: 60px 
}
.costcontent li:before,.org-add-button:before,.org-del-button:before{
    font-family: FontAwesome;
    font-style: normal;
    z-index: 1;
    display: inline-block 
}
input.cmn-toggle-yes-no+label:before{
    background-color: #ddd;
    content: attr(data-off);
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden 
}
input.cmn-toggle-yes-no+label:after{
    background-color: #8ce196;
    content: attr(data-on);
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden 
}
input.cmn-toggle-yes-no:checked+label:before{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg) 
}
input.cmn-toggle-yes-no:checked+label:after{
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0) 
}
.gallery-slide p{
    font-size: 15px;
    line-height: 20px;
    color: #fff 
}
.black-strip .form-horizontal input[type=email],.black-strip .form-horizontal input[type=password],.black-strip .form-horizontal input[type=text],.black-strip .form-horizontal select,.black-strip .form-horizontal textarea{
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0) 
}
.black-strip .datetimepicker table tr td.new,.black-strip .datetimepicker table tr td.old{
    padding: 0 10px;
    color: #888 !important;
    font-size: 15px;
    background: rgba(255, 255, 255, .01);
    width: 50px !important;
    height: 40px;
    border-radius: 0;
    margin: 5px !important;
    border: 5px solid rgba(255, 255, 255, 0) 
}
.black-strip .table-condensed>tbody>tr>td,.black-strip .table-condensed>tbody>tr>th,.black-strip .table-condensed>tfoot>tr>td,.black-strip .table-condensed>tfoot>tr>th,.black-strip .table-condensed>thead>tr>td,.black-strip .table-condensed>thead>tr>th{
    padding: 0;
    color: #fff !important;
    font-size: 15px;
    background: rgba(255, 253, 253, .05);
    width: 40px !important;
    height: 41px;
    border-radius: 0;
    margin: 5px !important;
    border: 5px solid rgba(255, 255, 255, 0) 
}
.black-strip .table-condensed>tbody>tr>td:first-child{
    border-left: 0 solid rgba(255, 255, 255, 0) 
}
.black-strip .table-condensed>tbody>tr>td:last-child{
    border-right: 0 solid rgba(255, 255, 255, 0) 
}
.black-strip .table-condensed>tbody>tr>td:hover{
    background: rgba(255, 255, 255, .38) !important;
    color: #333 !important 
}
.datetimepicker-inline{
    width: 100% !important;
    padding: 0 0 15px !important 
}
#page-wrap .btn{
    margin-left: 2px;
    margin-bottom: 15px;
    border: 1px solid #fff;
    font-size: 15px;
    background: rgba(51, 51, 51, 0);
    margin-top: 15px 
}
#page-wrap .btn:hover{
    background: rgba(255, 255, 255, .11) 
}
a#comj360View{
    line-height: 11px;
    color: #6b8cbf;
    text-decoration: none;
    border: 1px dashed #eee;
    font-weight: 700;
    float: left;
    text-transform: capitalize 
}
a#comj360View:hover{
    background: #ddeaff 
}
.kpi-customer-container{
    margin-top: 10px 
}
.light-sky-blue{
    background-color: #222946 !important 
}
.input-group-addon{
    padding: 4px 9px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 0;
    text-align: center;
    border-right: 0;
    background: #eee;
    border-top: 1px solid #ccc 
}
.help-block{
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    color: red 
}
.set-error-border{
    border: 1px solid red !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) 
}
.set-row-background-color{
    background-color: #ddd 
}
.report-filter-widget{
    overflow-y: auto;
    max-height: 500px;
    position: absolute;
    width: 320px;
    display: none 
}
.steps-container{
    padding: 10px 15px;
    height: 60px;
    position: absolute 
}
.settings-steps-container{
    position: absolute;
    z-index: 10;
    top: 105px;
    left: 20px 
}
.step{
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 90px;
    border: 2px solid #7b9ac5;
    display: table 
}
.step span{
    display: table-cell;
    margin: 0 auto;
    text-align: center;
    color: #24538e;
    font-weight: 700;
    font-style: italic 
}
span.step-to-line{
    position: absolute;
    left: 45px;
    width: 100px;
    border-top: 2px solid #7b9ac5;
    top: 24px 
}
span.step-line-2{
    left: 175px 
}
.step-2{
    left: 145px 
}
.step-3{
    left: 275px 
}
.config-slides{
    position: absolute;
    opacity: 0;
    z-index: 5;
    top: 140px;
    left: 20%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0) 
}
.config-slides-in{
    opacity: 1;
    z-index: 9;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1) 
}
.active-step{
    background: #7b9ac5 
}
.step-number{
    width: 90px !important;
    color: #fff;
    height: 90px;
    background: #0999fd;
    padding: 38px 0;
    font-weight: 400;
    font-size: 20px;
    border-radius: 90px;
    text-transform: uppercase 
}
.icon-sticker{
    padding: 27px 0 
}
.center-align{
    float: none;
    margin: 0 auto 10px 
}
.init-settings-h1{
    font-size: 20px;
    margin: 20px 0 
}
.settings-h2{
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px 
}
.settings-info-p{
    font-size: 15px;
    font-weight: 600;
    line-height: 19px 
}
.settings-list li{
    padding: 5px;
    font-size: 13px 
}
.settings-list i{
    font-size: 140%;
    padding: 0 10px 0 0 
}
.settings-list a{
    font-weight: 600 
}
.settings-h2 i.important,ul.settings-list li i.important{
    color: #ff2f2f 
}
.settings-h2 i.secondary,ul.settings-list li i.secondary{
    color: #ffa700 
}
ul.settings-list li i.fa-question-circle{
    float: right;
    padding: 0;
    margin-right: -3px 
}
.admin-settings-sub{
    font-size: 17px;
    font-weight: 500 
}
.listed-node{
    background: #1c75b5;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    border-radius: 2px 
}
.node-sect{
    background: rgba(51, 51, 51, .25);
    border-radius: 2px;
    border-bottom: 1px solid rgba(51, 51, 51, .41) 
}
.company-sect{
    padding: 13px 15px;
    width: 75% 
}
.listed-node>div>div{
    padding: 0 10px 
}
.set-node-h2{
    font-size: 17px;
    padding: 10px 0;
    margin: 0;
    font-weight: 700;
    color: #fff 
}
.node-cont-h,h1#lnkTeplateStatus{
    font-size: 14px !important;
    line-height: 29px !important;
    width: 138px 
}
.dm-icon i.fa-download{
    font-size: 215%;
    left: 18px;
    top: 20px 
}
#my-dashboard-reports-detailed span.action-item i.fa-download{
    font-size: 157% 
}
span.action-item i.fa-file-excel-o{
    font-size: 76% 
}
.calendars-popup,.ui-widget-content{
    background: #fff;
    border: 0;
    padding: 0;
    z-index: 5006 
}
.dpchanger .ui-widget-content{
    -moz-box-shadow: 0 2px 10px transparent;
    -webkit-box-shadow: 0 2px 10px transparent;
    box-shadow: 0 2px 10px transparent 
}
.calendars-month th,.calendars-month th a,.ui-datepicker-calendar thead tr th{
    font-weight: 500;
    font-size: 13px;
    color: #5f5e5e;
    text-transform: uppercase;
    background: #eee;
    border: 0;
    padding: .7em .3em 
}
.ui-datepicker{
    width: 300px 
}
.dpchanger .ui-datepicker{
    width: 220px 
}
.ui-datepicker td a,.ui-datepicker td span{
    padding: 10px;
    text-align: center 
}
.ui-datepicker .ui-datepicker-header{
    padding: 25px 10px 
}
.calendars-month-header{
    padding: 15px 10px 30px 
}
#meu-reportPeriod_Np2 .calendars-month-header{
    padding: 10px 10px 20px 
}
.calendars-cmd{
    height: auto !important;
    padding: 10px;
    background: rgba(0, 0, 0, .18);
    width: 33.333% 
}
.calendars-month thead{
    border-bottom: 0 solid #aaa 
}
.calendars-month-header input,.calendars-month-header select{
    background-color: #fff;
    color: #333;
    font-weight: 700;
    height: 20px;
    margin-top: -20px 
}
.calendars-month td .calendars-today{
    background-color: #eee;
    color: #333 
}
.calendars-cmd:hover{
    background-color: rgba(119, 119, 119, .47);
    color: #fff 
}
.calendars-ctrl .calendars-cmd:hover,.calendars-month td .calendars-highlight{
    background-color: rgba(33, 150, 243, .54);
    color: #fff 
}
.calendars-month{
    width: 291px;
    border: 0 
}
.calendars-month td{
    background: #fff;
    border: 0;
    padding: 2.5px 
}
.calendars-month table tr th{
    font-size: 10px 
}
.calendars-popup .eng-num{
    position: absolute;
    right: 12px;
    font-size: 8px;
    bottom: 0 
}
.other-lang{
    position: absolute;
    top: 13px;
    left: 13px 
}
.ui-datepicker-title select{
    border: 0;
    background: rgba(255, 255, 255, 0);
    color: #fff 
}
.ui-datepicker-title select option{
    background: #216ccc 
}
.calendars-month a,.calendars-month td span,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
    border: 0 solid #7b7b7b;
    background: rgba(138, 138, 138, 0);
    color: #6f6f6f;
    font-weight: 600;
    border-radius: 90px;
    width: 36px;
    height: 36px;
    padding: 11px 
}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{
    margin: 5px;
    border-radius: 90px;
    top: 22px 
}
#meu-reportPeriod_Np2 .calendars-month a,#meu-reportPeriod_Np2 .calendars-month span{
    width: 27px;
    height: 27px;
    padding: 0 
}
.calendars-month td span{
    background: rgba(138, 138, 138, 0);
    opacity: .4 
}
.dpchanger .ui-state-default,.dpchanger .ui-widget-content .ui-state-default,.dpchanger .ui-widget-header .ui-state-default{
    width: 19px;
    height: 19px;
    padding: 3px 
}
.datetimepicker{
    padding: 0;
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 260px;
    border: 0 
}
.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td{
    width: 35px;
    height: 35px;
    border-radius: 90px 
}
.datetimepicker .datetimepicker-days .table-condensed thead tr:first-child th{
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400 
}
.datetimepicker .datetimepicker-days .table-condensed thead tr:first-child th:hover{
    background: #2196f3;
    height: 67px 
}
.datetimepicker .datetimepicker-days .table-condensed thead tr:last-child{
    height: 30px;
    background: #007bdc 
}
.datetimepicker .datetimepicker-days .table-condensed thead tr:first-child{
    height: 67px;
    background: #2196f3 
}
.datetimepicker .table-condensed>thead>tr>th{
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400 
}
.datetimepicker .table-condensed>tfoot>tr>th{
    border-radius: 0;
    background: #eee;
    font-weight: 400;
    text-transform: uppercase 
}
.datetimepicker table tr td.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active:hover{
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #006dcc;
    background-repeat: repeat-x;
    background-image: none !important;
    border-color: #04c #04c #002a80 
}
.datetimepicker table tr td.active.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active:hover:active{
    background-color: #2196f3 
}
label.sub-heading{
    font-size: 152%;
    font-weight: 300 
}
.spnmain{
    background: #f7f7f7;
    border-right-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important 
}
.dboard-chart-slide,.rma-slide-2{
    position: absolute;
    background: #fff 
}
.padding-sides-0{
    padding-left: 0;
    padding-right: 0 
}
.padding-sides-20{
    padding-left: 20px;
    padding-right: 20px 
}
.domain-name-container{
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-left: -15px 
}
.domain-name-container label{
    font-size: 19px;
    color: #848484 
}
.home-page-header{
    border-bottom: 1px solid #ccc;
    padding: 0 40px 
}
.home-page-header h1{
    margin: 5px 0;
    font-weight: 300;
    font-size: 30px 
}
#lnkCompanyName{
    float: left;
    margin-left: 15px 
}
.home-page-header img{
    width: 35px;
    height: 35px;
    margin-top: 3px;
    float: right;
    cursor: pointer;
    display: inline-block 
}
#divRightPanelContent table>tbody>tr>td,.pfpmodnchildc{
    vertical-align: top 
}
.dboard-chart-slide{
    top: 90px;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    display: none 
}
#compImg{
    float: left;
    height: 35px;
    margin-top: 5px 
}
#divST table tbody tr{
    border-bottom: 1px solid #ccc;
    height: 30px 
}
#divST table tbody tr:last-child{
    border-bottom: 0 solid #ccc 
}
form#signature-form .button i{
    font-size: 140%;
    margin: 0 
}
.div-Sec-padding{
    padding: 0 20px 40px 
}
#divCCTemplate table tbody tr td{
    padding: 3px 0 
}
.up-tbl-form-left tbody tr td,.upermit-container tbody tr td{
    padding: 0;
    height: 28px 
}
.upermit-checkbox-area{
    margin-top: 10px;
    float: left;
    width: 100% 
}
.upermit-checkbox-area tbody tr td{
    height: 24px;
    line-height: 14px 
}
.bl-base table tr td,.blevel-tbl tbody tr td{
    padding: 0;
    height: 27px 
}
.com-rule-header,.processitem,.processno{
    height: 50px 
}
.divleftpan{
    border-right: 1px solid #ccc;
    width: 280px;
    float: left 
}
.rpanel-content{
    float: left;
    width: 50%;
    padding: 10px 0 20px 20px 
}
.rpanel-content table tr td{
    min-height: 33px;
    line-height: 21px 
}
span.list-policy-itm{
    float: left;
    width: 70%;
    padding-top: 10px;
    font-size: 13px;
    font-weight: 700 
}
span.list-policy-desc{
    width: 70%;
    float: left;
    margin-top: 5px 
}
.slim-div-doc{
    padding: 15px 30px 20px 20px 
}
.pfpmodnchildc{
    width: 403px;
    display: inline-block 
}
.processno{
    float: left;
    font-size: 23px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    border-radius: 90px;
    font-weight: 300 
}
.processname,.selected-tile{
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    width: 200px;
    line-height: 18px;
    height: 50px 
}
.selected-tile{
    font-size: 12px;
    font-weight: 700 
}
.selected-tile-arrow,.selected-tile-mark{
    right: 0;
    padding: 0 !important;
    position: absolute 
}
#tblGridTimeRecord tbody tr td:last-child .timercfix,.ax2{
    right: 20px 
}
.selected-tile-mark{
    float: right;
    z-index: 1;
    border-color: transparent !important 
}
.selected-tile-arrow{
    border-style: solid;
    border-width: 0 31px 30px 32px !important;
    top: 0 
}
.gridCaption{
    border-bottom: 3px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 100 
}
.counter{
    text-align: center;
    width: 32px;
    border: 1px solid transparent;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    margin-top: 2px;
    margin-right: 3px;
    float: right 
}
.bmc-container{
    margin-top: 40px !important 
}
.uic-fliter-container{
    padding: 5px 20px;
    border-bottom: 1px solid #ccc;
    margin-top: 50px 
}
.uic-heading{
    margin: 10px 0 0;
    line-height: 18px;
    font-size: 20px;
    display: inline-block;
    vertical-align: super;
    font-weight: 400 
}
.UICustomizer-header{
    height: 44px;
    padding: 0 20px 0 70px !important;
    float: left;
    margin-left: -50px 
}
h1#lnkTeplateStatus{
    margin: 10px 0 0 !important 
}
h1#lnkTeplateStatus .pic16-select-arrow{
    position: absolute;
    right: 24px;
    bottom: 15px 
}
#tblTERecurrence tbody tr td{
    width: initial 
}
#tblTERecType>tbody>tr>td{
    padding: 4px 7px 
}
.dashpadding{
    padding: 46px 0 0 
}
.sca-emp-acount span.pic16-search{
    bottom: 17px !important;
    right: 20px !important;
    position: absolute 
}
.sca-emp-acount span.pic16-close{
    bottom: 17px !important;
    right: 40px !important;
    position: absolute 
}
.ax2{
    position: absolute;
    top: 7px;
    padding: 4px;
    width: 16px;
    height: 16px;
    border: 3px solid #cecece;
    border-radius: 30px 
}
.left-sect-container{
    width: 335px;
    float: left;
    margin: 0 
}
.left-sect-inner{
    width: 100%;
    float: left;
    overflow-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    white-space: normal 
}
.com-org-desc{
    width: 65% 
}
#divJournalContent{
    overflow: auto;
    height: 497px 
}
.rma-slide-2{
    width: 100%;
    height: 440px;
    right: -950px;
    top: 0 
}
.jqx-calendar-title-header-metro,.jqx-grid-column-header-metro,.jqx-grid-header-metro,.jqx-grid-metro .jqx-widget-header-metro,.jqx-input-button-header-metro,.jqx-window-header-metro{
    color: #767676;
    background: #fff !important;
    border: none;
    border-bottom: 2px solid #ccc 
}
.jqx-widget-header>div>div{
    border-right: 2px solid #ccc;
    padding-bottom: 0 !important 
}
.jqx-widget-header>div{
    border-right: none 
}
.jqx-grid-column-header span{
    font-size: 13px;
    text-transform: capitalize;
    color: #8a8a8a;
    font-weight: 500 
}
.jqx-grid-cell-alt-metro,.jqx-grid-cell-filter-alt-metro,.jqx-grid-cell-pinned-metro,.jqx-grid-cell-sort-alt-metro,.jqx-grid-cell-sort-metro{
    background-color: #fff !important 
}
.jqx-grid-cell-selected-metro,.jqx-widget-metro .jqx-grid-cell-selected-metro{
    color: #333 !important;
    background-color: #eee !important;
    border-color: #ccc !important 
}
.jqx-grid-cell div{
    padding: 0 2px 
}
.jqx-reset-arctic .jqx-cell{
    padding: 2px 5px 
}
.jqx-reset-arctic .jqx-grid-table .jqx-grid-cell{
    border-width: 0 0 1px 
}
.jqx-reset-arctic .jqx-widget-header-arctic{
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
    background: -moz-linear-gradient(100% 100% 90deg, #fff, #fff);
    background: -ms-linear-gradient(top, #fff 0, #fff 100%);
    background: linear-gradient(top, #fff 0, #fff 100%);
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05) 
}
.jqx-grid-pager input[type=text]{
    height: 15px 
}
#txtExDesc{
    width: 100% !important;
    height: 80% !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word 
}
.set-width{
    width: 1334px 
}
.dashboard-charts .dbhmchrt{
    border-bottom: 0 solid #eee !important;
    border-top: 0 solid #ccc !important 
}
.dashboard-charts .canvas-container{
    margin-bottom: 20px;
    border-radius: 0 0 5px 5px 
}
.chart-nav-bar{
    padding: 8px 20px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100% 
}
.kpi-mod-div{
    margin: -14px 0 23px;
    font-size: 14px;
    font-weight: 700;
    background: #f3f3f3;
    padding: 15px;
    float: left;
    width: 100%;
    color: #8c8c8c 
}
.chart-nav-bar label{
    font-size: 15px;
    font-weight: 700;
    margin: 0 
}
.chart-controll-btn-area{
    float: right;
    margin-right: -15px 
}
.chart-controll-btn-area a{
    font-size: 140%;
    color: rgba(116, 116, 116, .61);
    padding: 0 5px 
}
.chart-controll-btn-area a:hover{
    color: #111 
}
:-webkit-full-screen{
    position: fixed;
    width: 100%;
    top: 0;
    background: 0 0;
    height: 100% 
}
:-moz-full-screen{
    position: fixed;
    width: 100%;
    top: 0;
    background: 0 0;
    height: 100% 
}
:-ms-fullscreen{
    position: fixed;
    top: 0;
    background: 0 0;
    width: auto;
    height: auto;
    margin: auto 
}
:fullscreen{
    position: fixed;
    width: 100%;
    top: 0;
    background: 0 0;
    height: 100% 
}
.group-box-left{
    border-right: 1px solid #ccc;
    width: 280px;
    float: left;
    background: #fff;
    margin-left: 50px 
}
.mbBtn{
    border: 1px solid #ccc;
    margin: 5px;
    padding: 3px 5px;
    border-radius: 90px;
    position: relative;
    top: -1px 
}
.indicator-wrapper{
    float: left;
    width: 100%;
    background: #f8c538;
    margin-bottom: 10px 
}
.indicator-wrapper>div{
    padding: 10px 20px;
    width: 100% 
}
.ind-label{
    background: rgba(51, 51, 51, .45) 
}
.indicator-wrapper label{
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600 
}
.ind-value label{
    font-size: 30px;
    font-weight: 300 
}
@media (max-width:768px){
    .background-div,.box-tile,.tile-content-div{
        width: 85.5px;
        height: 85.5px 
    }
    span.box-tile-title{
        font-size: 14px 
    }
    span.box-tile-value{
        font-size: 30px 
    }
    .tile-content-div{
        padding: 5px 
    }
    .kpi-main,.report-wrap-div,.report_main{
        width: 100% !important 
    }
    span.report-item-action{
        float: none;
        text-align: center;
        display: inline-block 
    }
    .report-wrap-div{
        position: relative;
        display: block;
        float: left 
    }
    span.tile-action-checkbox{
        position: absolute;
        right: 14px;
        top: 0 
    }
    .chart-main{
        float: left;
        min-width: 200px 
    }
    .content-section-charts{
        padding: 0 0 6px;
        margin: 15px 0 0 
    }
    .chart_pool_main>div,.response-detail-div{
        width: 100% 
    }
    .default-empty-div-container{
        padding: 0 2px 
    }
    .group-box-left{
        width: 280px;
        position: fixed;
        z-index: 1;
        top: 169px;
        left: -280px 
    }
    .group-box-left-in{
        left: 0 !important 
    }
    .tblgridbase td>div{
        height: 30px 
    }
    .tblgridbase .tb{
        height: 74px !important 
    }
}
@media (max-width:768px) and (min-width:481px){
    .group-box-left{
        top: 186px 
    }
}
@media (max-width:481px){
    .group-box-left{
        top: 126px 
    }
}
@media (min-width:1025px){
    .mbBtn{
        display: none 
    }
}
.costcontent li{
    display: inline-block;
    margin-right: 10px;
    position: relative;
    float: left;
    margin-bottom: 21px 
}
.costcontent li:before{
    font-weight: 400;
    text-decoration: inherit;
    content: "\f00c";
    font-size: 120%;
    position: absolute;
    color: #fff;
    top: 0;
    left: 5px 
}
.costcontent li a{
    color: #fff;
    background: #5c97a9;
    padding: 5px 10px 5px 25px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 700 
}
div#divCostOb #SearchCost{
    border: 1px solid #ccc;
    border-radius: 90px;
    width: 200px;
    position: relative;
    padding-right: 30px 
}
div#divCostOb i{
    position: absolute;
    top: 5px;
    left: 195px;
    font-size: 123%;
    color: #908f8f 
}
div#CostContent{
    position: relative;
    top: 12px 
}
#myDiagramDiv{
    border: 0 !important;
    background: #fff !important 
}
div.orgChart div.node{
    width: 150px !important;
    box-shadow: none !important;
    border: 0 !important;
    background: #2083ca !important;
    border-radius: 2px !important 
}
.node lable{
    overflow: hidden;
    width: 150px;
    margin-left: -5px;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid rgba(51, 51, 51, .26);
    float: left;
    min-height: 32px;
    padding: 10px 5px;
    margin-top: -5px;
    background: rgba(0, 0, 0, .29);
    border-radius: 2px 2px 0 0 
}
.org-add-button{
    padding-left: 19px !important;
    padding-top: 2px !important;
    border: 0 !important;
    padding: 5px 5px 2px 20px;
    color: #fff;
    font-weight: 700 
}
.org-add-button:before,.org-del-button:before{
    font-weight: 400;
    font-size: 120%;
    position: absolute;
    color: #fff;
    text-decoration: inherit 
}
.org-add-button:before{
    content: "\f055";
    top: -13px;
    left: 3px 
}
div.orgChart tr.lines td.left{
    border-right: 2px solid #d0d0d0 !important 
}
div.orgChart tr.lines td.top{
    border-top: 2px solid #d0d0d0 !important 
}
.org-del-button:before{
    content: "\f056";
    top: -1px;
    left: -4px 
}
div#directions-panel{
    background: #2b92ce;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    overflow: auto 
}
.prod-batch-list input[type=checkbox]{
    width: 14px 
}
.prod-batch-list{
    list-style: none;
    padding: 0;
    margin: 10px 0 
}
.prod-batch-list li{
    margin: 5px 10px 5px 0;
    float: left;
    background: #6db4ff;
    padding: 5px;
    border-radius: 4px 
}
.prod-batch-list li a,.tlcon-groupheaders label{
    color: #fff;
    font-weight: 700 
}
.prod-batch-list li a input[type=checkbox]{
    width: 15px 
}
#divRightPanelContent table>tbody>tr>td:last-child{
    max-width: 300px;
    word-wrap: break-word 
}
.pp-history{
    width: 97.5%;
    left: 10px;
    padding: 0;
    top: 43px 
}
.sc-ftbanners>div{
    float: left;
    position: relative;
    bottom: -3px 
}
.tile-mark label{
    width: 100%;
    margin-bottom: 10px;
    color: #70bd4a;
    font-weight: 700;
    font-size: 25px 
}
.custom-tooltip{
    position: absolute;
    display: none;
    background-color: #fff;
    width: 400px;
    z-index: 5000;
    -webkit-box-shadow: 0 0 5px 1px #9c9c9c;
    -moz-box-shadow: 0 0 5px 1px #9c9c9c;
    box-shadow: 0 0 5px 1px #9c9c9c;
    border-radius: 3px;
    min-height: 113px !important;
    height: auto !important 
}
.custom-tooltip h3{
    max-height: 68px;
    overflow: hidden 
}
.custom-tooltip div{
    overflow: hidden;
    max-height: 100% 
}
.modal-backdrop{
    z-index: 5000 
}
.payble-txt span:last-child{
    position: absolute;
    right: 10px;
    top: 4px 
}
.cost-estim-td .pic16-file{
    position: absolute;
    top: 7px;
    right: -11px 
}
.setting-intro{
    padding: 10px 0 20px;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    max-height: 60px;
    min-height: 60px;
    color: #868686;
    border-bottom: 1px solid #ccc 
}
.bc-vals a,label.bc-appruwal-lbl{
    font-weight: 700;
    font-size: 20px;
    float: left 
}
.setting-switch .setting-intro{
    max-height: 85px;
    min-height: 85px 
}
label.bc-appruwal-lbl{
    line-height: 30px 
}
.bc-vals{
    padding-top: 10% 
}
.bc-vals a{
    width: 35%;
    line-height: 31px;
    margin-left: 10px 
}
.val-display td,.val-display th{
    font-size: 15px;
    line-height: 27px !important 
}
#treeGrid tbody td,#txtStatReason,#wbsSModel tr td{
    overflow: hidden;
    line-height: 20px 
}
.sp-processdesc>span{
    padding: 0 5px 0 65px !important;
    overflow: hidden 
}
#txtStatReason{
    max-width: 250px 
}
.cf-maincontainer{
    border: 1px solid #eee;
    border-bottom: 0 
}
.cf-content{
    padding: 10px 30px 
}
.cf-heading{
    background: #fff;
    padding: 8px 30px 
}
.cf-heading h2{
    margin: 0;
    font-size: 20px;
    font-weight: 400 
}
.editer-other-btn{
    height: 18px;
    width: 18px;
    margin-bottom: 0 
}
.rotate-90{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg) 
}
#divProcessTabtwo{
    float: left;
    width: 1052px;
    overflow: auto 
}
.recCount{
    padding: 5px 10px;
    position: absolute;
    right: 1px;
    background: #009fff;
    top: 1px;
    color: #fff 
}
#txtAdvExDesc{
    resize: none 
}
.stock-map-div{
    height: 400px;
    float: left;
    width: 100% 
}
.ftbase>div{
    padding-bottom: 30px 
}
.one-btn-input select,.width-fix select{
    width: 95% !important 
}
.width-fix .pic16-plus{
    float: none !important;
    vertical-align: middle !important;
    margin-left: 1px !important 
}
.margin-fix .pic16-plus{
    margin-left: 4px !important 
}
.cal-fix .divlookuptext input[type=text]{
    width: 92% !important 
}
.cal-fix .pic16{
    margin-left: -1px !important 
}
.divlookuptext #txtProductionOrder{
    min-width: 90% !important 
}
.empAdvanceHieght .divlookuptext{
    width: 97% !important 
}
.two-btn-input input[type=text]{
    width: 90% !important 
}
.three-btn-input input[type=text]{
    width: 86% !important 
}
a.fixed-dash-menu{
    float: right;
    font-size: 150%;
    color: rgba(51, 51, 51, .61);
    position: relative;
    top: 7px;
    padding: 5px 0 
}
.itm-disabled{
    color: #aeaeae;
    background: #ccc 
}
.side-post-nav{
    padding: 5px 15px;
    height: 100%;
    border-top: 4px solid #ccc;
    border-right: 4px solid #ccc;
    border-radius: 0 5px 0 0 
}
.lbl-post-elm{
    color: #787878;
    width: 80% 
}
.sub-section-items{
    padding-left: 15px;
    float: left;
    color: grey;
    font-size: 13px;
    font-weight: 500;
    width: 80% 
}
.postCount{
    padding: 0 8px;
    line-height: 26px !important;
    color: #333;
    font-weight: 700;
    margin-bottom: 0 
}
.log-grid{
    padding-top: 30px 
}
.font-change-wrapper a{
    padding: 4px 8px;
    color: #595858;
    background: #eee;
    border-radius: 90px;
    border: 1px solid #ccc 
}
.font-change-wrapper .form-control[readonly]{
    background: #fff;
    border: 1px solid #ccc;
    padding-left: 18px 
}
.lang-link-wrapper a{
    margin: 0 5px 
}
.lang-link-wrapper a:hover{
    color: #0b435f 
}
.jqx-grid-cell a{
    width: 100%;
    height: 31px;
    margin: 0 
}
.yq-button-wrapper{
    width: 25%;
    padding: 2px !important;
    float: left 
}
.yq-buttons{
    color: #fff !important;
    font-weight: 500;
    padding: 2px 0 
}
.year-scroll{
    text-align: center;
    float: left;
    width: 100% 
}
.year-scroll i{
    font-size: 173%;
    border-radius: 90px;
    border: 3px solid #7fb744;
    padding: 0 7px 0 6px;
    color: #4f5c94;
    font-weight: 700 
}
.year-scroll-desabled{
    pointer-events: none;
    opacity: .3 
}
.fp-wrapper{
    padding: 2px;
    float: left 
}
.jqx-dropdown .jqx-combobox-state-normal{
    padding: 5px 0 !important;
    width: 99.5% !important 
}
.jqx-dropdown .jqx-combobox-state-normal>div{
    padding: 0 10px !important;
    width: 99% !important 
}
.jqx-icon{
    margin-left: 7px !important;
    width: 9px !important 
}
.jqx-icon-arrow-down,.jqx-icon-arrow-down-selected{
    background-size: 131% 133% !important 
}
.jqx-widget-content .jqx-grid-validation{
    padding: 8px !important;
    height: 0;
    overflow: hidden;
    width: 10px;
    margin-top: -10px;
    border-radius: 2px !important;
    border: 2px solid red;
    background: #fff !important 
}
.jqx-widget-content .jqx-grid-validation:before{
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 120%;
    content: "\f128";
    top: 1px;
    left: 3px;
    position: absolute;
    color: red 
}
.error-pop::after,.error-pop:before{
    width: 0;
    height: 0;
    content: "";
    position: absolute 
}
.right-content-g3{
    margin-left: 352px 
}
.no-record{
    text-align: center;
    font-size: 20px;
    margin: 62px 20px 20px;
    padding: 10px;
    color: #ada9a9;
    background: #eee 
}
.error-pop{
    padding: 5px !important;
    border-radius: 2px;
    display: block;
    border: 1px solid #ccc;
    position: absolute;
    background: #fff;
    margin-top: 23px;
    max-width: 200px 
}
.error-pop:before{
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -5px;
    left: 3px;
    z-index: 1 
}
.error-pop::after{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    top: -7px;
    left: 2px 
}
.error-pop-body,.error-pop-head{
    padding: 5px !important;
    width: 100%;
    float: left 
}
.error-pop-body{
    color: #fff;
    background: #f15959;
    text-overflow: initial;
    white-space: normal 
}
.ip-grid-heading label,.main-heading>label{
    font-weight: 400;
    overflow: hidden 
}
.popover{
    z-index: 3000 
}
.ip-submenu{
    position: fixed;
    width: 60px;
    top: 99px;
    left: 50px;
    z-index: 2988;
    height: 100% 
}
.ip-content-area{
    float: left;
    padding-left: 45px;
    margin-top: -18px 
}
.ip-submenu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    float: left;
    background: #4caf50 
}
.ip-icon-sprite{
    width: 45px;
    height: 45px;
    text-align: center;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    background-image: url(images/icon-set-01.png);
    border-bottom: 1px solid rgba(51, 51, 51, .5);
    border-right: 1px solid rgba(51, 51, 51, .5);
    float: left 
}
#meu-reportPeriod2 .dateperiod .periods:first-child,#meu-reportPeriod2 .dateperiod .periods:nth-child(12),#meu-reportPeriod2 .dateperiod .periods:nth-child(6),#meu-reportPeriod2 .dateperiod .periods:nth-child(8),#meu-reportPeriod_Np2 .dateperiod .periods:first-child,#meu-reportPeriod_Np2 .dateperiod .periods:nth-child(12),#meu-reportPeriod_Np2 .dateperiod .periods:nth-child(6),#meu-reportPeriod_Np2 .dateperiod .periods:nth-child(8),.eng-num,.report-scale{
    display: block !important 
}
.ip-icon-btn-1{
    background-position: -24px -15px 
}
.ip-icon-btn-2{
    background-position: -24px -58px 
}
.ip-icon-btn-3{
    background-position: -25px -100px 
}
.ip-icon-btn-4{
    background-position: -25px -144px 
}
.ip-icon-btn-5{
    background-position: -109px -68px 
}
.ip-submenu a.ip-active,.ip-submenu a:hover{
    background: #e4e3d7 !important 
}
.ip-submenu a.ip-active .ip-icon-sprite,.ip-submenu a:hover .ip-icon-sprite{
    background-image: url(images/ip-sprite.png) 
}
.ip-submenu a.ip-active .ip-icon-btn-1,.ip-submenu a:hover .ip-icon-btn-1{
    background-position: -24px -20px 
}
.ip-submenu a.ip-active .ip-icon-btn-2,.ip-submenu a:hover .ip-icon-btn-2{
    background-position: -24px -70px 
}
.ip-submenu a.ip-active .ip-icon-btn-3,.ip-submenu a:hover .ip-icon-btn-3{
    background-position: -22px -111px 
}
.ip-submenu a.ip-active .ip-icon-btn-4,.ip-submenu a:hover .ip-icon-btn-4{
    background-position: -24px -150px 
}
.ip-active{
    opacity: .75 
}
.sub-section-borders .col-sm-1,.sub-section-borders .col-sm-2,.sub-section-borders .col-sm-3{
    margin-top: 1px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc 
}
.filter-section{
    padding: 0 30px 
}
.main-heading{
    border-bottom: 3px solid #ccc 
}
.main-heading>label{
    padding: 15px;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 15px;
    min-width: 35% 
}
.transe{
    opacity: .75 !important 
}
.ip-data-row>.col-sm-12 .col-sm-1,.ip-data-row>.col-sm-12 .col-sm-2,.ip-data-row>.col-sm-12 .col-sm-3{
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 2px dashed #ccc 
}
.main-heading button{
    float: right;
    vertical-align: bottom;
    margin-top: 20px;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #333;
    color: #333 !important;
    min-height: 28px 
}
.tblnotecontent .popover{
    max-height: 450px !important;
    overflow: auto;
    max-width: 460px;
    height: 450px 
}
.tbl-notification-div{
    padding-bottom: 200px;
    width: 100% 
}
.freez-div{
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 2981;
    top: 0;
    background: 0 0 
}
@media (max-width:1255px) and (min-width:900px){
    .three-btn-input input[type=text]{
        width: 75% !important 
    }
    .one-btn-input select{
        width: 90% !important 
    }
    .two-btn-input input[type=text]{
        width: 80% !important 
    }
}
.bi-sect{
    float: left;
    padding: 0 10px 
}
.message-task-item-div{
    float: left;
    border-bottom: 1px solid #eee;
    padding: 20px 0 5px;
    width: 100% 
}
.message-template-name{
    color: #676a6c;
    font-size: 13px;
    font-weight: 500;
    line-height: 0;
    word-break: break-all 
}
.message-template-body{
    font-size: 13px;
    margin-top: 5px;
    width: 100% 
}
.message-date-wrapper div{
    float: left;
    padding: 1px 0 0;
    font-size: 10px;
    color: #919090;
    font-weight: 400 
}
.mst-actions{
    font-size: 150%;
    margin: 5px;
    color: #cfcfcf;
    top: -2px;
    position: relative 
}
.mst-actions:first-child{
    color: #93c818 
}
.mst-actions:last-child{
    color: #e90000 
}
.mst-actions:hover{
    opacity: .6 
}
.message-date-wrapper .mst-actions{
    top: 8px 
}
.orange-1{
    background-color: #ffb436 
}
.red-1{
    background-color: #fb9f93 
}
.printout-icon-section i{
    font-size: 6em;
    margin: 0 0 0 -10px;
    color: rgba(255, 255, 255, .42) 
}
.job-item-wrapper{
    float: left;
    width: 100%;
    background: #eee;
    margin-bottom: 15px 
}
.job-item-heading{
    float: left;
    width: 100%;
    background: #4caf50 
}
.job-item-heading h2{
    margin: 10px;
    color: #fff 
}
.date-section{
    color: #333;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    float: left;
    line-height: 30px;
    padding: 10px 
}
.item-description-section{
    float: left;
    width: 100%;
    padding: 10px;
    background: #ccc 
}
.calendars-month td .calendars-selected,.calendars-month th.calendars-week{
    background-color: #2196f3 
}
.login-back{
    background-image: url(../styles/images/children-girls-kids-50581.jpg);
    height: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover 
}
@media (max-width:768px) and (min-width:480px){
    .gridpage-doc-detail{
        padding: 106px 0 0 50px !important 
    }
}
@media (max-width:479px) and (min-width:320px){
    .fis-year{
        font-size: 13px;
        line-height: 35px 
    }
    span#spPageName{
        font-size: 15px;
        width: 100%;
        float: left 
    }
    .page-header-container a b{
        display: none 
    }
    .page-header-container a i{
        margin: 0 
    }
    .doc-detail-with-message .page-header-container{
        top: 9px !important 
    }
    .page-header-container a{
        text-align: center;
        float: none !important 
    }
}
#g1010-t{
    height: 350px 
}
#NaviContainer{
    height: 78vh !important;
    overflow: auto;
    padding: 0;
    overflow-x: hidden 
}
@media (max-device-width:800px) and (orientation:portrait){
    .menu-sub-tree-v2,body{
        height: 100vh !important 
    }
    body{
        width: 100vw !important 
    }
    .menu-container-v2{
        margin-top: -5px 
    }
    .page-header-container{
        background: #4caf5040;
        margin-top: 60px 
    }
    #inspect>.page-header-container{
        background: #4caf5040;
        margin-top: -60px 
    }
    .menu-container-v2 ul{
        max-height: 100vh !important;
        padding-bottom: 130px !important 
    }
    #divDashboardDocDetail{
        position: relative;
        padding-top: 120px !important;
        margin: 0;
        float: left;
        padding: 0 
    }
    #divDashboardDocDetail .page-header-container{
        padding-top: 60px 
    }
    .grid-container{
        padding-top: 50px !important 
    }
    #divTaskTiles{
        padding-top: 20px 
    }
    #divTaskTiles a{
        display: inline-table 
    }
    #divTaskTiles span.box-tile-value{
        float: inherit;
        position: relative;
        bottom: -10px 
    }
    .db-section-header h2{
        width: 100%;
        display: grid 
    }
    .db-section-header h2 span{
        padding: 2px 
    }
    .db-section-header h2 span:nth-child(2){
        grid-column: 2;
        grid-row: 2 
    }
    .db-section-header h2 span:nth-child(3){
        grid-column: 3;
        grid-row: 2 
    }
    .dashboard-section-wrapper .db-section-inner:last-child{
        margin-bottom: 15px 
    }
    .doc-header .rightcontent{
        float: left;
        padding-left: 50px 
    }
    #balNotifiy,#baloonNotification,#divSLInfo,#mainConfig,#mainSignout{
        right: 120px !important 
    }
    .rightcontent{
        float: right !important;
        padding: 0 !important 
    }
    #lblLoggedUser{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 33%;
        padding-top: 25px !important;
        padding-left: 10px !important 
    }
    .hidden-xs{
        display: inherit !important;
        padding: 5px !important 
    }
    #mainConfig .font-change-wrapper{
        width: 100% !important 
    }
    #mainConfig .row{
        margin-left: 0 !important;
        margin-right: 0 !important 
    }
    #mainConfig .text-right{
        text-align: left !important;
        position: absolute;
        z-index: 169900 
    }
    #mainConfig .text-left{
        text-align: right !important;
        position: absolute;
        width: 90%;
        float: right !important;
        z-index: 15000;
        margin-top: -26px 
    }
    .tooltip{
        -moz-animation: 0s ease-in 2s forwards cssAnimation;
        -webkit-animation: 0s ease-in 2s forwards cssAnimation;
        -o-animation: 0s ease-in 2s forwards cssAnimation;
        animation: 0s ease-in 2s forwards cssAnimation 
    }
    @ keyframes cssAnimation{
        to{
            width: 0;
            height: 0;
            overflow: hidden 
        }
    }
    @-webkit-keyframes cssAnimation{
        to{
            width: 0;
            height: 0;
            visibility: hidden 
        }
    }
    .svg-logo{
        width: 50% !important;
        display: inline-block !important;
        max-width: 100% !important;
        float: left !important 
    }
    #headerLabel h2{
        text-align: left !important;
        padding-left: 30px 
    }
    .manu-main-tree-v2 li[data-original-title=Dashboard]{
        display: block !important 
    }
    .dialogbox{
        position: fixed !important;
        margin-left: 30px;
        left: 0 !important 
    }
    .logo-container .row .col-md-6{
        width: 50% 
    }
    .login-form-section{
        top: -650px 
    }
}
.home-special-tile{
    width: 145px;
    height: 75px;
    float: left;
    position: relative;
    margin: 0 7.5px 7.5px 0;
    border-radius: 1px 
}
.tile-content-div-special{
    width: 145px;
    height: 80px;
    z-index: 5;
    padding: 7px 
}
.box-tile-value-special{
    font-size: 12px !important;
    position: absolute;
    bottom: -5px;
    width: 100%;
    background: #022f10a6;
    right: 5px;
    margin: 3px -3px;
    color: #fff;
    font-weight: 500 !important;
    text-align: left;
    padding: 3px 
}
.box-tile-title-special{
    color: #fff;
    font-size: 30px !important;
    line-height: 23px;
    font-weight: 700 !important;
    position: absolute;
    left: -50px;
    top: 20px;
    width: 100% 
}
.tile-content-div-special{
    background: red 
}
.side-iconCommodityIssuePlan{
    height: 45px;
    width: 60px;
    background: url(images/CommodityReceive-Plan.PNG) 0 0/cover no-repeat;
    position: absolute;
    right: 5px;
    top: 12px;
    color: wheat;
    padding: 6px;
    z-index: 150 
}
.side-iconApprovals,.side-iconCommodityReceivePlan,.side-iconOtherTasks{
    position: absolute;
    right: 5px;
    top: 5px;
    color: wheat;
    padding: 6px;
    z-index: 150 
}
.side-iconCommodityReceivePlan{
    height: 50px;
    width: 50px;
    background: url(images/icon-store.PNG) 0 0/cover no-repeat 
}
.side-iconApprovals{
    height: 45px;
    width: 45px;
    background: url(images/iconApprovals.png) 0 0/cover no-repeat 
}

.side-iconOtherTasks{
    height: 45px;
    width: 45px;
    background: url(images/iconApprovals.png) 0 0/cover no-repeat 
}
.entution-logo{
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px 
}
.support-center{
    position: relative;
    top: -20px;
    padding: 10px;
    font-weight: 700;
    color: #00f 
}
.ggh1{
    position: fixed !important;
    left: 0 !important;
    right: 0;
    width: 100vw !important;
    border-radius: 0 !important;
    margin: 0 !important;
    max-width: 100vw !important;
    top: 200px !important;
    height: 250px !important;
    background: #4caf50 !important 
}
.ggh1 .headertext{
    padding: 40px 40px 40px 330px !important;
    font-size: 26px;
    line-height: 18px;
    color: #fff 
}
#dlgCheckUserLoginNotification{
    padding: 40px 40px 40px 350px !important;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    height: 200px !important 
}
.ggh1 .dialogbox-buttonarea{
    padding-left: 650px !important 
}
.ggh1 .dialogbox-buttonarea a{
    margin: 5px;
    color: #fff !important;
    float: left !important 
}
.ggh1 .dialogbox-buttonarea a:hover{
    margin: 5px;
    color: #4caf50 !important;
    float: left !important 
}
.ver-no-login{
    width: 100% !important;
    float: right;
    padding-top: 50px 
}
.ver-no-login p{
    width: 100% !important;
    float: right !important;
    text-align: right 
}
.secretarial-division{
    padding: 9px;
    width: 87vw;
    text-align: left 
}
@media (width:1024px){
    .login-inner-container{
        padding: 0 !important 
    }
    .rightcontent{
        border-radius: 0 0 0 50px 
    }
}
@media (width:768px){
    #lblLoggedUser,.shortcut-icons label{
        font-size: 14px !important 
    }
    #powerBiIcon label,.link-btn-wrap label{
        position: relative;
        z-index: 150;
        padding-left: 10px 
    }
    .shortcut-icons{
        display: inline-flex;
        overflow: scroll !important 
    }
    #powerBiIcon{
        margin-top: 18px 
    }
    #powerBiIcon a{
        width: 150px;
        background: red;
        margin-top: 0;
        height: 80px 
    }
    #powerBiIcon label{
        color: #000;
        margin-top: 0 
    }
    .link-btn-wrap a{
        width: 150px;
        margin-top: 18px;
        height: 80px 
    }
    .doc-detail{
        padding-top: 0 !important 
    }
    .doc-header{
        width: 105vw !important;
        padding-right: 20px 
    }
    .box-tile-value,.login-form-section,.login-inner-container{
        padding: 0 !important 
    }
    .logo-info-div{
        margin-top: 00px !important;
        height: 326px !important;
        width: 300px !important;
        margin-left: 40px !important 
    }
    #powerBiIcon img{
        max-height: 50px !important;
        max-width: 50px !important;
        float: left 
    }
    .shortcut-icons label{
        margin-top: -50px !important;
        color: #fff;
        text-align: left;
        margin-left: 60px !important 
    }
    .box-tile-value{
        font-size: 12px;
        width: 100% !important;
        text-align: center !important;
        bottom: -50px !important 
    }
    .tile-content-div-special{
        max-width: 250px !important;
        width: 180px !important;
        margin-left: -10px 
    }
    .db-section-inner{
        overflow: scroll !important;
        border: 0 !important 
    }
    .menu-icons-right-main{
        padding: 10px !important;
        margin: 5px 2px 2px !important;
        max-width: 40px 
    }
    .dashboardv2-pageheader{
        padding-top: 0 !important;
        width: 90vw !important;
        margin-bottom: 120px !important 
    }
    .link-btn-wrap label{
        color: #fff;
        margin-top: -60px !important 
    }
    .sponsor-logos{
        display: grid !important 
    }
    .dashboard-section-wrapper .db-section-inner{
        min-height: 160px !important 
    }
}
@media (max-width:500px){
    .body-login{
        overflow: hidden;
        background: url(images/166015.jpg) !important 
    }
    .secretarial-division{
        width: 100% !important 
    }
    .login-container{
        background: #fff !important;
        margin-left: -18px !important 
    }
    .logo-info-div{
        background: url(images/elms-login-mobile.png) 0 0/cover !important;
        height: 225px !important;
        margin-bottom: 20px !important 
    }
    .login-form-section{
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        -moz-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent !important 
    }
    .mobile-footer{
        position: absolute;
        margin-left: -40px;
        bottom: -50vh;
        width: 110vw;
        height: 80px;
        background: url(images/copyrights.png) no-repeat !important 
    }
    #powerBiIcon img{
        max-height: 50px !important;
        max-width: 50px !important;
        float: left 
    }
    .shortcut-icons label{
        margin-top: -50px !important;
        color: #fff;
        font-size: 14px !important;
        text-align: left;
        margin-left: 60px !important 
    }
    .box-tile-value{
        font-size: 12px;
        width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
        bottom: -50px !important 
    }
    .tile-content-div-special{
        max-width: 250px !important;
        width: 180px !important;
        margin-left: -10px 
    }
    .db-section-inner{
        overflow: scroll !important;
        border: 0 !important 
    }
    #lblLoggedUser{
        display: none !important 
    }
    .menu-icons-right-main{
        padding: 10px !important;
        margin: 5px 2px 2px !important;
        max-width: 40px 
    }
    .dashboardv2-pageheader{
        padding-top: 30px !important 
    }
}
@media (max-width:400px){
    .body-login{
        overflow: hidden;
        background: url(images/166015.jpg) !important 
    }
    .secretarial-division{
        width: 100% !important 
    }
    .login-container{
        background: #fff !important;
        margin-left: -30px !important 
    }
    .logo-info-div{
        background: url(images/elms-login-mobile.png) 0 0/cover !important;
        height: 225px !important 
    }
    .login-form-section{
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        -moz-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent !important 
    }
    .mobile-footer{
        position: absolute;
        margin-left: -40px;
        bottom: -50vh;
        width: 110vw;
        height: 80px;
        background: url(images/copyrights.png) no-repeat !important 
    }
    #powerBiIcon img{
        max-height: 50px !important;
        max-width: 50px !important;
        float: left 
    }
    .shortcut-icons label{
        margin-top: -50px !important;
        color: #fff;
        font-size: 14px !important;
        text-align: left;
        margin-left: 60px !important 
    }
    .box-tile-value{
        font-size: 12px;
        width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
        bottom: -50px !important 
    }
    .tile-content-div-special{
        max-width: 250px !important;
        width: 180px !important;
        margin-left: -10px 
    }
    .db-section-inner{
        overflow: scroll !important;
        border: 0 !important 
    }
    #lblLoggedUser{
        display: none !important 
    }
    .menu-icons-right-main{
        padding: 10px !important;
        margin: 5px 2px 2px !important;
        max-width: 40px 
    }
    .dashboardv2-pageheader{
        padding-top: 30px !important 
    }
}
@media (max-width:350px){
    .login-container{
        background: #fff !important;
        margin-left: -60px !important 
    }
    .logo-info-div{
        background: url(images/elms-login-mobile.png) 0 0/cover !important;
        height: 210px !important;
        margin-top: -50px !important;
        margin-bottom: 20px !important 
    }
    .login-form-section{
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        -moz-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent !important 
    }
    .mobile-footer{
        position: absolute;
        margin-left: -40px;
        bottom: -56vh;
        width: 110vw;
        height: 80px;
        background: url(images/copyrights.png) no-repeat !important 
    }
    #powerBiIcon img{
        max-height: 50px !important;
        max-width: 50px !important;
        float: left 
    }
    .shortcut-icons label{
        margin-top: -50px !important;
        color: #fff;
        font-size: 14px !important;
        text-align: left;
        margin-left: 60px !important 
    }
    .box-tile-value{
        font-size: 12px;
        width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
        bottom: -50px !important 
    }
    .tile-content-div-special{
        max-width: 250px !important;
        width: 180px !important;
        margin-left: -10px 
    }
    .db-section-inner{
        overflow: scroll !important;
        border: 0 !important 
    }
    #lblLoggedUser{
        display: none !important 
    }
    .menu-icons-right-main{
        padding: 10px !important;
        margin: 5px 2px 2px !important;
        max-width: 40px 
    }
    .dashboardv2-pageheader{
        padding-top: 30px !important 
    }
    .secretarial-division{
        padding: 9px;
        width: 100% !important;
        text-align: center 
    }
}
.body-login{
    background: #285c4d !important 
}
.vesta-login-full-section{
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 28px -12px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 28px -12px rgba(0, 0, 0, .75);
    box-shadow: 0 0 28px -12px rgba(0, 0, 0, .75) 
}
.vesta-login-main{
    margin-top: 8%;
    padding: 5% 
}
.vesta-login-right-section{
    padding-top: 20px;
    border-left: 1px solid #e4e4e4 
}
.footer-copyrigth-mobile img{
    display: none;
    margin-top: -10% 
}
@media screen and (max-width:600px){
    .body-login{
        background: url(../styles/images/166015.jpg) 0 0/cover !important 
    }
    .vesta-login-full-section{
        padding: 1px;
        background: #fff;
        margin: 5% 0 0;
        height: 95vh 
    }
    .vesta-login-main{
        margin-top: -4%;
        padding: 15px 
    }
    .vesta-login-right-section{
        background: #fff;
        margin-top: -60px;
        padding-top: 10px;
        border-left: none 
    }
    .footer-copyrigth-mobile img{
        display: block;
        margin-top: -10% 
    }
    #langBarCom{
        position: absolute;
        right: -36px !important;
        top: 35px !important;
        transform: scale(.7);
        padding: 0 10px 0 60px !important;
        border-radius: 0 0 0 50px !important;
        margin: 0;
        z-index: 1 !important 
    }
    .secretarial-division{
        max-width: 60% !important;
        margin-left: 5% 
    }
    .rightmenu-slide-down{
        padding: 0 !important;
        margin: 0 !important;
        height: 50px;
        background: red !important;
        border-bottom: 1px solid 
    }
    .doc-header{
        height: auto !important 
    }
    .menu-icons-right-main{
        height: 60px !important 
    }
    .baloon-arrow{
        top: 10% !important 
    }
    #balNotifiy,#baloonNotification,#divSLInfo,#mainConfig,#mainSignout{
        top: 11.9% !important;
        right: 2% !important 
    }
    .doc-header .rightmenu-slide-down,.menu-container-v2{
        top: 50px !important 
    }
    .db-section-arrow-right{
        top: 98% !important;
        transform: rotate(90deg);
        left: 50% 
    }
    .db-section-container-sub-section{
        border: 1px solid #bababa;
        border-right: 1px solid #bababa !important;
        border-bottom: 3px solid #bababa !important;
        background: #fff;
        padding: 15px;
        border-radius: 5px 
    }
    .manu-main-tree-v2,.menu-sub-tree-v2{
        padding-top: 100px !important 
    }
    .dashboardv2-pageheader,.page-header-container{
        border: none 
    }
    .page-header-container a{
        margin-top: -6px !important 
    }
    .g1-masters-pheader{
        padding: 0 0 0 10px !important;
        margin: 0 !important;
        position: relative;
        right: 0 !important;
        height: 90px !important;
        width: 97% !important;
        z-index: 1500 !important 
    }
    .g1-masters-pheader .row .col-sm-6:nth-child(2){
        padding: 10px 
    }
    .g1-masters-pheader .row .col-sm-6:first-child,.g1-masters-pheader .row .col-sm-6:first-child h2,.g1-masters-pheader .row .col-sm-6:nth-child(2){
        width: 100% !important;
        float: left !important;
        text-align: left !important 
    }
    .g1-masters-pheader .row .col-sm-6:nth-child(2) .button{
        text-align: left !important;
        position: relative;
        left: 0 !important 
    }
    #permissionBar{
        float: left !important 
    }
    .splitbtncontent{
        margin-top: -11px !important;
        margin-right: -100px 
    }
}
@media screen and (max-width:360px){
    #langBarCom{
        position: absolute;
        right: -36px !important;
        top: 35px !important;
        transform: scale(.7);
        padding: 0 10px 0 60px !important;
        border-radius: 0 0 0 50px !important;
        margin: 0;
        z-index: 1 !important 
    }
    .secretarial-division{
        max-width: 60% !important;
        margin-left: 5% 
    }
    .rightmenu-slide-down{
        padding: 0 !important;
        margin: 0 !important;
        height: 50px;
        background: red !important;
        border-bottom: 1px solid 
    }
    .doc-header,.menu-icons-right-main{
        height: auto !important 
    }
    .baloon-arrow{
        top: 15% !important 
    }
    #balNotifiy,#baloonNotification,#divSLInfo,#mainConfig,#mainSignout{
        top: 18.1% !important;
        right: 2% !important 
    }
    .doc-header .rightmenu-slide-down,.menu-container-v2{
        top: 50px !important 
    }
    .doc-header .rightcontent{
        top: -30px;
        position: absolute;
        width: 100%;
        z-index: -1;
        padding: 12px 0 0;
        padding-top: 2px !important 
    }
    .manu-main-tree-v2{
        padding-top: 10px !important 
    }
    .page-header-container{
        margin: auto;
        top: 1vh !important;
        border: none 
    }
    .page-header-container a{
        margin: auto;
        margin-top: -6px !important 
    }
}
@media screen and (max-width:900px) and (min-width:600px){
    .body-login{
        background: url(../styles/images/166015.jpg) 0 0/cover !important 
    }
    #langBarCom{
        position: absolute;
        right: -10px !important;
        top: -60px !important;
        transform: scale(.75) 
    }
    .secretarial-division{
        max-width: 80% !important;
        margin-left: 5% 
    }
    .manu-main-tree-v2{
        margin-top: -5px 
    }
    .menu-icons-right-main{
        transform: scale(.9) 
    }
    #mainConfig,#mainSignout{
        right: 10px !important 
    }
    .db-section-arrow-right{
        top: 98% !important;
        transform: rotate(90deg);
        left: 50% 
    }
    .db-section-container-sub-section{
        border: 1px solid #bababa;
        border-right: 1px solid #bababa !important;
        border-bottom: 3px solid #bababa !important;
        background: #fff;
        padding: 15px;
        border-radius: 5px 
    }
    #powerBiIcon{
        float: none !important 
    }
    #divTaskTiles span.box-tile-value{
        position: absolute;
        bottom: 0;
        background: 0 0;
        text-align: center;
        margin-left: 0 !important;
        width: 100% !important;
        padding: 0;
        transform: scale(.8) 
    }
}
@media screen and (max-width:1024px) and (min-width:900px){
    .body-login{
        background: url(../styles/images/166015.jpg) 0 0/cover !important 
    }
    #langBarCom{
        width: 50%;
        position: absolute;
        right: -90px !important;
        padding-left: 50px !important;
        top: 50px !important;
        transform: scale(.67);
        border-radius: 0 0 0 100px 
    }
}
@media screen and (max-width:900px) and (min-width:768px){
    .body-login{
        background: url(../styles/images/166015.jpg) 0 0/cover !important 
    }
    .vesta-login-full-section{
        padding: 1px;
        background: #fff;
        margin: 5% 0 0;
        height: 95vh 
    }
    .vesta-login-main{
        margin-top: -4%;
        padding: 15px 
    }
    .vesta-login-right-section{
        background: #fff;
        margin-top: -60px;
        padding-top: 10px;
        border-left: none 
    }
    .footer-copyrigth-mobile img{
        display: block;
        margin-top: -10% 
    }
    #langBarCom{
        right: -36px !important;
        border-radius: 0 0 0 50px !important;
        z-index: 1 !important;
        width: 28% !important;
        position: absolute;
        top: -55px !important;
        transform: scale(.9);
        padding: 0 !important;
        margin: 0 !important 
    }
    .secretarial-division{
        max-width: 60% !important;
        margin-left: 5% 
    }
    .rightmenu-slide-down{
        padding: 0 !important;
        margin: 0 !important;
        height: 50px;
        background: red !important;
        border-bottom: 1px solid 
    }
    .doc-header{
        height: auto !important 
    }
    .menu-icons-right-main{
        height: 60px !important 
    }
    .baloon-arrow{
        top: 10% !important 
    }
    #balNotifiy,#baloonNotification,#divSLInfo,#mainConfig,#mainSignout{
        top: 11.5% !important;
        right: 1% !important 
    }
    ,.menu-container-v2{
        top: 50px !important 
    }
    .doc-header .rightmenu-slide-down,.menu-container-v2{
        top: 50px !important 
    }
    .db-section-arrow-right{
        top: 98% !important;
        transform: rotate(90deg);
        left: 50% 
    }
    .db-section-container-sub-section{
        border: 1px solid #bababa;
        border-right: 1px solid #bababa !important;
        border-bottom: 3px solid #bababa !important;
        background: #fff;
        padding: 15px;
        border-radius: 5px 
    }
    .manu-main-tree-v2,.menu-sub-tree-v2{
        padding-top: 100px !important 
    }
    .dashboardv2-pageheader,.page-header-container{
        border: none 
    }
    .page-header-container a{
        margin-top: -6px !important 
    }
    .g1-masters-pheader{
        padding: 0 0 0 10px !important;
        margin: 0 !important;
        position: relative;
        right: 0 !important;
        height: 90px !important;
        width: 97% !important;
        z-index: 1500 !important 
    }
    .g1-masters-pheader .row .col-sm-6:nth-child(2){
        padding: 10px 
    }
    .g1-masters-pheader .row .col-sm-6:first-child,.g1-masters-pheader .row .col-sm-6:first-child h2,.g1-masters-pheader .row .col-sm-6:nth-child(2){
        width: 100% !important;
        float: left !important;
        text-align: left !important 
    }
    .g1-masters-pheader .row .col-sm-6:nth-child(2) .button{
        text-align: left !important;
        position: relative;
        left: 0 !important 
    }
    #permissionBar{
        float: left !important 
    }
    .splitbtncontent{
        margin-top: -11px !important;
        margin-right: -100px 
    }
    .doc-detail .row .col-sm-6{
        width: 100% !important 
    }
    .doc-header{
        width: 100vw !important;
        margin-right: 0 !important;
        padding: 0 
    }
    .wrapper-form-template-div{
        position: absolute;
        width: 98.5% !important;
        margin-top: 50px;
        z-index: 1 !important 
    }
    #divGeneral,#divSupReg{
        margin-top: 150px 
    }
    .container{
        width: 100% 
    }
    #divSummary{
        margin-top: 50px 
    }
}
.vesta-version-No{
    position: relative;
    float: right;
    margin-top: 20px 
}
.login-form{
    margin-top: auto 
}
.Return-Shipment-document-list .col-sm-12 label{
    padding-top: 8px;
    line-height: 11px !important;
    margin-bottom: 3px !important 
}
.Return-Shipment-document-list #cboxByBin,.Return-Shipment-document-list #cboxRecallType,.Return-Shipment-document-list #txtByBatch,.Return-Shipment-document-list #txtByDocNo,.Return-Shipment-document-list #txtByFrom,.Return-Shipment-document-list #txtByProduct,.Return-Shipment-document-list #txtByTo{
    border-radius: 0 !important;
    height: 26px !important;
    padding: 0 0 0 5px !important 
}
.Return-Shipment-document-list #dropdownlistWrappercboxByProgramme{
    padding: 4px !important 
}
.menu-sprite.vaccine-icon-2{
    background-image: url(images/vaccine-icon-2.PNG) !important;
    background-size: cover;
    height: 40px !important;
    width: 40px !important 
}
.menu-sprite.vaccine-icon{
    background-image: url(images/vaccine-icon-3.PNG) !important;
    background-size: cover;
    height: 35px !important;
    width: 35px !important;
    margin-top: 5px !important;
    margin-left: 2px !important 
}
#lblLoggedUser{
    overflow: hidden;
    max-width: 360px;
    line-height: 27px;
    margin-bottom: -5px 
}
#langBarCom{
    padding-left:5px!important;
}
.organization-parameter-fullview .tblcontent{
    max-height: 50vh !important 
}
.tooltip-1,.tooltip-2,.tooltip-3{
    display: none;
    margin-left: 28px;
    color: #000;
    margin-top: 6px;
    position: absolute;
    z-index: 1000;
    width: 150%;
    background: #f3f8a9;
    text-align: center;
    border-radius: 8px;
    font-size: 11px;
    line-height: 12px;
    padding: 2px;
    right: -25%;
    border: 1px solid #b4b3b3 
}
.allocation-table-qty td{
    text-align: right !important 
}
.vestadashboard-Page .padd-4{
    padding: 4px 
}
.vestadashboard-Page .shortcut-icons #divTaskTiles{
    margin-top: -16px 
}
.vestadashboard-Page .shortcut-icons #powerBiIcon .link-btn{
    background-color: #d4bc20 
}
.vestadashboard-Page #dashboard-header #headerLabel h2{
    line-height: 37px 
}
.vestadashboard-Page #dashboard-tiles-set .db-section-container{
    padding: 15px 0 
}
.vestadashboard-Page #dashboard-bin-summary .bin-summary{
    width: 50%;
    display: inline-block 
}
.vestadashboard-Page #dashboard-bin-summary .bin-summary #lblBinSumm,.vestadashboard-Page #lblBinUtil,.vestadashboard-Page #lblBinProgrammeWisePct,.vestadashboard-Page #lblBinStorageTypeWiseUtil{
    display: inline 
}
.vestadashboard-Page #dashboard-bin-summary .bin-summary h2,.vestadashboard-Page .utilizationinliters h2{
    float: right;
    display: inline;
    width: 80% 
}
.vestadashboard-Page #dashboard-bin-summary .bin-summary h2,.vestadashboard-Page .utilizationprogrammewisepct h2,.vestadashboard-Page .utilizationstoragetypewise h2{
    float: right;
    display: inline;
    width: 66% 
}
.vestadashboard-Page .bin-summary-actions{
    width: 50%;
    display: inline-block;
    float: right 
}
.vestadashboard-Page #container2,.vestadashboard-Page #containerBinUtilization,.vestadashboard-Page .db-section-container #container{
    min-width: 310px;
    height: 250px;
    margin: 0 auto 
}
.vestadashboard-Page #container2Detail,.vestadashboard-Page .db-section-container #containerDetail{
    display: none;
    min-width: 310px;
    height: 250px;
    margin: 0 auto 
}
.vestaDashboardv2-Page #headerLabel h2{
    line-height: 37px !important 
}
.vestaDashboardv2-Page #lblRptPool{
    margin: 0 !important;
    font-weight: 700 !important;
    display: none !important 
}
.vestaDashboardv2-Page #aRptPool .fa-file-pdf-o{
    font-size: 340%;
    padding-top: 5px 
}
.vestaDashboardv2-Page #powerBiIcon .link-btn{
    background-color: #d4bc20 !important 
}
.vestaDashboardv2-Page #divHomeMnthSummary .dashboard-section-wrapper .defmain1,.vestaDashboardv2-Page #stocksitu .dashboard-status6,.vestaDashboardv2-Page .dashboard-section-wrapper .defmain3,.vestaDashboardv2-Page .dashboard-status,.vestaDashboardv2-Page .dashboard-status2,.vestaDashboardv2-Page .dashboard-status3,.vestaDashboardv2-Page .dashboard-status5{
    display: none;
    text-align: center;
    padding: 17%;
    border: 1px solid #ccc;
    border-radius: 1px;
    width: 100%;
    height: 100%;
    border-left: 0;
    border-right: 0;
    border-bottom: 0 
}
.batchView-fullred,.batchView-red-circle{
    border: 1px solid;
    color: #ff2e2e;
    padding: 8px 
}
.vestaDashboardv2-Page #container2Detail .def1 .fa-hand-o-left,.vestaDashboardv2-Page #container2Detail .def2 .fa-hand-o-left,.vestaDashboardv2-Page #containerDetail .def4 .fa-hand-o-left,.vestaDashboardv2-Page #divHomeMnthSummary .dashboard-section-wrapper .defmain1 .fa-meh-o,.vestaDashboardv2-Page #stocksitu .dashboard-status6 .fa-meh-o,.vestaDashboardv2-Page .dashboard-section-wrapper .defmain3 .fa-meh-o,.vestaDashboardv2-Page .dashboard-status .fa-meh-o,.vestaDashboardv2-Page .dashboard-status2 .fa-meh-o,.vestaDashboardv2-Page .dashboard-status3 .fa-meh-o,.vestaDashboardv2-Page .dashboard-status5 .fa-meh-o{
    font-size: 700%;
    color: #f9c86b;
    text-align: center 
}
.vestaDashboardv2-Page #repStatusDiv,.vestaDashboardv2-Page #repStatusDivMnth{
    min-width: 100%;
    height: 300px;
    margin: 0 auto;
    float: left 
}
#dashMenv2 .dash-ico,.dash-ico-power-bi{
    margin-top: 5px !important;
    margin-left: 4px !important 
}
.vestaDashboardv2-Page #containerDetail .def4{
    display: block;
    text-align: center;
    padding: 50px;
    z-index: -1 
}
.vestaDashboardv2-Page #container2Detail .def1,.vestaDashboardv2-Page #container2Detail .def2{
    display: block;
    text-align: center;
    padding: 50px 
}
.disabledRow{
    opacity: .8 !important;
    cursor: not-allowed 
}
.divlookuptext span{
    display: table-cell;
    padding: 0;
    border-left: none 
}
.divlookuptext .addon-btn-wrap span{
    margin: 5px !important;
    position: absolute;
    border: none 
}
#qtyStatus-bar table td{
    text-align: right;
    padding-right: 5px;
    color: #fff;
    width: 25%;
    border: 1px solid #fff 
}
#qtyStatus-bar table td:first-child{
    background: #00a2e8 
}
#qtyStatus-bar table td:nth-child(2){
    background: #fff200;
    color: #000 
}
#qtyStatus-bar table td:nth-child(3){
    background: #ed1c24 
}
#qtyStatus-bar table td:nth-child(4){
    background: #22b14c;
    font-weight: 800;
    color: #fff;
    font-size: 13px 
}
#contenttableattr-divSerialBatchNos :has(div.higlightred) .jqx-grid-cell{
    background: #ff0000b0;
    color: #fff 
}
.jqx-popup.jqx-listbox{
    z-index: 999999 !important 
}
.jqx-icon{
    left: -3px 
}
span[id^=jqxWidget]{
    color: transparent !important;
    pointer-events: none 
}
.batchView-fullred{
    background-position: -1px -221px;
    border-radius: 100% 
}
.batchView-red-circle{
    background-position: -18px -64px;
    border-radius: 100% 
}
.batchView-fullgreen{
    background-position: -18px -221px;
    border: 1px solid;
    border-radius: 100%;
    padding: 8px;
    color: #4caf50 
}
.batchView-green-circle{
    background-position: -18px -64px;
    border: 1px solid;
    border-radius: 100%;
    padding: 8px;
    color: #4caf50 
}
.batchView-red-icon{
    background-position: 0 -222px;
    padding: 8px 
}
.batchView-red-icon-green-circle{
    background-position: -1px -221px;
    padding: 8px;
    border: 1px solid;
    border-radius: 100%;
    color: #4caf50 
}
.dash-ico-power-bi{
    background: url(images/powerbi-icon.PNG) !important 
}
#dashMenv2 .dash-ico{
    background: url(images/report-dashboard.PNG) !important;
    margin-top: 5px !important;
    margin-left: 5px !important 
}
.picTopBar-help-iton{
    width: 30px;
    height: 30px;
    background-image: url(images/help-icon.PNG);
    background-repeat: round 
}
#columntabletblProductSummary .jqx-grid-column-header.jqx-widget-header-metro div{
    text-align: center !important 
}
.jqx-combobox-input{
    font-size: 12px !important;
    font-family: "Segoe UI", Tahoma, "Lucida Grande" !important;
    font-weight: 700;
    padding-left: 8px !important 
}
.jqx-listitem-element span,.jqx-listitem-element span label{
    padding: 2px !important;
    border-radius: 0 !important;
    margin: 0 !important 
}
.jqx-icon-arrow-down{
    background: 0 0 !important;
    border: solid #404040bf;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 0;
    width: 7px !important;
    height: 7px !important;
    top: 1px !important 
}
.jqx-icon-arrow-down.jqx-icon{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg) 
}
.jqx-grid-cell{
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important 
}
.jqx-grid-cell-pinned .jqx-input-widget{
    border: solid #c8bcbc 1px !important 
}
.jqx-grid-cell-pinned .jqx-datetimeinput input{
    padding: 0px !important;
    height: 25px !important;
    border: solid #c8bcbc 1px !important 
}
.document-list-label{
    padding: 6px;
    margin-left: 30px 
}
.document-list-label input[type=checkbox]{
    margin-left: 30px 
}
.statusColors .red-box,.statusColors .yellow-box{
    height: 15px;
    width: 15px;
    float: left;
    margin: 2px 10px 2px 2px 
}
.statusColors .red-box{
    background: #ff0000b0 !important 
}
.statusColors .yellow-box{
    background: yellow !important 
}
.body-login #btnLogin{
    background:#e4e4e4;
}
.body-login #btnLogin.btn-success{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.dialog-privacyNote{
    top:80px!important;
    padding: 26px!important;
    position:fixed!important;
}
.dialog-privacyNote li{
    margin-top:5px;
    font-size:14px;
}
.dialog-privacyNote p{
    font-size:14px;
}
.dialog-privacyNote .Right-to-be-Informed li{
    margin-top: 10px;
    line-height:17px 
}
.pic16-act-close-doc{
    background-position: -65px -80px;
}
.pic16-act-return-shipment{
    background-position: -16px -144px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#qtyStatus-bar table tbody td{
    font-size:10px!important;
    margin:0px!important;
    padding-right:2px;
    font-weight:500!important 
}
#divPrivacynoticeDialog p, #divPrivacynoticeDialog li, #divPrivacynoticeDialog h4{
    font-size:12px!important 
}
#divPrivacynoticeDialog h4{
    font-size:12px!important;
    font-weight:700 
}
#divPrivacynoticeDialog li {
    font-style: italic;
}
#divPrivacynoticeDialog .Right-to-be-Informed li{
    font-style: normal;
}
.privacynotice-row div{
    width:100%;
    height:10px;
    margin-top:250px;
    text-align:center;
    padding-bottom:10px;
}
.privacynotice-row div a{
    padding-bottom:20px;
}
.loaded-data div{
    margin-top:0px!important;
}
.dialogbox #dlgChangeData table td{
    padding-top:5px;
}
.dialogbox #dlgChangeData table td:first-child{
    width:20% 
}
.dialogbox #dlgChangeData table td:nth-child(3){
    width:21% 
}
.dialogbox #dlgChangeData table input, select {
    width:100%;
}
.dialogbox #dlgChangeData table #txtBatchCorrectionDescription{
    font-weight:700;
    font-size:11px;
    resize: none;
}
.box-tile{
    width:125px;
    max-width:125px;
    overflow:hidden;
    margin:2px 
}
.box-tile-value.box-tile-value-special{
    font-weight:400!important;
    ;
    font-size:12px!important;
    height:36px;
    line-height:12px 
}
.side-iconCommodityIssuePlan{
    height:35px;
    width:50px;
    top:5px 
}
.side-iconApprovals{
    height:30px;
    width:30px 
}
.side-iconOtherTasks{
    height:30px;
    width:30px 
}
.side-iconCommodityReceivePlan {
    height:35px;
    width:35px 
}
.tile-content-div-special{
    width:125px;
    max-width:125px;
    overflow:hidden;
}
.box-tile-title-special{
    font-size:22px!important;
    left:inherit;
    position:absolute!important;
    text-align:left;
    padding-left:5px 
}
.printout-icon-section .batch-viewr-doc{
    height:60px!important;
    width:60px!important;
    position:absolute;
    left:0px;
    background:url(images/batch-viewr-doc.PNG)!important;
    background-size:cover;
}
.printout-icon-section .batch-viewr-doc-deleted{
    height:60px!important;
    width:60px!important;
    position:absolute;
    left:0px;
    background:url(images/batch-viewr-doc-deleted.PNG)!important;
    background-size:cover;
}
.printout-icon-section .batch-viewr-doc-recycle{
    height:60px!important;
    width:60px!important;
    position:absolute;
    left:0px;
    background:url(images/batch-viewr-doc-recycle.png)!important;
    background-size:cover;
}
.small-font .box-tile-value.box-tile-value-special {
    font-size: 12px!important;
}
.medium-font .box-tile-value.box-tile-value-special {
    font-size: 13px!important;
}
.large-font .box-tile-value.box-tile-value-special {
    font-size: 14px!important;
}
.small-font .jqx-grid-cell{
    font-size: 12px!important;
}
.medium-font .jqx-grid-cell{
    font-size: 13px!important;
}
.large-font .jqx-grid-cell{
    font-size: 14px!important;
}
.small-font .jqx-grid-column-header span{
    font-size: 12px!important;
}
.medium-font .jqx-grid-column-header span{
    font-size: 13px!important;
}
.large-font .jqx-grid-column-header span{
    font-size: 14px!important;
}
#divSProcessSummaryCont{
    overflow:scroll!important;
    overflow-x:hidden!important;
}
#contenttblJQXPWarehouse .clsTranCheckBox {
    height: 50px!important;
    width: 100px!important;
    padding: 0px;
    padding-top: 8px;
    text-transform: capitalize;
    color: #8a8a8a;
    font-weight: 500;
    padding-left: 10px;
    margin-left: 10px;
}
.calendars-month .calendars-month-header .calendars-month-year{
    width:48%!important;
    height:28px;
}
.sp-processdesc > span{
    word-break: normal;
}
.allocationSwtichIcon{
    background-position: -82px -143px;
}
.pic16-act-release-red{
    background-position: -96px -190px;
}
.pic16-act-release-yellow{
    background-position: -96px -202px;
}
.pic16-act-release-blue{
    background-position: -96px -216px;
}
.pic16-act-reverse-close {
    background-position: -96.6px -231px;
}
.pic16-Add-Remark {
    background-position: -0.6px -237px;
}
.clsRptCheckBox {
    padding-bottom: 2px;
    overflow: hidden;
    text-overflow:ellipsis;
    text-align:left;
    margin-left:4px;
    margin-right:2px;
    line-height:36px;
    font-weight: 500;
}
#authorizedCommonPopup input[readonly="readonly"] {
    background-color: white;
}
#authorizedCommonPopup .disabledFeild {
    background-color: #eee!important;
}
.medium-font, .medium-font .button, .medium-font h2>.button, .medium-font p, .medium-font table td, .medium-font table th, .ui-datepicker td {
     font-size:12px!important 
}
 #contenttablectrlActionHistory div{
     line-height: 10px !important;
     height: 30px !important;
     display: flex !important;
     align-content: center;
     flex-wrap: nowrap;
     flex-direction: row;
     align-items: baseline;
}
 .bin-info-custom-btn{
     display: flex;
     align-items: center;
     border: solid 1px #d5d5d5;
     margin-top:25px;
     justify-content: center;
     text-decoration:none!important;
     cursor:pointer;
     gap:5px!important;
}

  .bin-info-custom-btn:hover{
    background-color: #ddd !important;
    text-decoration: none;
}

   #draftValidationPopupDiv #bodyContent{
          padding: 0px !important;
    text-align: left;
  }

 .draftValidationPopup-main{
    height: 180px!important
  }

  .draftValidationPopup-main #draftValidationPopupDiv{
    height: auto!important;
    overflow: hidden;
  }

  .draftValidationPopup-main .headerclose{
    display: none!important;
  }

  .medium-font .calendars.my-picker table span{
    font-size:10px!important;
  }