/* ======================== 
Search Page CSS Import
======================== */
@import url("search-style.css");

@font-face {
    font-family: 'simplify-icons';
    src: url('../fonts/tmg/simplify-icons.eot') format('embedded-opentype'), url('../fonts/tmg/simplify-icons.woff') format('woff'), url('../fonts/tmg/simplify-icons.ttf') format('truetype'), url('../fonts/tmg/simplify-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/tmg/icomoon.eot') format('embedded-opentype'), url('../fonts/tmg/icomoon.woff') format('woff'), url('../fonts/tmg/icomoon.ttf') format('truetype'), url('../fonts/tmg/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: Heebo;
    src: url(../fonts/heebo/Heebo-Regular.ttf);
    font-weight: 400;
}



@font-face {
    font-family: Heebo;
    src: url(../fonts/heebo/Heebo-Medium.ttf);
    font-weight: 500;
}



@font-face {
    font-family: Heebo;
    src: url(../fonts/heebo/Heebo-SemiBold.ttf);
    font-weight: 600;
}
.salesView .circle-loader {
    stroke: var(--primary);
}

.salesView .ui-widget.ui-dialog .customPager select {
    max-width: 50px;
}

#gridDialog .panel-body {
    position: relative;
    z-index: 1;
}

#repeaterCellDialog .panel {
    margin-bottom: 0;
}

#repeaterCellDialog .popup-btns {
    margin-top: 15px;
}

.salesView .groupbox a {
    color: #2A364E;
}

/* -========= Icons ==========- */
.ui-widget-content .ui-icon-document,
.ui-widget-content .ui-icon-pencil {
    font-family: "icomoon";
    background: transparent;
    text-indent: 0;
    color: #808080;
    font-size: 16px;
    height: auto;
}

.ui-widget-content .ui-icon.ui-icon-document:before,
.grid-wrapper .ui-jqgrid .ui-jqgrid-pager .ui-pg-div .ui-icon-document:before,
.ui-icon.ui-icon-document-b:before{
    content: "\e915";
    font-size: var(--base-font);
}

.ui-widget-content .ui-icon.ui-icon-pencil:before {
    content: "\e92a";
}

/*
Grid Ovveride Icons
*/
.ui-widget-content .ui-icon.tmg-icon,
.ui-icon.ui-icon-check,
.ui-icon.ui-icon-person,
.ui-icon.ui-icon-unlocked,
.ui-icon.ui-icon-circle-arrow-s,
.ui-icon.ui-icon-script,
.ui-jqgrid .tree-plus,
.ui-icon.ui-icon-triangle-1-s,
.ui-icon.ui-icon-radio-off,
.ui-icon.ui-icon-arrowthick-1-s,
.ui-icon.ui-icon-newwin,
.ui-icon.ui-icon-key,
.ui-icon.ui-icon-arrowreturnthick-1-s,
.ui-icon.ui-icon-scissors,
.ui-icon-import,
.ui-icon-shuffle,
.ui-icon-download,
.ui-widget-content .ui-icon.ui-icon-arrowstop-1-n,
.ui-icon.icon-settings,
.ui-icon.ui-icon-seek-next,
.ui-icon.ui-icon-seek-prev,
.ui-icon-arrowreturn-1-w,
.ui-icon-document,
.ui-icon.ui-icon-circlesmall-plus,
.ui-icon.ui-icon-circlesmall-minus{
    background-image: none;
    text-indent: 0;
    font-size: var(--icon-font);
    color: var(--icon-color);
    cursor: pointer;
}


.ui-widget-content .ui-icon.ui-icon-refresh,
.ui-widget-content .ui-icon.ui-icon-minus,
.ui-widget-content .ui-icon.ui-icon-plus,
.grid-wrapper .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-refresh,
.grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button .ui-icon-trash,
.grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button .ui-icon-locked,
.ui-state-default .ui-icon-disk,
.ui-widget-content .ui-icon.ui-icon-arrowstop-1-s,
#bottom-menu-tabs .glyphicon-plus-sign,
#bottom-menu-tabs .glyphicon-minus-sign,
.ag-paging-panel .fullScreen button:after,
#btnBottomSaveFormData,
.grid-wrapper .ui-jqgrid .ui-jqgrid-pager .ui-pg-div .ui-icon-document,
.grid-wrapper .ui-jqgrid .ui-jqgrid-pager .ui-pg-div .ui-icon-copy,
span.ui-icon.ui-icon-locked,
.ui-icon.ui-icon-check,
.ui-icon.ui-icon-person,
.ui-icon.ui-icon-unlocked,
.ui-icon.ui-icon-circle-arrow-s,
.ui-icon.ui-icon-script,
.ui-jqgrid .tree-plus,
.ui-icon.ui-icon-triangle-1-s,
.ui-icon.ui-icon-radio-off,
.fa-long-arrow-up,
.fa-long-arrow-down,
.ui-icon.ui-icon-arrowthick-1-s,
.ui-icon.ui-icon-newwin,
.grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button .ui-icon-newwin,
.ui-icon.ui-icon-key,
.ui-icon.ui-icon-arrowreturnthick-1-s,
.ui-icon.ui-icon-scissors,
.ui-icon-download,
.ui-icon-import,
.ui-widget-content .ui-icon.ui-icon-arrowstop-1-n,
.ui-icon.icon-settings,
.ui-icon.ui-icon-seek-next,
.ui-icon.ui-icon-seek-prev,
.grid-wrapper .ui-jqgrid .ui-pg-button span.ui-icon-seek-next,
.ui-icon.ui-icon-document-b,
.ui-icon-shuffle,
.ui-dialog .ui-icon-arrowreturn-1-w,
.ui-icon-document,
.ui-icon.ui-icon-circlesmall-plus,
.ui-icon.ui-icon-circlesmall-minus{
    font-family: 'icomoon';
    font-size: var(--base-font);
}

.ui-jqgrid .tree-plus,
.ui-icon.ui-icon-triangle-1-s,
.ui-icon.ui-icon-radio-off {
    font-size: 11px;
}

#btnBottomSaveFormData {
    font-size: 0;
}

#btnBottomSaveFormData:before {
    content: "\e934";
    font-size: 21px;
}

.ag-paging-panel #btnUpdate:after {
    content: "\e973";
    font-size: 21px;
    display: inline-block;
    font-family: "icomoon";
}

.HeaderButton .ui-icon-circle-triangle-n,
.HeaderButton .ui-icon-circle-triangle-s,
.grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom .ui-icon.ui-icon-triangle-2-n-s {
    /*background: none; jaywardhan*/
    font-family: 'icomoon';
    text-indent: 0;
    color: var(--icon-color);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 1.1;
    text-align: center;
}
/*
.grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button {
    padding: 0px 15px;
}*/

#pfdg .ui-pg-table {
    justify-content: flex-end;
    display: flex;
}

#pfdg .ui-pg-table .ui-pg-button,
#prptTmplNames .ui-pg-table .ui-pg-button,
#prptTmplVersions .ui-pg-table .ui-pg-button {
    padding: 0 8px;
}

#formdesign-1 .grid-wrapper #pfdg,
#formdesign-1 .grid-wrapper #pfdvg {
    top: 0;
}

.ui-jqgrid .ui-jqgrid-titlebar-close.HeaderButton {
    right: 5px !important;
}

.ui-icon.icon-settings::before,
.ui-widget-content .ag-theme-fresh .ui-icon.ui-icon-document[title="Grid Preference"]:before{
    content: "\e981" !important;
}
.ui-dialog.ui-widget{
    max-height: none !important;
}
/* input[type="radio"],  */
input[type="checkbox"]{
    position: relative;    
}
/* #mainsection input[type="radio"],  */
#mainsection input[type="checkbox"] {
    position: relative;
    bottom: -3px;
}
.salesView .inner-editsection img.ui-datepicker-trigger{
    margin-top: -6px;
}
.ui-widget-content .ui-icon.ui-icon-arrowstop-1-n:before {
    content: "\e954";
    transform: rotate(180deg);
}

.ui-icon-import::before {
    content: "\e976";
}

.ui-icon.ui-icon-scissors::before {
    content: "\e975";
}

.ui-icon.ui-icon-arrowreturnthick-1-s::before,
#workflowCategoryMappingGrid .ui-icon.ui-icon-arrowreturnthick-1-s:before,
#workflowStateMappingGrid .ui-icon.ui-icon-arrowreturnthick-1-s:before {
    content: "\e971";

}

.ui-icon.ui-icon-key::before {
    content: "\e967";
}

.ui-icon.ui-icon-newwin::before,
.grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button .ui-icon-newwin::before {
    content: "\ea7d";
    font-family: 'icomoon';
}

.grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button .ui-icon-newwin:before,
#syncDocuments .ui-icon.ui-icon-newwin:before {
    content: "\ea7d";
    font-family: 'icomoon';
}

.ui-icon.ui-icon-arrowthick-1-s::before {
    content: "\e94b";
}

.ui-icon.ui-icon-person::before {
    content: "\e941";
}

.ui-icon.ui-icon-unlocked::before {
    content: "\e920"
}

.ui-icon.ui-icon-circle-arrow-s::before,
.ui-icon-download::before {
    content: "\e954";
}

.ui-icon.ui-icon-check:before {
    content: "\e909";
}

.ui-widget-content .ui-icon.ui-icon-arrowstop-1-s:before {
    content: "\e954";
}

.HeaderButton .ui-icon-circle-triangle-n:before{
    /*content: '\e977'; jaywardhan*/
}

.ui-icon.ui-icon-triangle-2-n-s:before {
    content:'\e95d';
}
.HeaderButton .ui-icon-circle-triangle-s:before {
    content: '\e97c';
}

.ag-paging-panel .fullScreen button:after {
    content: "\e919";
    font-size: var(--base-font);
}

.ui-icon.ui-icon-script::before {
    content: "\e96a";
}

.ui-jqgrid .tree-plus::before {
    content: "\e96e";
}

.ui-icon.ui-icon-triangle-1-s::before {
    content: "\e96f";
}

.ui-icon.ui-icon-radio-off::before {
    content: "\e96d";

}

.ui-tabs .ui-tabs-nav li span:before {
    font-family: "icomoon";
    background: transparent;
    text-indent: 0;
    font-weight: normal;
    font-size: 14px;
    content: '\e900';
    display: block;
    text-align: center;
}

.ui-state-default .ui-icon-disk:before,
.grid-wrapper .ui-jqgrid .ui-jqgrid-pager .ui-pg-div .ui-icon-copy:before {
    content: "\e955";
}

.grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button .ui-icon-trash:before {
    content: "\e930";
}

.grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button .ui-icon-locked:before,
span.ui-icon.ui-icon-locked:before {
    content: "\e91f";
}

.ui-widget-content .ui-icon.ui-icon-refresh:before,
.grid-wrapper .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-refresh:before {
    content: "\e935";
}

/* Bottom sticky Up Down Arrows */
#bottom-menu-tabs .glyphicon-plus-sign:before {
    content: "\e90a";
}

#bottom-menu-tabs .glyphicon-minus-sign:before {
    content: "\e90d";
}

.ui-widget-content .ui-icon.ui-icon-plus:before,
.grid-wrapper .ui-widget-content .ui-pager-control .ui-icon.ui-icon-plus:before,
.ui-widget-content .customPager .ui-icon.ui-icon-plus:before,
.ui-icon.ui-icon-circlesmall-plus:before {
    content: "\e93e";
}

.ui-widget-content .ui-icon.ui-icon-minus:before,
.ui-widget-content .customPager .ui-icon.ui-icon-minus:before,
.ui-icon.ui-icon-circlesmall-minus:before {
    content: "\e93c";
}

.ui-widget-content .ui-icon.ui-icon-closethick {
    font-family: 'icomoon';
    width: auto;
}

.ui-icon-closethick:before {
    content: "\e900";
}

.fa-long-arrow-down::before {
    content: "\e902";
    color: var(--white);
    font-size: 14px;
}

.salesView .fa-long-arrow-down::before {
    content: "\e902";
    color: var(--dark);
    font-size: 14px;
}

.custom-combobox .ui-button-icon-only .ui-icon-triangle-1-s:before,
.select-wrapper:before,
.form-fields:before,
#retroAccountDialog .ui-icon.ui-icon-triangle-1-s:before {
    content: "\e90a";
    font-family: 'icomoon';
}

.fa-long-arrow-up::before {
    content: "\e970";
    color: var(--white);
    font-size: 14px;
}

.salesView .fa-long-arrow-up::before {
    content: "\e970";
    color: var(--dark);
    font-size: 14px;
}

​.salesView a:not([href]):not([tabindex]) {
    color: var(--primary);
}

.salesView .header {
    padding: 0;
}

.salesView tr.ui-search-toolbar input,
.salesView tr.ui-search-toolbar select {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.salesView tr.ui-search-toolbar input,
.salesView tr.ui-search-toolbar select,
.salesView select.editable,
.salesView .ui-dialog .select-wrapper select {
    height: 35px;
}
.salesView .rule-grid-section select.editable,
.salesView .rule-grid-section input.editable{
    height: 25px;
}
.dropdown-menu {
    -webkit-transform: translate3d(-15px, 0px, 0px);
    transform: translate3d(-15px, 0px, 0px);
}

.salesView #userMenu {
    position: absolute;
    top: -30px;
    left: 94%;
    list-style: none;
    margin: 0;
    width: 230px;
    color: var(--light-blue);
    background: var(--white);
    font-size: var(--md-font);
    text-transform: capitalize;
    border: 0;
    padding: 15px;
    border-radius: var(--lg-radius);
    box-shadow: 0 0.1875em 0.75em 0 rgba(0, 0, 0, 0.12);
    text-align: left;
}

.salesView #notificationstatusGrid tr.jqgrow td {
    border-left-color: var(--primary) !important;
}

.modal.fade .right.modal-dialog,
.modal.fade .modal-dialog.bottom {
    -webkit-transform: none;
    transform: none;
}

.salesView .tooltip-inner {
    background: var(--primary);
}

.salesView .tooltip.right .tooltip-arrow {
    border-right-color: var(--primary);
}

.salesView .tooltip.top .tooltip-arrow {
    border-top-color: var(--primary);
}

.salesView .tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--primary);
}

.fade.in {
    opacity: 1;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop.in {
    opacity: 0.5;
}


/* button, */
/* .salesView .ui-widget button, */
.salesView .advanced-search button,
.salesView #popenDocumentGrid_left .ui-pg-button .ui-pg-div,
.salesView #proleaccesspermissiongrid_left .ui-pg-button .ui-pg-div,
.salesView #btnFormDesignGroupListSave .ui-pg-div,
.salesView .scroll-helper+.col-xs-5 .navtable .ui-pg-button .ui-pg-div,
.salesView .EditButton .fm-button,
.salesView #btnUIelementSave .ui-pg-div,
.salesView #formDesign-2 .right-sidebar .ui-jqgrid-pager .ui-pg-div,
.salesView .form-signin button,
.salesView #formdesigngroupdialog button,
.salesView .ui-dialog-buttonset button,
.salesView #btnActivityLog,
.salesView .popup-btns button,
.salesView button.form-control,
.salesView #cmdSelectAccountDetails,
.salesView button.pull-left,
.salesView .btn.btn-md,
.salesView .advanced-search-wrapper button,
.salesView .col-xs-2 .btn,
.salesView .ag-menu .ag-filter .ag-filter-apply-panel button {
    background-color: var(--light-blue);
}

.salesView .form-signin button:hover,
.salesView #formdesigngroupdialog button:hover,
.salesView .ui-dialog-buttonset button:hover,
.salesView .folderversion-document-folder-position,
.salesView #dropDownMenu .folderVersionButton:hover,
.salesView #dropDownMenu .folderVersionButton:hover .folderversion-buttons-text,
.salesView #btnActivityLog,
.salesView .popup-btns button:hover,
.salesView button.form-control:hover,
.salesView #cmdSelectAccountDetails:hover,
.salesView button.pull-left:hover,
.salesView .btn.btn-md:hover,
.salesView .advanced-search-wrapper button:hover,
.salesView .col-xs-2 .btn:hover,
.salesView .ag-menu .ag-filter .ag-filter-apply-panel button {
    background-color: var(--primary-dark);
    color: var(--white) !important;
}
.salesView #dropDownMenu .folderVersionButton:hover,
.salesView #dropDownMenu .folderVersionButton:hover .folderversion-buttons-text{
    color: var(--light-blue) !important;
}

.salesView .btn.pull-right,
.salesView button.pull-right,
.salesView .btn.btn-default,
.salesView button.btn-default {
    background-color: var(--light-blue) !important;
    color: var(--white);
}

.salesView .btn.pull-right:hover,
.salesView button.pull-right:hover,
.salesView .btn.btn-default:hover,
.salesView button.btn-default:hover {
    background-color: var(--primary-dark) !important;
    color: var(--white) !important;
}


.salesView .forgot-password:hover i,
.form-signin button+a:hover {
    color: var(--primary-dark);
}

.salesView .btn-link,
.salesView .btn-link:hover,
.salesView .ui-widget .btn-link,
.salesView .ui-widget .btn-link:hover,
body.salesView .body .btn-link {
    background-color: transparent;
    color: var(--primary);
}

.salesView button.view-button:hover {
    color: var(--dark) !important;
}

.salesView .ui-dialog-buttonset button:last-child {
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: transparent;
}

.salesView .ui-dialog-buttonset button:last-child:hover {
    border: 2px solid var(--primary);
    background: var(--primary) !important;
    color: var(--white);
}

.salesView .ui-dialog .ui-dialog-buttonpane {
    padding: 0;
}

.salesView .ui-tabs .ui-tabs-nav li.ui-state-active {
    border-bottom-color: var(--primary) !important;
}

/* 
old css ovveride
*/
/* .salesView .glyphicon:empty {
    color: var(--primary);
} */

.salesView .container-fluid {
    margin: 0;
    padding: 0;
}

.salesView #menu>li:first-child {
    padding-top: 0;
    display: block;
}

.nav-label,
.nav-label+.fa-angle-right,
.sidenav-list-item .dropdown-toggle::after,
/*#first_pwfStateApprovalStatusActionsGrid,
#last_pwfStateApprovalStatusActionsGrid*/{
    display: none;
}

/* AccountSearch Page */
.salesView #amgActions {
    font-size: 1.2rem;
}

.salesView .selectedAccount,
.salesView .selectedAccountToQuote,
.salesView #accountCardsParent>.card-overview.selectedAccountToQuote,
.salesView #accountCardsParent>.card-overview.selectedAccount {
    background: var(--dark-gray);
}

.selectedAccount,
.selectedAccountToQuote,
#accountCardsParent>.card-overview.selectedAccountToQuote,
#accountCardsParent>.card-overview.selectedAccount {
    background: #dcdcdc;
}

/* Create quote Popup */
.salesView .close-button,
.salesView button.frame-expand {
    color: var(--dark);
}

.salesView .close-button {
    padding: 0 2.4rem;
}

.salesView .general-motors .close-button,
.salesView button.frame-expand {
    padding: 0 0.5rem;
}

.salesView .close-button:hover,
.salesView button.frame-expand:hover,
.salesView .modal-dialog.right .view-button {
    background: transparent;
    color: var(--dark);
}

.salesView .btn.btn-padding,
.salesView .btn.btn-padding:hover {
    background-color: transparent !important;
}

.salesView .label {
    margin-left: 0;
    margin-bottom: .5rem;
    padding: 0;
}



.salesView .repeater-grid .ag-theme-fresh .ag-cell {
    line-height: 1.5;
    height: 100% ;
}

/* =============
jQGrid Modal Override
============= */
.modal.general-motors {
    bottom: -355px;
    top: auto;
    box-shadow: 0 0 0.375em 0 rgba(81, 81, 81, 0.3);
    z-index: 999;
    left: 41px;
   	width: calc(100% - 41px); 
}

.general-motors .modal-body,
.expand .modal-body {
    padding: 0 0.9375em;
}

.expand .close-button {
    padding: 0 0.4rem;
}

.salesView .grid-wrapper .ui-jqgrid tr .ui-jqgrid-htable {
    background: #eae9e9;
}
/*
.salesView .ui-jqgrid-btable tr.jqgrow td,
.salesView .ui-jqgrid-view .ui-jqgrid-pager.ui-corner-bottom {
    border: none;
    padding: 0.25em 5px;
    height: auto;
    font-weight: normal;
    color: var(--secondary);
}*/
.salesView .ui-jqgrid-btable tr.jqgrow td, 
.salesView .ui-jqgrid-view .ui-jqgrid-pager.ui-corner-bottom {
   border: none;
   padding: 0.35rem 5px;
   height: auto;
   font-weight: normal;
   color: var(--secondary);
}

.salesView .ui-jqgrid tr.ui-state-highlight,
.salesView .ui-jqgrid tr.ui-state-hover,
.salesView .grid-wrapper .ui-jqgrid tr.ui-state-hover.ui-state-highlight {
    font-weight: bold;
    background: var(--dark-gray);
}

.salesView .ui-jqgrid tr.ui-state-highlight td,
.salesView .ui-jqgrid tr.ui-state-hover {
    font-weight: bold !important;
}

.salesView #gbox_npadg.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-pager.ui-corner-bottom {
    top: 0;
}

.salesView .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span,
.ui-sotview .radio-inline {
    line-height: 1;
}

.salesView .ui-jqgrid tr {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid transparent;
}

.salesView .ui-th-column,
.salesView .ui-jqgrid-htable th.ui-th-column {
    text-align: left;
    font-size: 1.3rem;
    color: var(--secondary);
    font-weight: normal;
    letter-spacing: 0.00125em;
    line-height: 1.5;
    box-shadow: none;
}


.salesView .modal input[type=checkbox]:checked:before {
    top: -7px;
    left: -3px;
}

.salesView .ui-jqgrid-view .ui-jqgrid-pager.ui-corner-bottom {
    top: 5px;
}

.salesView .ui-jqgrid-pager td,
.salesView .ui-subgrid tbody>tr,
.salesView .ui-subgrid tbody>tr>td,
.table-card>tbody>tr>td, .table>tfoot>tr>td {
    border-bottom: none;
}

.salesView .ui-jqgrid-htable th div {
    font-weight: normal;
    color: var(--secondary);
    /* padding-bottom: 10px; */
}

/*   Quote list table css here  */

/*.ug-grid-table-v2 .ui-jqgrid-bdiv {
    height: 100% !important;
    height: 540px !important;
}*/

.salesView .modal-content {
    height: 100%;
}

/* 
.salesView #pnpadg {
    top: -10px;
    left: 20px;
} */

.salesView .ui-pg-button span {
    margin: 0 0.5625em;
}

.salesView .ui-pg-input {
    max-width: 50px;
    padding: 3px  0 !important;
}

.salesView .ui-separator {
    border: 0;
}

.salesView .ui-search-clear,
.salesView #quoteDetailsGridModal .ui-search-clear {
    display: none;
}

.model-sidebar-v2 .tooltip,
.salesView .model-sidebar-v2 .tooltip {
    display: none !important;
}

.salesView .general-motors .modal-header {
    padding-bottom: 0.9375em;
    padding-top: 0.625em;
}

.salesView .button {
    padding: 0.3125em 1.875em;
    background-color: var(--light-blue) !important;
}

.salesView .columnheader {
    padding: 0;
}

.salesView .columnheader div {
    padding: 0 !important;
}

.salesView .modal-body .ui-jqgrid thead tr {
    border-bottom: 0px solid transparent;
}

.salesView .ui-search-toolbar th,
.salesView .ui-search-toolbar td {
    padding: 0 1.25em 0 0;
}

.salesView .ui-search-input>input,
.salesView #quoteDetailsGridModal .ui-search-input>input {
    margin: 0.4375em 0 0.75em 0 !important;
    box-shadow: none;
    border: var(--input-border);
    padding: 0.625em !important;
}

.salesView .ui-widget td,
.salesView #quoteDetailsGridModal .ui-widget td,
.modal .ui-widget td {
    border-bottom: 0px solid transparent;
    height: auto;
    border: 0;
    padding: 0.25em 0;
}

.salesView .ui-widget td.ui-search-clear,
.salesView #quoteDetailsGridModal .ui-widget td.ui-search-clear {
    padding-left: 5px;
}

.salesView .ui-search-input>input:focus,
.salesView #quoteDetailsGridModal .ui-search-input>input:focus,
.salesView .ui-dialog .panel .custom-combobox-input:focus,
.salesView .ui-widget.ui-dialog input[type="text"]:focus,
.salesView .jqgrow.ui-row-ltr select:focus,
.salesView select.section-menu:focus,
.salesView option.selected,
.salesView option.selected,
.salesView #sectionMenuContainer .section-menu:focus,
.salesView select:focus,
.salesView .ag-theme-fresh .ag-cell-inline-editing input,
.salesView #sectionMenuContainer .view-menu:focus {
    border-color: var(--light-blue);
    box-shadow: none;
}


/* new quote page css here */

/*.new-quote #folder input {
    margin-bottom: 0;
}


.new-quote input[type=checkbox] {
    margin-right: 10px;
}

.modal input[type=checkbox]:checked:before {
    top: -5px;
    font-size: var(--sm-font);
}

.new-quote #divIsFoundationFolder .checkbox {
    display: inline-block;
    margin-right: 0.375em;
    min-height: auto;
}

.new-quote #folderDialogApplicableTeams {
    margin: 0;
}

.new-quote .modal-header {
    min-height: auto;
}

.new-quote .view-button {
    padding: 0 1.375em;
}

.new-quote #folder img.ui-datepicker-trigger {
    height: 20px;
    width: 20px;
    margin-top: 0.9375em;
}
*/

/* Quote search css here */

/* basic and advanced search css here */

/*.basic-search .tr-icon:hover {
    background: transparent;
    color: var(--icon-color);
}*/

.basic-search .save-search {
    padding-right: 0.3125em;
}

.basic-search .basic-search .save-search:hover {
    background: transparent;
    color: var(--primary);
}

.basic-search .button:hover {
    background: transparent;
}

.basic-search .tr-icon {
    padding: 3px 0.4375em;

}

.advanced-search-wrapper .col-sm-6,
#foldertabs .tab-pane .repeater-grid.col-xs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}

.advanced-search-wrapper img.ui-datepicker-trigger {
    right: 5px;
}

.advanced-search-wrapper>div:nth-child(n + 6) {
    border-top: 1px solid #d3d7e4;
}

.search-grid-6>div:nth-child(n + 6) {
    border-top: none;
}

.advanced-search-wrapper>div:nth-child(5n) {
    border-right: none;
}

.advanced-search-wrapper>div {
    padding: 17px;
    border-right: 0.0625em solid #d3d7e4;
    flex: 0 0 100%;
    max-width: 100%;
}


/* model css here */
.salesView #quoteId {
    border: none;
    font-size: var(--base-font) !important;
    padding: 0 !important;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--secondary);
    font-weight: bold;
    background: transparent;
}

.salesView .modal-content {
    height: auto;
}

.salesView .modal .modal-header {
    min-height: auto;
}

.salesView .modal .modal-body .page-title {
    margin-bottom: 0.5em;
}

.salesView .modal .close-button {
    padding: 0;
}

.salesView .modal .modal-body {
    height: 100%;
    background: #ffffff;
    padding-bottom: 1.25em;
}

.salesView .modal .view-button {
    padding: 0 1.375em;
}

.salesView .modal #folder input {
    margin-bottom: 0;
}

.salesView .modal #folder .ui-datepicker-trigger {
    margin-top: 1.1875em;
}

.salesView .modal .button {
    padding: 0.3125em 1.875em;
}

.salesView input[type=checkbox] {
    min-height: auto;
    /* margin-right: 0.3125em; */
}

.salesView .modal textarea,
.salesView .modal select,
.salesView .modal input[type=text],
.modal input[type=text] {
    margin-top: 0.5em;
    border: var(--input-border);
    padding: 7px 10px !important;
    height: auto;
    margin-bottom: 0.125em;
}

/*  folder verstion page css here  */

.salesView .timeline-section .timeline-item.active {
    background: transparent;
}

.salesView .timeline-section .timeline-item.active a {
    color: #000;
    font-weight: bold;
    letter-spacing: 0.000625em;
}

/* .salesView button:hover,
.salesView .ui-widget button:hover {
    background: transparent;
} */

.salesView .nav>li>a:hover,
.salesView .nav>li>a:active,
.salesView .nav>li>a:focus {
    color: var(--light-blue);
    /* font-size: var(--md-font); */
    background: transparent;
    border-bottom-color: var(--light-blue);
    border-radius: 0;
    font-weight: bold;
    border-color: var(--primary);
}

.salesView .nav-pills>li.active>a,
.salesView .nav-pills>li.active>a:hover,
.salesView .nav-pills>li.active>a:focus {
    /* color: var(--light-blue); */
    background: transparent;
    border-bottom-color: var(--light-blue);
    border-radius: 0;
    font-weight: bold;

}

.tr-icon {
    padding: 0 0.3125em;
}

.tr-icon:hover {
    background: transparent;
    color: var(--icon-color);
}

.salesView .timeline-section .timeline-item.active:before {
    background: var(--primary);
}

.salesView .model-sidebar-v2 .custom-combobox .tooltip {
    display: none !important;
}

.salesView .model-sidebar-v2 input[type="text"],
.salesView .model-sidebar-v2 select,
.salesView .model-sidebar-v2 .custom-combobox .ui-autocomplete-input {
    margin-top: 0.5em;
    border: var(--input-border);
    padding: 7px 10px !important;
    height: auto;
    margin-bottom: 0.125em;
    box-shadow: none;
}

.salesView .model-sidebar-v2 .ui-jqdialog .ui-jqdialog-titlebar {
    box-shadow: none;
    border-bottom: 0 !important;
    padding: 0 1.5625em;
}

/*.salesView .ui-dialog .ui-dialog-titlebar {
    color: var(--dark);
    font-size: var(--base-font);
    letter-spacing: 0.00125em;
    box-shadow: none;
    border: 0 !important;
    text-transform: capitalize;
    display: flex;
    flex-direction: column-reverse;
    max-width: 98%;
}*/

.ui-dialog .ui-dialog-title{
    margin: 0;
}

.salesView .ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close {
    top: 12px; 
    height: auto;
    width: auto;
    margin-top: 0;
    text-decoration: none;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 9px;
    top: 9px;
    display: block !important;
}

.salesView .ui-dialog .ui-icon-closethick,
.ui-dialog .ui-icon-closethick{
    width: 24px;
    font-size: 0;
    height: auto;
    text-align: center;
    border-radius: 50%;
    line-height: 1.2;
}

.salesView .ui-dialog .ui-icon-closethick::before,
.ui-dialog .ui-icon-closethick::before{
    font-size:18px;
}

.salesView .ui-dialog .ui-dialog-title {
    /* padding-top: 10px; */
    font-size: 20px;
}

.model-sidebar-v2,
.salesView .model-sidebar-v2 {
    min-height: 100%;
    height: auto !important;
    border-radius: 0;
    border-left: 1px solid #eee;
    border-top: none;
    border-bottom: none;
    padding-bottom: 20px;
}

.salesView .model-sidebar-v2.ui-dialog .ui-dialog-content {
    padding: 10px 1.9375em 0 !important;
    margin: 0 !important;
}

.salesView .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon,
.modal .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    margin: 0 0.3125em;
    font-size: var(--base-font);
}

.salesView #queueDetailDialog,
.salesView .ui-pg-table input[type="text"],
.modal .ui-pg-table input[type="text"] {
    margin: 0 0.3125em;
}

.salesView .model-sidebar-v2.ui-dialog .ui-state-default,
.salesView .model-sidebar-v2.ui-dialog .ui-widget-content .ui-state-default,
.salesView .model-sidebar-v2.ui-dialog .ui-widget-header .ui-state-default {
    height: 33px !important;
}


.salesView .form-control:focus,
.salesView textarea:focus,
.salesView #folder input:focus,
.salesView .model-sidebar-v2.ui-dialog input[type="text"]:focus {
    border-color: var(--light-blue);
    box-shadow: none;
}

.salesView .model-sidebar-v2 #folderDialog .select-wrapper select {
    height: 35px !important;
    margin-bottom: 20px;
}
/*
.model-sidebar-v2 .select-wrapper select {
    margin-bottom: 20px;
}*/

.model-sidebar-v2 .row div,
.salesView .model-sidebar-v2 .row div {
    width: 100% !important;
}

.salesView .model-sidebar-v2 .row>div {
    padding-left: 0;
    padding-right: 0;
}

.salesView .model-sidebar-v2 #folder .ui-datepicker-trigger {
    margin-top: 25px;
    height: 18px;
    width: 18px;
    right: 9px;
}

.salesView .model-sidebar-v2 #folderDialog .button {
    padding: 0.3125em 1.875em !important;
    border-radius: var(--md-radius);
}

/* model ui-dilog-v2 css here */

.salesView .ui-dialog {
    padding: 10px;
    border-radius: 0;
    border: none;
}

.salesView .ui-dialog .form-group {
    margin-bottom: 10px;
}

.salesView .ui-dialog .control-label.col-xs-12 {
    margin-bottom: 0;
}

.salesView .ui-dialog .form-group button {
    padding: 6px 19px !important;
}

.salesView .ui-dialog .form-group button label {
    margin-bottom: 10px;
}

.salesView .ui-dialog .form-group input {
    margin-top: 0.5em;
    border: var(--input-border);
    padding: 7px 10px !important;
    height: auto;
    margin-bottom: 0.125em;
    box-shadow: none;
}

.salesView .ui-dialog .form-group input[type="checkbox"] {
    height: 18px;
    width: 18px;
    padding: 0 !important;
}

/* ============ AG GRid ============*/
/*.salesView .repeater-grid .ag-bl .ag-header {
    height: 130px !important;
}

.salesView .repeater-grid .ag-theme-fresh .ag-body {
    top: 128px !important;
}*/

/*.salesView .repeater-grid .ag-header-container .ag-header-row {
    height: 73px !important;
}*/

/*.salesView .repeater-grid .ag-header-container .ag-header-row:last-child {
    top: 75px !important;
}
*/
/* 
Other pages css
*/
#accountCardsParent>.card-overview {
    overflow: auto;
    background-color: var(--white);
}

.card-masonry .card-overview {
    width: 24%;
    margin-bottom: 15px;
    max-height: 400px;
   	overflow: auto;
}

.salesView .nav-pills.nav-pills-child>li.active>a,
.salesView .nav-pills.nav-pills-child>li.active>a:hover,
.salesView .nav-pills.nav-pills-child>li.active>a:focus,
.salesView #settingsTab .nav-pills-child li.ui-state-active a,
/* .salesView .btn.btn-default,
.salesView button.btn-default, */
.salesView .compareSyncWizards ul[role="tablist"]>li.current>a,
.salesView .timer {
    color: var(--primary);
}

.salesView .grid-wrapper .ui-jqgrid .ui-search-table .ui-search-input>input:focus,
.salesView .grid-wrapper .ui-jqgrid .ui-search-table .ui-search-input>select:focus,
.salesView .compareSyncWizards ul[role="tablist"] li.current {
    border-color: var(--primary);
}

.salesView .ui-tabs .grid-wrapper .ui-jqgrid tr.ui-widget-content:hover,
.salesView .grid-wrapper .ui-widget-content:hover,
.salesView .ui-tabs .grid-wrapper .ui-jqgrid tr.ui-widget-content.ui-state-highlight,
.salesView .grid-wrapper .ui-widget-content.ui-state-highlight,
.salesView #workFlowStateMasterGrid.ui-jqgrid-btable tr.ui-state-highlight,
.salesView #workFlowStateApprovalTypeMasterGrid.ui-jqgrid-btable tr.ui-state-highlight,
.salesView #workflowCategoryMappingGrid.ui-jqgrid-btable tr.ui-state-highlight {
    background: #f2f2f2;
}

.salesView #sourceDocument {
    padding: 15px;
}

/* .salesView #divAccountDetails {
    padding-top: 15px;
} */

.salesView #btnManageMail .ui-pg-div,
.salesView .new-tab-design li.active a:after,
.salesView .body button,
.salesView .wizard>.actions a,
.salesView .wizard>.actions a:hover,
.salesView .wizard>.actions a:active,
.salesView #dropDownMenu {
    background: var(--primary);
}

.salesView #puserListGrid {
    top: -74px;
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background: rgba(67, 90, 111, 0.3);
    color: #fff; 
}

.salesView .ag-floating-filter-button button:hover {
    background-color: transparent;
}

/* ==========Dashboard==========*/
.salesView .infobox .info-icon {
    background: -webkit-linear-gradient(45deg, rgb(0, 123, 255) 0%, rgb(35, 111, 195) 100%);
    background: linear-gradient(45deg, rgb(0, 123, 255) 0%, rgb(35, 111, 195) 100%);
    color: var(--white);
}

.salesView .groupbox .info-icon {
    background: transparent;
    color: initial;
}
 
.salesView .activity-wrap:hover,
.salesView .infobox:hover,
.salesView .round input[type="checkbox"]:hover+label,
.salesView .activity-wrap:hover .round input[type="checkbox"]+label {
    border-color: var(--primary);
}

/* ==========Master List==========*/
.salesView .ui-tabs,
.salesView #foldertabs.parent-container {
    box-shadow: none;
}

.salesView #bottom-menu li.ui-state-active {
    border-bottom-color: var(--primary) !important;
}

.salesView #sectionMenuContainer .section-menu,
.salesView #sectionMenuBottom .section-menu,
.salesView #sectionMenuBottom .view-menu,
.salesView #sectionMenuContainer .view-menu {
    border-radius: 15px;
    padding-left: 10px;
}

.salesView .grid-wrapper .ui-jqgrid tr .ui-jqgrid-view {
    background: var(--primary);
}

.salesView .bottom-tab-content .ui-pager-control>.ui-pg-table {
    justify-content: flex-start;
}

.bottom-tab-content .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom {
    width: 300px !important;
}

.salesView .bottom-tab-content .grid-wrapper .ui-jqgrid.ui-widget-content .ui-jqgrid-title {
    color: #0e1a2a;
}

.salesView .ag-paging-panel .customPager {
    float: none !important;
}

/*.salesView #frmCreateForm .radio-label-align-middle {
    margin-top: 4px;
}*/

.salesView .ui-dialog .ui-jqgrid tr.jqgfirstrow td {
    border-right: transparent;
}

/* Design */
/* .salesView .tablelist-wrapper {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #E6E6E6;
} */

/* ====== Dropdown Menu  ====== */
.salesView #dropDownMenu {
    border-radius: 15px;
    padding: 15px;
}

.salesView #dropDownMenu,
.salesView #dropDownMenu .button,
.salesView #dropDownMenu * {
    background-color: transparent !important;
    color: var(--icon-color);
}

.salesView #dropDownMenu .folderversion-menu-text-90deg {
    border-bottom: 2px solid var(--icon-color);
}

.salesView #dropDownMenu {
    transform: translate(0px, 0px);
    min-width: 200px;
}

.salesView #dropDownMenu,
.salesView .folderversion-document-folder-position {
    font-size: var(--base-font);
    background-color: var(--white);
}


/* Testing changes */

#openDocumentGrid td {
    text-overflow: initial;
}

/* 
.sidenav{
    position: fixed;
    top: 0;
}
.salesView .sidenav{
    position: fixed;
    top: 0;
} */

.tab-pane .repeater-grid .ag-bl-normal-center-row+div .pq-grid-title {
    position: absolute;
    left: 0;
    top: -7px;
}

.salesView .tab-pane .repeater-grid .ag-bl-normal-center-row+div .pq-grid-title {
    position: absolute;
    left: 0;
    top: -7px;
}

.salesView .tab-pane .repeater-grid .ag-paging-panel .customPager {
    padding-bottom: 7px;
}

.salesView .tab-pane .repeater-grid .ag-paging-panel>span.ag-paging-row-summary-panel,
.salesView .tab-pane .repeater-grid .ag-theme-fresh .ag-paging-panel>span {
    margin-bottom: 7px;
}

.tab-pane .repeater-grid .ag-paging-panel>span.ag-paging-row-summary-panel,
.tab-pane .repeater-grid .ag-theme-fresh .ag-paging-panel>span {
    margin-bottom: 7px;
}

#foldertabs .tab-pane .repeater-grid {
    border-bottom: 0 solid #ebebeb;
    margin-top: 10px;
}



/*#foldertabs .tab-pane .repeater-grid .ag-theme-fresh .ag-cell {
    line-height: 1.9;
}*/

/*.salesView .tab-pane #mainsection .repeater-grid .ag-header-container .ag-header-row:last-child {
    top: 40px !important;
}*/

/* .salesView .tab-pane #mainsection .repeater-grid .ag-theme-fresh .ag-cell {
    width: 100% !important;
} */

.salesView .tab-pane #mainsection .repeater-grid .ag-theme-fresh .ag-body {
    top: 123px !important;
}

.parent-container #sectionMenuContainer .section-menu,
.parent-container #sectionMenuBottom .section-menu {
    line-height: normal;
}

.salesView .ui-jqgrid-btable tr.jqgrow td,
.salesView .ui-jqgrid-view .ui-jqgrid-pager.ui-corner-bottom {
    text-align: left !important;
}

/*  30.08.2019 */

#btnConfirm{
    padding: 6px 35px;
}


/* fail issue css here */

#bottom-menu #tabs-3 .ui-jqgrid .ui-jqgrid-htable th div{
    text-overflow: ellipsis;
}
#tabs-3 .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom span.ui-icon, 
#tabs-3 .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom .ui-pg-div span.ui-icon.ui-icon-refresh{
    margin: 0 60px 0 0 !important;
}
#accountDetailsGridModal .modal-dialog.bottom .ug-grid-table-v2 > .ui-jqgrid > .ui-jqgrid-view{
    padding-top: 20px;
    background-color: var(--white);
}
.salesView #accountDetailsGridModal .modal-dialog.bottom .ug-grid-table-v2 .ui-jqgrid .ui-jqgrid-view{
    padding-top: 0px;
}
.salesView #accountDetailsGridModal .modal-dialog.bottom .ug-grid-table-v2 .ui-jqgrid #pnpadg{
    top: -50px;
}
#accountDetailsGridModal .modal-dialog.bottom .ug-grid-table-v2 .ui-jqgrid  #pnpadg{
    top: -19px;
}
.general-motors .close-button, .salesView button.frame-expand{
    padding: 0 0.5rem;
}
#minoreffectivedatedialog img.ui-datepicker-trigger{
    top: 15px !important;
}
#vesrionHistoryDialog .ui-jqgrid-pager.ui-corner-bottom{
   left: 145px;
   padding: 0 !important;
}
.salesView #vesrionHistoryDialog .ui-jqgrid-pager.ui-corner-bottom{
    left: 146px;
}
.ui-dialog #vesrionHistoryDialog .grid-wrapper>.ui-jqgrid .ui-jqgrid-btable{
    border-collapse: separate;
}

#vesrionHistoryDialog .ui-jqgrid .ui-jqgrid-titlebar-close{
    margin-top: -2px;
}
.sidenav-list .sidenav-list-item#btnRoutingTask{
    display: block !important;
}
#selectMacroDialog .grid-wrapper .ui-jqgrid{
    top: 21PX;
}
#selectMacroDialog .grid-wrapper .ui-jqgrid #pmacroGrid{
    top: -49px;
}
.salesView #syncDocuments .ui-jqgrid-view  .ui-jqgrid-btable  tr.jqgrow td, 
.salesView #syncDocuments .ui-jqgrid-view .ui-jqgrid-pager.ui-corner-bottom{
    padding: 9px 10px 16px !important;
}
#openDocumentDialog .ui-jqgrid-view .ui-jqgrid-hbox input[type=checkbox]:checked:before, .cbox:checked:before{
    top: -3px;
    left: 2px;
}
.ui-dialog #vesrionHistoryDialog .grid-wrapper>.ui-jqgrid .ui-jqgrid-btable {
    border-collapse: collapse;
}
#vesrionHistoryDialog .grid-wrapper .ui-jqgrid-view{
    margin-bottom: 0;
}
/*.inner-editsection input.datepicker{
    background-size: contain; 
    background: url(../../css/custom-theme/images/calender-icon-date.svg) no-repeat  317px 8px;
}*/

.ui-subgrid .ui-jqgrid.ui-widget-content,
.ui-subgrid .ui-jqgrid-view,
.ui-subgrid .ui-jqgrid-hdiv,
.ui-subgrid table,
.ui-subgrid .ui-jqgrid-bdiv{
    width: 100% !important;
}
ul.ui-menu .ui-menu-item a{
    color: var(--dark) !important;
}
ul.ui-menu .ui-menu-item:hover a{
    color: var(--white) !important;
}
.model-sidebar-v2  #divCategory .custom-combobox .ui-button-icon-only .ui-icon{
    left: -34px;
}
.model-sidebar-v2 #folderDialogSelectAccount .custom-combobox .ui-button-icon-only .ui-icon{
    left: -32px;
}
.sidenav-list .sidenav-list-item{
    list-style: none;
}
.ui-tabs-panel  .mainSection.panel-header-default {
    padding: 0 ;
}
#sectionMenuContainer > div.col-sm-6{
   padding-right: 15px;
   padding-left: 15px;
}

#mainsection .editor-container{
    width: 100%;
}
#qhpReportQueue .HeaderButton .ui-icon-circle-triangle-s:before {
    content: '\e977' !important;
}
#qhpReportQueue .HeaderButton .ui-icon-circle-triangle-n:before,
#qhpReportQueue .ui-icon.ui-icon-triangle-2-n-s:before {
    content: '\e97c' !important;
}
.ui-dialog-buttonset button{
   border: 2px solid #5dbb98;
}
.salesView .ui-dialog-buttonset button{
   border-color: var(--primary);
}
/*
#selectDocumentsForQHP #qhpReportQueue .ui-icon.ui-icon-triangle-2-n-s:before{
    content:'\e97c';  
}

#selectDocumentsForQHP #qhpReportQueue .ui-icon-circle-triangle-s:before{
    content: '\e977';
}
*/


/* UNIT TEST PAGE CSS HERE */

/*#watchListTab .table-responsive #pwatch .ui-pg-table .ui-pg-input {
   padding: 7px 0px !important;
   width: unset !important;
}
*/
#radioViewall{
    padding: 12px 2px 0px !important;
}

.salesView .ui-dialog .ui-dialog-titlebar {
   color: var(--dark);
   font-size: var(--base-font);
   letter-spacing: 0.00125em;
   box-shadow: none;
   border: 0 !important;
   text-transform: capitalize;
   display: flex;
   flex-direction: column-reverse;
   padding-right: 35px;
}
.tab-pane .repeater-grid .ag-paging-panel>span.ag-paging-row-summary-panel, 
.tab-pane .repeater-grid .ag-theme-fresh .ag-paging-panel>span {
   margin-bottom: 7px;
}
.tab-pane .repeater-grid.col-xs-9 .ag-theme-fresh .ag-paging-panel>span {
   margin-bottom: 0px;
   margin-top: 0 !important;
}
#subGridDialog #subGridDialogData .ag-ltr .customPager{
    float: right !important;
}
#subGridDialog #subGridDialogData .ag-ltr td{
    padding: 0.25em 5px;
}
#subGridDialog #subGridDialogData .ag-paging-row-summary-panel span{
    padding:0 5px;
}
#subGridDialog #subGridDialogData .ag-paging-page-summary-panel{
    padding:0 5px;
}


/* Current lock page css here */

#SectionLockNotificationPopUp .table-responsive .ui-jqgrid-hbox .ui-jqgrid-labels th{
    width: 100px !important;
}

#SectionLockNotificationPopUp .ui-jqgrid-hbox .ui-jqgrid-labels th input[type=checkbox]:checked:before, 
.cbox:checked:before{
    top: -3px;
    left: 2px;
}
#SectionLockNotificationPopUp .table-responsive #gview_SectionLockPopUpID .ui-jqgrid-bdiv .ui-jqgrid-btable{
    table-layout: auto;
} 
#SectionLockNotificationPopUp{
 padding-left:10px !important;
}


#dashTaskDetails #workQueueTab #gview_workQueue .ui-jqgrid-htable tr:first-child th{
    width: auto !important;
}

/* My task list screen css here  */


.salesView #watchListTab .showwatchcontrol{
    right: 12%;
    top: 17px;
}
#watchListTab .showwatchcontrol{
    top:16px;
}

/* #watchListTab .table-responsive #pwatch .ui-pg-table .ui-pg-input{
    padding: 7px 0px !important;
    width: unset !important;
} */


/* Setting page css here  */

.salesView #settingsTab .nav-pills-child li a:hover {
    color: var(--primary);
    background-color: transparent;
}

#settingsTab-1 .grid-wrapper.left-sidebar .ui-jqgrid-view .ui-state-default{
    padding-left:3px !important;
}
#settingsTab-1 .grid-wrapper.left-sidebar .ui-jqgrid-view .ui-state-default input[type="checkbox"]{
    position: relative;
    top: 0;
}

.salesView #settingsTab-1 .ui-jqgrid-labels #jqgh_tblUserList_cb input[type=checkbox]:checked:before, 
.cbox:checked:before{
    top: -3px;
    left: 2px;
}
.salesView #settingsTab-1 #tblUserList.ui-jqgrid-btable tr.jqgrow td:first-child{
    padding-left: 6px !important;
}

#settingsTab #tblUserList.ui-jqgrid-btable tr.jqgrow td input{
    margin: -3px;
    position: relative;
    top: 0px;
    left: 2px;
}

.salesView #settingsTab-1 .btn:hover, 
.salesView #settingsTab-1 .btn:focus{
    color: var(--white) !important;
}
#settingsTab-1 .ui-jqgrid-labels input[type=checkbox]:checked:before, 
.cbox:checked:before{
    top: -3px;
    left: 1px;
}
#settingsTab #settingsTab-1 .select-wrapper:before{
    top: 2px;
}
#settingsTab #tblUserList.ui-jqgrid-btable tr.jqgrow td:first-child{
    padding-left: 4px ;
}
#settingsTab #settingsTab-2  #settings .select-wrapper:before{
    top: 2px;
}
.salesView #settingsTab #settingsTab-2 .btn:hover{
    color: var(--white) !important;
}
#settingsTab .grid-wrapper.new-grid-wrapper .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;
}
#consortiumDialog .form-group .custom-combobox .ui-button-icon-only .ui-icon{
    left: -16px;
    top: 2px;
}
#consortiumDialog .form-group .custom-combobox .tooltip{
    display:none !important;
}
.salesView #settingsTab .grid-wrapper.new-grid-wrapper .ui-pg-input:focus{
    box-shadow: none;
    border-color: var(--primary);
}
#settingsTab-3 #pworkFlowStateMasterGrid,
#settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid{
    top:-5px;
}
#settingsTab-3 #pworkFlowStateMasterGrid #pworkFlowStateMasterGrid_center {
    padding-top: 5px;
    width: auto !important;
}
#settingsTab-3 #pworkFlowStateMasterGrid #pworkFlowStateMasterGrid_right{
    padding-top: 5px;
}
#settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid_center{
    top: 4px;
    position: relative;
    width: auto !important;
}
#settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid_right{
    top: 4px;
    position: relative;
}
#settingsTab-4 #workFlowStateApprovalTypeMasterGrid,
#settingsTab-3 #workFlowStateApprovalTypeMasterGrid{
    border-collapse: separate;
}
#settingsTab-4 #pworkflowCategoryMappingGrid #pworkflowCategoryMappingGrid_left {
    padding-top: 4px ;
}
#settingsTab-4 #pworkflowCategoryMappingGrid #pworkflowCategoryMappingGrid_center {
    padding-top: 3px ;
    width: auto !important;
}
#settingsTab-4 #pworkflowCategoryMappingGrid #pworkflowCategoryMappingGrid_right {
    padding-top: 3px ;
}
#settingsTab-5 #pTasklistGrid_center {
    padding-top: 5px;
}
#settingsTab-5 #pTasklistGrid_right{
    padding-top: 3px;
}
#settingsTab-5 #TasklistGrid{
    border-collapse: separate;
}
#settingsTab-4 #workflowStateMappingGrid{
    border-collapse: separate;
}


#settingsTab-4 #pworkflowCategoryMappingGrid{
    top: -49px;
}
#workflowStateMappingDiv #gview_workflowStateMappingGrid .ui-widget-header{
    padding: 8px 8px !important;
}
#workflowStateMappingDiv #pworkflowStateMappingGrid .ui-widget-header .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;
}
#workflowStateMappingDiv #pworkflowStateMappingGrid .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;
}
.salesView #workflowStateMappingDiv #pworkflowStateMappingGrid .ui-pg-input:focus{
    box-shadow: none;
    border-color: var(--primary);
}
#workflowStateMappingDiv #pworkflowStateMappingGrid{
    top: 1px;
}

#settingsTab .ui-pg-input {
    padding: 7px 0px !important;
    width: unset !important;
    height: auto !important;
}
/*#settingsTab #pg_pwfStateApprovalStatusGrid #first_pwfStateApprovalStatusGrid{
    display: none;
}
#settingsTab #pg_pwfStateApprovalStatusGrid #last_pwfStateApprovalStatusGrid{
    display: none;
}*/
.salesView #settingsTab #pg_pwfStateApprovalStatusGrid .ui-pg-input:focus {
    box-shadow: none;
    border-color: var(--primary);
}
/*#settingsTab #first_pwfStateApprovalStatusGrid{
    display: none;
}
#settingsTab #last_pwfStateApprovalStatusGrid{
    display: none;
}*/
.salesView #settingsTab .ui-pg-input:focus {
    box-shadow: none;
    border-color: var(--primary);
}

#settingsTab-5 #pTasklistGrid{
    top: -5px;
}
.salesView #taskDialog .form-group b{
    position: relative;
    top: 3px;
}
.salesView #taskDialog input[type=checkbox]:checked:before, 
.cbox:checked:before{
    top: -1px;
    left: 2px;
}
#taskDialog input[type=checkbox]:checked:before, 
.cbox:checked:before{
    top: -3px;
    left: 2px;
}
#settingsTab #settingsTab-2 #userListGrid {
    border-collapse: separate;
}
input#alreadyConverted508[type=checkbox]:checked:before, 
.cbox:checked:before {
    top: -3px;
}
#settingsTab-6 .ui-jqgrid-htable input[type=checkbox]:checked:before, 
.cbox:checked:before{
    left: 2px;
    top: -3px;
}
#settingsTab-6 #tblTaskList input{
    position: relative;
    left: 0;
    padding-right: 0;
}
#settingsTab-6 #selectedTaskListGrid input{
    position: relative;
    left: 0; 
    padding-right: 0;
}
#settingsTab-6 .select-wrapper:before{
    top: 2px;
}
/*.salesView .btn:hover, 
.btn:focus{
    color: var(--white) !important;
}*/
#settingsTab-2 #puserListGrid {
    top: -45px;
}
#settingsTab-2 #puserListGrid #puserListGrid_center {
    position:relative;
    top: 2px;
    left: -10px;
}
#settingsTab-2 .ui-jqgrid .ui-pager-control .ui-paging-info{
    margin-right: 0;
}
.salesView #settingsTab #settingsTab-1 #diveBSFields input:focus{
    box-shadow: none;
    border-color: var(--primary);
}
#settingsTab-1 #crmFieldMappings .ag-paging-row-summary-panel span,
#settingsTab-1 #crmFieldMappings .ag-paging-page-summary-panel span{
    margin: 0 4px;
}
#settingsTab-1 #CRMeBSFieldMappingGrid .ag-body.ag-row-animation .ag-cell.ag-cell-value{
    width: 100% !important;
}
#settingsTab-1 #CRMeBSFieldMappingGrid .ag-layout-normal .ag-body-container{
    width:100% !important;
}
#settingsTab #settingsTab-2 .row.form-group {
    padding: 0 !important;
}
.salesView #settingsTab #settingsTab-2 input:focus{
    box-shadow: none;
    border-color: var(--primary);   
}
.salesView #settingsTab .ag-paging-page-summary-panel button,
.salesView #settingsTab .ag-paging-page-summary-panel span{
    padding: 0 4px;
}
.salesView #settingsTab .ag-paging-row-summary-panel span{
    margin: 0 4px;   
}
#settingsTab #settingsTab-5 #userCardsParent input[type=checkbox]{
    height: 14px;
    width: 14PX;
    position: relative;
    top: -1px;
}
#settingsTab #settingsTab-4 #ViewType #viewTypeGridContainerDiv{
    padding-top: 60px !important;
}
#reportingCentTabinput input:focus{
    box-shadow: none;
    border-color: var(--primary);   
}
#reportingCentTab .grid-wrapper .ui-jqgrid .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;
}
.salesView #reportingCentTab .grid-wrapper .ui-jqgrid .ui-pg-input:focus{
    box-shadow: none;
    border-color: var(--primary);
}
.salesView #reportingCentTab #reportingCentTab-1 #pg_pfolderList #pfolderList_left {
    position: relative;
    left: 10px;
    top: -1px;
}
#reportingCentTab #reportingCentTab-1 #pg_pfolderList #pfolderList_left {
    position: relative;
    left: 10px;
    top: -1px;
}
#reportingCentTab-2 #preportQueue #preportQueue_center {
    top: 3px;
    position: relative;
}
#reportingCentTab #reportingCentTab-1 .ui-jqgrid .ui-pager-control .ui-paging-info{
    margin-right: 25px;
}
#reportingCentTab #reportingCentTab-1 #folderList input{
    position: relative;
    left: 5px;
    margin: -1px;
}
#reportingCentTab #reportingCentTab-1 .ui-jqgrid-htable .ui-jqgrid-labels input[type=checkbox]:checked:before{
    left: 2px;
    top: -2px;
}
#reportingCentTab #reportingCentTab-1 .ui-jqgrid .ui-pager-control .ui-paging-info{
    position: relative;
    right: 10px;
}
#reportingCentTab-2 #preportQueue #preportQueue_left {
    position: relative;
    left: 8px;
    top: 1px;
}
/*#reportingCentTab #preportSyncLog .ui-icon-seek-prev {
    position: relative;
    top: 4px;
}*/
#reportingCentTab #preportSyncLog_left .ui-icon.ui-icon-refresh{
    position: relative;
    left: 10px;
}
#reportingCentTab #reportingCentTab-2 #preportSyncLog #preportSyncLog_center  {
    position: relative;
    top: 3px;
}
.salesView #reportingCentTab .nav-pills.nav-pills-child>li.active>a{
    border-bottom: 0 solid;
}
.salesView #reportingCentTab .nav-pills.nav-pills-child>li a:hover{
    border-bottom: 0 solid;
}
 
.salesView #reportingCentTab .nav>li>a:active{
    border-bottom: 0 solid; 
}
.salesView #btnExportToExcel,
.salesView #btnBack{
    background-color: var(--primary) !important;
}
.salesView #treeviewDropdownBtn:focus{
    box-shadow: none;
    border-color: none;
}
/*.salesView #treeviewDropdownBtn{
    background-color: var(--primary);
    color: var(--white);  
    border: none; 
}*/
.table-responsive #lblselected td {
    padding-left: 8px;
}
.compare-sync-wizard #documentSync .steps ul[role="tablist"] li.current a{
    color: #444;
    font-size: 15px;
    font-weight: bold; 
}
.compare-sync-wizard #documentSync .steps ul[role="tablist"] li a{
    color: #444;
    font-size: 15px;
}
#sourceDocumentDialog .grid-wrapper{
    padding-top: 0px;
}
#sourceDocumentDialog{
    padding-top: 0;
}
#sourceDocumentDialog #pdocSearch #pdocSearch_left{
    position: relative;
    left: 17px;
    top: 0;
}
 #targetDocuments{
    padding-top: 0 !important;
 }
 #targetDocuments #gview_targetDocumentList{
    padding-bottom: 0 !important;
 }
 #targetDocuments #targetDocumentList {
    table-layout: auto;
 }
 #selectMacroDialog .grid-wrapper {
    padding-top: 18px;
}
#sourceDocumentDialog #pdocSearch .pdocSearch_center .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;
}
#sourceDocumentDialog #pdocSearch {
    top: 0;
}
#pdocSearch_center .ui-pg-input{
    padding: 7px 0px !important;
    width: unset !important;
    height: auto !important;   
}
.salesView #selectMacroDialog .grid-wrapper .ui-jqgrid #pmacroGrid{
    top: -60px;
    right: -44px;
}
#selectMacroDialog  #pmacroGrid #pg_pmacroGrid #pmacroGrid_left{
    position: relative;
    left: 20px;
    top: -35px !important; 
}
#selectMacroDialog #pmacroGrid_center .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;   
}
.salesView #editmodmacroGrid,
.salesView #delmodmacroGrid{
    padding: 10px;
}

.salesView #editmodmacroGrid.ui-jqdialog .ui-jqdialog-titlebar,
.salesView #delmodmacroGrid.ui-jqdialog .ui-jqdialog-titlebar{
    box-shadow: none;
    border-bottom: 0;
}
#editmodmacroGrid.ui-jqdialog .ui-jqdialog-titlebar-close,
#delmodmacroGrid.ui-jqdialog .ui-jqdialog-titlebar-close{
    top: 13px;
}
.salesView #editmodmacroGrid  #TblGrid_macroGrid tr input[type="text"],
.salesView #delmodmacroGrid  #TblGrid_macroGrid tr input[type="text"]{
    box-shadow: none;
    border: var(--input-border);
}
.salesView #editmodmacroGrid  #TblGrid_macroGrid tr input:focus,
.salesView #delmodmacroGrid  #TblGrid_macroGrid tr input:focus{
    box-shadow: none;
    border-color: var(--primary);
}
.salesView #editmodmacroGrid #TblGrid_macroGrid .CaptionTD,
.salesView #delmodmacroGrid #TblGrid_macroGrid .CaptionTD
{
    padding-right: 4px;
}
.salesView #editmodmacroGrid .fm-button,
.salesView #delmodmacroGrid .fm-button{
    background-color: var(--primary) !important;
    color: var(--white);
}
.salesView #editmodmacroGrid .fm-button:hover,
.salesView #delmodmacroGrid .fm-button:hover{
    background-color: var(--primary) !important;
    color: var(--white);
}
#delmodmacroGrid .delmsg{
    font-size: var(--sm-font);
}
#delmodmacroGrid hr.ui-widget-content{
    display: none;
}

/*.setupCompare-wrapper .grid-wrapper .ui-jqgrid-bdiv{
    height: 100% !important;
}*/
.saleView #selectRepeaterKeysDailog #btnAddKeys{
    background-color: var(--primary) !important;
    color: var(--white);   
}

#documentSync #targetDocumentList .jqgrow td:first-child{
    padding-left: 10px;
}
#documentSync #targetDocuments #pg_ptargetDocumentList #ptargetDocumentList_left{
    position: relative;
    padding-top: 4px;
    left: 5px;
}
.salesView #documentSync #targetDocuments #pg_ptargetDocumentList #ptargetDocumentList_center{
    position: relative;
    padding-top: 4px;
}

#documentSync #ptargetDocumentSelectedList_left{
    padding-top:;
}
#targetDocuments  #ptargetDocumentSelectedList{
    top:-4px;
}
.salesView #documentSync #targetDocuments #ptargetDocumentList{
    padding-top: 7px !important;
}
#documentSync #targetDocuments #ptargetDocumentSelectedList #ptargetDocumentSelectedList_center {
    padding-top: 4px;
}
.salesView #documentSync #targetDocuments #ptargetDocumentSelectedList #ptargetDocumentSelectedList_center{
    padding-top: 4px;
}
#selectDocumentsForQHP .new-tab-design-bg .nav-pills.nav-pills-child>li.active>a{
    color: #444;
    font-size: 15px;
    font-weight: bold; 
}
#selectDocumentsForQHP #generateQHPReports .right_side_checkbox input[type="checkbox"]{
    margin-top: 4px;
}
#selectDocumentsForQHP #generateQHPReports .right_side_checkbox input[type=checkbox]:checked:before{
    top: -2px;
    left: 2px;
    font-size: 13px
}
.salesView #documentSync #targetDocuments input:focus{
    box-shadow: none;
    border-color: var(--primary);
}
.salesView #compareDocuments .grid-wrapper>.ui-jqgrid tr.jqgrow td{
    padding: 9px 10px 0 16px !important;
}
.salesView #compareDocuments .grid-wrapper .ui-pager-control>table td:first-child{
    padding-top: 3px;
}
.salesView #compareDocuments #pcompareDocumentsList {
    top: -3px;
}
#documentSync  input.ui-pg-input:focus{
    box-shadow: none;
    border-color: var(--primary);
}
#compareDocuments .grid-wrapper #pcompareDocumentsList_left{
    padding-top: 1px;
}
.salesView #compareDocuments .grid-wrapper #pcompareDocumentsList_left{
    padding-top: 5px;
}
.salesView #compareDocuments .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important; 
}
.salesView #documentSync #targetDocuments .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;   
}
.salesView input.ui-pg-input:focus {
    box-shadow: none;
    border-color: var(--primary);    
}
.salesView #documentSync .ui-pg-input{
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;   
}
#syncDocuments #psyncDocumentsList #psyncDocumentsList_center {
    padding-top: 2px;
}
.salesView #syncDocuments #psyncDocumentsList #psyncDocumentsList_center {
    padding-top: 1px;
}
#selectDocumentsForQHP #pg_ptargetDocumentList,
#selectDocumentsForQHP  #preportQueue{
    top: -3px;
}
#selectDocumentsForQHP #pg_ptargetDocumentList{
	left: 21px;
}

/*#selectDocumentsForQHP  .ui-pg-input {
    padding: 7px 0px !important;
    width: unset !important;
    height: auto !important;
}*/

#selectDocumentsForQHP #generateQHPReports .ui-jqgrid-htable input[type=checkbox]:checked:before{
    left: 2px;  
    top: -3px;
}
.salesView #accountDetailsDialog .new-pagination-align{
    padding-top: 41px;
}
.salesView #gbox_queuedCollateralsGrid #pqueuedCollateralsGrid_center .ui-pg-input {
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;   
}
.salesView #userActivity #userActivity-1 #puserActivityGrid .ui-pg-input  {
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;  
}
.salesView #collateralImages-1 #pcollateralImageListGrid .ui-pg-input  {
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;  
}
#reportTmplVrsnDialog img.ui-datepicker-trigger {
    top: 43px !important;
    right: 22px !important;
}
.salesView #reportTmplVrsnDialog img.ui-datepicker-trigger {
    top:51px !important;
}
#reportTmplVrsnDialog #divReportTmplVrsnAdd input[type="checkbox"]{
    height: 18px !important;
    margin-top: 0px !important;
}
.salesView #collateralImages-1 #prev_pcollateralImageListGrid{
    position: relative;
    top: 4px;
}
#puploadedCollateralsGrid #pg_puploadedCollateralsGrid .ui-pg-input  {
    padding: 3px 0px !important;
    width: unset !important;
    height: auto !important;  
}
/*#puploadedCollateralsGrid #pg_puploadedCollateralsGrid {
    padding-top: 36px !important;
}*/
#salesSearchTab  .heading,
#salesSearchTab .search-title{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}
#salesSearchTab label{
    color:#171d29;
    font-weight: normal;
}
#salesSearchTab .basic-search{
    padding: 12px 4px 12px 17px;
    display: flex !important;
    flex-direction: row;
    justify-content: end;
    align-items: baseline;
    width:100%;
    gap: 10px;
}
.basic-search {
display:flex !important;
}

#salesSearchTab  .advanced-search label{
    font-size: 14px;
}
#advanceSearchQuoteSearchDiv .select-wrapper:before{
    top: 1px;
}
#advanceSearchQuoteSearchDiv  #btnAddCriteria{
    margin-left: 10px;
}
#quoteSearchResult #quoteSearchResultGrid .ag-layout-normal .ag-body-viewport,
#bulkSearchResult #bulkQueueListGrid .ag-layout-normal .ag-body-viewport {
    height: 385px !important;
}
/* #quoteSearchResult #borderLayout_eRootPanel .ag-pinned-left-cols-viewport{
    height: 293px !important;
} */
#advanceSearchQuoteSearchDiv img.ui-datepicker-trigger{
    height: 19px;
    top: 17px !important;
    width: 19px;
}
#retroEffectiveDate+img{
    margin-top: 2px;
}
#advanceSearchQuoteSearchDiv #ContainerForBtwnOperatorCal2Div2,
.salesView #retroEffectiveDate+img {
    margin-top: 10px;
}
#advanceSearchQuoteSearchDiv #btnAddCriteria:focus,
#advanceSearchQuoteSearchDiv #btnAddCriteria:active{
    outline: 0 auto -webkit-focus-ring-color !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125) !important;
}
#SearchViewDialog label input[type=checkbox] {
    height:16px !important;
}
#SearchViewDialog label input[type=checkbox]:checked:before{
    top: -2px;
    left: 2px;
}
.select-view select.form-control,
.form-control.select-dropdown,
.salesView .top-bar #drpViewMode.section-menu{
    border-radius: 15px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    border: 0;
    padding: 6px 24px 6px 10px !important;
    color: var(--primary);
}
.select-view select option {
    color:var(--dark);
}
#gview_targetDocumentList .ui-jqgrid-htable .cbox,
.check-all{
    bottom: 0;
}

/*.select-view:before{
    content: "\e90a";

}*/

/* Quote page css here */

#quoteDetailsGridModal  #pnpadg #next_pnpadg {
    position: relative;
    top: 2px;
}   
#quoteDetailsGridModal  #prev_pnpadg{
    position: relative;
    top: 2px;
}
.salesView #quoteDetailsGridModal #pnpadg{
    top: -40px;
}
#quoteDetailsGridModal #pnpadg{
    top: -5px;
}
.salesView #quoteDetailsGridModal .ui-jqgrid{
    margin-top: 20px !important;
}

#quoteDetailsGridModal .ug-grid-table-v2 > .ui-jqgrid{
   padding-top: 30px !important;
   margin-top: 0 !important;
}
.model-sidebar-v2 #folderDialog .custom-combobox .ui-button-icon-only .ui-icon {
    left: -10px;
}
.model-sidebar-v2 #folderDialog .ui-datepicker-trigger{
    right: 28px;
    margin-top: 17px;
}
/*.salesView .repeater-grid .ag-theme-fresh .ag-header-viewport  .ag-header-container .ag-header-row:last-child{
    top: 45px !important;
}*/
.salesView #foldertabs input[type=text] {
    margin-bottom:8px !important;
} 

#folderVersionPropertiesDialog #gbox_folderVersionPropertiesGrid .ui-jqgrid-btable {
    border-collapse: separate;
}
#folderVersionPropertiesDialog #gbox_folderVersionPropertiesGrid .ui-jqgrid-pager.ui-corner-bottom{
    top:-42px;
}
.repeater-grid .Dropdown select,
.repeater-grid .DropdownTextbox select {
    height: 23px;
    padding: 0;
}
.salesView .ag-bl .ag-header{
    height: 131px !important;
}
body.salesView .pull-right .section-menu, 
.pull-right .section-menu{
    top: 2px;
    position: relative;
}
.salesView #borderLayout_eRootPanel .ag-bl-normal-center-row + div .pq-grid-title{
    position: absolute;
    left: 0;
    top: -3px;
}
.salesView #borderLayout_eRootPanel .ag-paging-panel .customPager{
    float: right !important;
}
.salesView #borderLayout_eRootPanel .customPager td{
    padding: 0.25em 7px 0px !important;
}
.salesView #borderLayout_eRootPanel .Dropdown select,
.salesView #borderLayout_eRootPanel .DropdownTextbox select {
   height: 23px;
   padding: 0; 
}
#sotviewcontainer img.ui-datepicker-trigger{
    top: 10px !important;
    width: 20px;
}

.saleView #sotviewcontainer img.ui-datepicker-trigger{
    top: 12px !important;
}
.salesView #borderLayout_eRootPanel .ag-paging-row-summary-panel span,
.salesView #borderLayout_eRootPanel .ag-paging-row-summary-panel button{
    padding: 0 5px;
}

/* Repeater css here */

.salesView .ag-bl .ag-header{
    background-color: #f5f5f5;
    height: 111px !important;
}
.salesView .ag-pinned-left-header .ag-header-row:last-child, 
.salesView .ag-pinned-right-header .ag-header-row:last-child{
    background-color: #f5f5f5 ;
}
.salesView .ag-header-container .ag-header-row:last-child{
    background-color: transparent;
}
.salesView .ag-header-container .ag-header-row:last-child{
    top:66px !important;
}
.salesView #borderLayout_eRootPanel .ag-header-container .ag-header-row:last-child{
    top:66px !important;
}
.salesView .ag-theme-fresh .ag-tool-panel .ag-side-buttons button{
    background-color: var(--light-blue);
}
.salesView #borderLayout_eRootPanel .ag-header{
    height: 111px !important;
}
.salesView #gridDialog .ag-bl .ag-header  {
    height: 50px !important;
}
.salesView .ag-theme-fresh .ag-header-cell, 
.salesView .ag-theme-fresh .ag-header-group-cell{
    line-height: unset;
    border: 0;
}
.details-custom-pagination .dropdown-toggle::after{
    display: none;
}
.salesView #quoteSearchResultGrid .ag-header-container .ag-header-row:last-child{
    top: 36px !important;
}

#editcntmacroGrid #FrmGrid_macroGrid{
    overflow: inherit !important;
}
.salesView #CRMeBSFieldMappingGrid .ag-header-container .ag-header-row:last-child{
    top: 36px !important;
}

.salesView #newCRMFiedAddingDiv #CRMFieldsGrid .ag-header-row:last-child {
    top: 31px !important;
}
.salesView #newCRMFiedAddingDiv .ag-bl .ag-header{
    height: 79px !important;
}
#newCRMFiedAddingDiv input[type="text"]{
    border-color: #ccc;
    box-shadow: none;
}
#newCRMFiedAddingDiv #btnSaveCRMField:hover{
    color: var(--white) !important;
}
.salesView #searchViewMapping .ag-bl .ag-header,
.salesView #viewTypeGridContainerDiv .ag-bl .ag-header {
    height: 80px !important;
}
.salesView #searchViewMapping .ag-header-container .ag-header-row:last-child,
.salesView #viewTypeGridContainerDiv .ag-header-container .ag-header-row:last-child{
    top: 36px !important;
}
.salesView #quoteSearchResultGrid .ag-bl .ag-header{
    background-color: transparent !important;
}
.salesView #quoteSearchResultGrid .ag-pinned-left-header .ag-header-row:last-child, 
.salesView #quoteSearchResultGrid .ag-pinned-right-header .ag-header-row:last-child{
    background-color: transparent !important;
}
/*.salesView #roleaccesspermission .grid-wrapper {
    padding-top: 40px !important;
}*/
.salesView #complianceErrorDialog .ag-header-container .ag-header-row:last-child{
    top: 46px !important;
}
.salesView #complianceErrorDialog .ag-bl .ag-header{
    height: 79px !important;
}

.salesView  #formdesigntabs #formdesign-11 .select-wrapper:before{
    top: 1px;
}
.ui-icon-shuffle:before{
    content: "\e927" !important;

}
.ui-dialog .ui-icon-arrowreturn-1-w:before{
    content:"\e959" !important;
}

.inner-editsection input[type=checkbox] {
    display: block !important;
}

.salesView .inner-editsection input[type=checkbox]:checked:before{
    top: -6px;
    left: 2px;
    font-size: 14px;
}

/* marge css issue */

#consortiumDialog .ui-button-icon-only .ui-icon {
    top: -15px;
    left: 2px;
}

.salesView #CRMFieldsGrid .customPager select {
    max-width: 70px;
}

.salesView #addNewSystem{
    background-color: var(--light-blue) !important;
}
.salesView .fs-wrap.multiple .fs-option.selected .fs-checkbox i{
    background-color: var(--light-blue);
}
#viewReportTemplate table{
    border-collapse: separate;
} 
.salesView #uploadTemplateFileChange-1183{
    width: 140px ;
}
.salesView #reportGenerate table{
    border-collapse: separate; 
}
#TblGrid_macroGrid tr input[type="text"]{
    margin: 7px 0;
}
#TblGrid_macroGrid tr input[type="checkbox"]{
    margin-top: 3px;
}
#viewReportTemplate .ui-tabs-panel .ui-widget{
    padding-bottom: 0 !important; 
}
#reportGenerate .left-sidebar #fdgReportgen {
    border-collapse: separate; 
}   
#editcntmacroGrid .EditButton a{
    color: var(--white) !important;
}
#delcntmacroGrid .EditButton a{
    color: var(--white) !important;
}
#documentSync .select-wrapper:before{
    top: 5px;
}
.salesView #compareDocuments #pcompareDocumentsList #pcompareDocumentsList_center {
    padding-top: 3px;
}
#compareDocuments .select-wrapper:before{
    top: 2px;
}
#compareDocuments #compareDocumentsList{
    table-layout: auto;
}
.salesView #compareDocuments .select-wrapper{
    position: relative;
    top: -4px;
}
#settingsTab #settingsTab-1 .grid-wrapper #tblUserList  {
    table-layout: auto;
}

#settingsTab #settingsTab-2 #pcategoryListGrid_center {
    padding-top: 5px;
    width: auto !important;
}
#settingsTab #settingsTab-2 #pcategoryListGrid_right{
    padding-top: 6px;
    max-width: 78px;
}
#settingsTab #settingsTab-2 #pgroupListGrid #pgroupListGrid_center{
    padding-top: 4px;
}
#settingsTab #settingsTab-2 #categoryListGrid,
#settingsTab #settingsTab-2 #groupListGrid{
    border-collapse: separate;
}
#settingsTab #settingsTab-6 .grid-wrapper .ui-jqgrid-bdiv tr.jqgrow td:first-child{
    text-align: left !important;
    padding-right: 0;
}
#settingsTab-2 #puserListGrid_right {
    width: 90px !important;
    position: relative;
    top: 2px;
    left: -5px;
}

#settingsTab-6 .grid-wrapper .ui-state-default.ui-jqgrid-hdiv {
    padding-left: 0 !important;
}
#settingsTab-6 .grid-wrapper #selectedTaskListGrid_cb {
    padding-left: 6px !important;  
}
#settingsTab-2 #puserListGrid #puserListGrid_center .ui-pg-input {
    padding: 3px 0 !important;
}
#roleaccesspermission #roleaccesspermissiongrid input[type=checkbox]  {
    position: relative;
    left: 8px;
}
/*.salesView #roleaccesspermission #roleaccesspermissiongrid input[type=checkbox]{
    left: 8px;
}*/
#roleaccesspermission #gview_roleaccesspermissiongrid #roleaccesspermissiongrid_IsVisible input[type=checkbox]:checked:before{
    top: -3px;
}
.salesView #addSystem .form-group #btnaddSystem {
    margin-top: 33px !important;
}
#addSystem .form-group #btnaddSystem {
    margin-top: 21px !important;
}
#selectDocumentsForQHP #generateQHPReports #ptargetDocumentList_center {
    padding-top: 3px;
}
#selectDocumentsForQHP #preportQueue #pg_preportQueue #preportQueue_center  {
    padding-top: 2px;
}
#userActivity #gbox_userActivityGrid {
    padding-bottom: 0;
}

/*#collateralImages #pg_pcollateralImageListGrid #pcollateralImageListGrid_center {
   width: auto !important;
   position: relative;
   right: 20px;
   top: 2px;
}
#collateralImages #pg_pcollateralImageListGrid #pcollateralImageListGrid_left{
    left: -10px;
    position: relative;
    top: -1px;
}
#collateralImages #pcollateralImageListGrid_center #prev_pcollateralImageListGrid{
    position: relative;
    top: 2px;
    left: 20px;
}
#collateralImages #pg_pcollateralImageListGrid #pcollateralImageListGrid_right{
	padding-top: 4px;
}

#collateralImages #pcollateralImageListGrid_center #next_pcollateralImageListGrid{
    position: relative;
    left: -20px;
}*/
.salesView #collateralImages #pg_pcollateralImageListGrid #pcollateralImageListGrid_left {
    left: -30px;
    position: relative;
    top: -3px;
}
.salesView #collateralImages #pg_pcollateralImageListGrid #pcollateralImageListGrid_center {
    width: auto !important;
    position: relative;
    right: 20px;
    top: 2px;
}
.salesView #collateralImages #pcollateralImageListGrid_center #prev_pcollateralImageListGrid {
    position: relative;
    top: 4px;
}
.header .top-bar{
    padding-bottom: 20px;
}
#NotificationDialog .table-responsive.grid-wrapper {
    overflow-x:initial;
}
.ug-grid-table-v2 #pnpadg_left {
    position: relative;
    top: 4px;
}
.salesView #pundefined_center .ui-pg-input, 
.salesView #pwatch_center .ui-pg-input, 
.salesView #pworkQueue_center .ui-pg-input, 
.salesView #pformUpdates_center .ui-pg-input{
    padding: 3px 0 !important;
}

.form-check-label {
    margin-left: 7px;
}
.form-check .form-check-label{
    margin-left: 0;
}

#pformUpdates_center .ui-pg-input {
    min-width: auto !important;
    padding: 3px 0 !important; 
}
/*.navbar-bottom{
    position: fixed;
}*/
#sectionMenuContainer .select-wrapper:before {
    top:3px;
}
#ppdg .ui-pg-table input[type="text"], 
#puserAssignmentEdit_center .ui-pg-input{
    min-width: auto !important;
}
.inner-editsection .select-wrapper:before{
    background-color: transparent;
}
.inner-editsection .new-custom-combobox .select-wrapper:before{
    display: none;
}
#formdesign-11 .grid-wrapper .ui-widget {
    padding-bottom: 0;
}
#formDesign-2 .handsontable .htCheckboxRendererInput{
    height:16px !important;
}
/* #bottom-menu-tabs #bottom-menu-ul #btnBottonGridPopup {
    margin-right: 10px;
    top: 14px;
    position: absolute;
    right: -3px;
} */
#p_designActivityLog{
	top: -46px;
}
#formDesign-2 ui-jqgrid {
    padding-bottom: 0 !important;

}

.folderDialogAccountCustom.model-sidebar-v2 #folderDialog,
.folderDialogQuoteCustom.model-sidebar-v2 #folderDialog{
    overflow-y: auto;
    max-height: calc(100vh - 60px);
}

/* Portfolio  page css here */

/*#portfolioTab #ProductBuild #btnDocSearch {
    position: relative;
    top: -7px;
}*/
#portfolioTab #ProductBuild .form-group{
    margin-right: 10px;
}
#portfolioTab #ProductBuild .form-group input{
    margin-left: 5px;
}

/*#portfolioTab #ProductBuild #btnDocSearch,
#portfolioTab #ProductBuild #btnDocClear {
    position: relative;
    top: -7px;
}
*/
.modal-content .header-right-side #btnBottonGridPopup {
    margin-right: 9px;
    cursor: pointer;
    font-weight:  bold;
    top: 0;
}

/*#sectionMenuContainerBottom{
	position: relative;
	left: -16px !important;
}*/
/* #btnBottomSaveFormData {
	left: -21px;
    position: relative;
} */
#portfolioTab #ProductBuild #ppdg #ppdg_center {
	padding-top: 3px ;
}
#reportingCentTab #reportingCentTab-2 .ui-jqgrid .ui-jqgrid-titlebar-close.HeaderButton{
	top: 8px;
}
#viewReportTemplate #report-1 .pull-right{
	margin-top: 25px !important;
    letter-spacing: 1px;
}
#formdesign-1 .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
    top: 0;
}
#accountDetailsDialog .new-pagination-align #pdocSearch #pdocSearch_left {
    left: 12px;
    position: relative;
    top: -35px !important;
    padding-right: 0;
}
#accountDetailsDialog .new-pagination-align #pdocSearch {
    top: -50px !important;
}
#generateReportDiv button {
    letter-spacing: 1px;
}
#collateralImages button{
    letter-spacing: 1px;
}
#reportGenerate #UploadCollateralBtn,
#reportGenerate #QueueCollateralBtn {
	margin: 13px 0;
}
#gbox_queuedCollateralsGrid #pqueuedCollateralsGrid_center{
	padding-top: 6px;
}
#gbox_queuedCollateralsGrid .ui-icon-circle-triangle-n {
	position: relative;
    top: 2px;
}
#userActivity-1 #puserActivityGrid #puserActivityGrid_center {
	padding-top: 8px;
	right: 9px;
    position: relative;
}
#userActivity-1 #puserActivityGrid #puserActivityGrid_left {
	padding-top: 9px;

}
div#pg_pqueuedCollateralsGrid{
	left:-10px;
}
#userActivity-1 .ui-icon-circle-triangle-n {
	position: relative;
    top: 2px;
}
#pg_puploadedCollateralsGrid #puploadedCollateralsGrid_left {
	position: relative;
	right: 20px !important;
}
#pg_puploadedCollateralsGrid .ui-icon-circle-triangle-n {
	position: relative;
    top: 2px;	
}
.salesView .menu-icon{
	color: var(--light-blue);
}
.menu-icon{
	color: var(--primary-classic);
}
#pwatch{
	top: -32px;
}
#watchListTab .showwatchcontrol{
	top: 7px;
}
#pworkQueue, #pformUpdates{
	top: -25px;
}
.navbar-bottom{
    position: fixed;
    bottom: 0;
}
/*
#btnBottonGridPopup {
    position: relative;
    top: 15px;
}*/
#spnDisclaimer{
    position: relative;
    top: -14px;
}
#gridDialog #gridCellSection1 .ag-header-row:last-child{
    height: 38px !important;
}
#gridDialog #gridCellSection2 .ag-header-row:last-child,
#gridDialog #gridCellSection3 .ag-header-row:last-child{
    height: 38px !important;
}
#gridDialog #gridCellSection1 #borderLayout_eRootPanel .ag-body, 
#gridDialog #gridCellSection2 #borderLayout_eRootPanel .ag-body,
/*#gridDialog #gridCellSection3 #borderLayout_eRootPanel .ag-body*/{
    top: 108px !important;
}
#gridDialog #gridCellDialogCancelBtn{
    margin-right: 10px;
}
#gridDialog select{
    padding: 1px 5px !important;
}
#gridDialog .ag-paging-panel {
    justify-content: flex-end !important;
}
#gbox_SectionLockPopUpID .ui-jqgrid-hbox {
    overflow-x: auto;
}
#mainsection  img.ui-datepicker-trigger{
    margin-top: -11px;
}
.standard-optn{
    color: black;
}
.repeater-grid .bulkupdates td.ui-search-input select option{
    color: black;
}
#mainsection input[type=checkbox]:checked:before{
    top: -5px;
    left: 0;
}
.pq-grid tr.ui-state-highlight, 
.pq-grid tr.ui-state-hover, 
.ui-jqgrid tr.ui-state-highlight, 
.ui-jqgrid tr.ui-state-hover{
	text-shadow: none;
}

#newCRMFiedAddingDiv #crmFields .ag-theme-fresh .ag-paging-panel {
    justify-content: flex-end !important;
}
#dropDownMenu p{
    font-size: 13px;
    padding: 2px;
}
#taskAssignmentWorkQueue .ui-datepicker-trigger {
    top: 32px !important;
    right: 20px !important;
}
#NotificationDialog #pformUpdates {
    bottom: -35px;
}
.salesView #NotificationDialog #pformUpdates{
    bottom: -45px;
}
.salesView #radioViewall{
    padding: 20px 2px 0px !important ;
}
/* #roleaccesspermission #proleaccesspermissiongrid{
    top: -89px !important;
} */
.jqgrow.ui-row-ltr select{
    padding: 3px 10px;
}
.ui-widget.ui-dialog input[type="text"]{
	width: 100%;
}

#dashTaskDetails #gbox_workQueue #pg_pworkQueue #pworkQueue_center .ui-pg-input {
    min-width: 40px;
    height: 28px !important;
}

#roleaccesspermission #proleaccesspermissiongrid #proleaccesspermissiongrid_left {
    right: 15px;
    top: 0px !important;
}

#settingsTab-2 .ui-widget{
    padding: 0px !important;
}

#formdesignversiondialog #createFormDesignVersionEffectivedate {
    width: 100% !important;
}

.model-sidebar-v2, 
.salesView .model-sidebar-v2{
    left: auto !important;
    right: 0 !important;
}
/*.modal-open .modal{
    height: 100% !important;
}*/

#workflowContainerJQ .responsive-tr{
    border-bottom: 0;
}   
#workflowContainerJQ {
    position:relative;
    top: 9px;
}
 #reportingCentTab #reportingCentTab-1 #pfolderList {
    right: 10px;
 }  
 #settingsTab-4 #pworkflowCategoryMappingGrid{
    right: 50px;
 }
 .ui-tabs-panel .ui-widget{
    padding: 0px 0em 0em;
 }

 #queueDetailDialog #pqueueDetails #pg_pqueueDetails #pqueueDetails_center td[dir=ltr] {
    display: flex;
    position: relative;
    top: 1px;
 }
 #queueDetailDialog .ui-jqgrid-hbox {
    padding-bottom: 6px;
 }
 /*#queueDetailDialog #pqueueDetails #pg_pqueueDetails #pqueueDetails_center {
    position:relative;
    top: 8px;
 }*/
#queueDetailDialog #pqueueDetails #pg_pqueueDetails #pqueueDetails_left{
    position: relative;
    top: 5px;
    right: 15px;
}

.btn:active, 
.btn.active{
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125) !important;
}

#roleaccesspermission .grid-wrapper  {
    padding-top: 0;
}
#roleaccesspermission #proleaccesspermissiongrid{
    top: -31px !important;
}
#accountDetailsDialog .grid-wrapper .ui-jqgrid-hbox,
#sourceDocumentDialog .grid-wrapper .ui-jqgrid-hbox{
    padding-bottom: 6px !important;
}
#reportGenerate .ui-jqgrid-titlebar {
    padding: .3em .2em 0.2em .3em !important;
}
/*#gview_queuedCollateralsGrid #queuedCollateralsGrid,
#gview_userActivityGrid #userActivityGrid {
    table-layout: auto;
}*/
#documentSync>.actions:first-child{
    top: 70px;
}
#category #pcategoryListGrid #pcategoryListGrid_left,
#category #pgroupListGrid #pgroupListGrid_left{
    padding-top: 2px;
}
#settingsTab-1 #crmFieldMappings #CRMeBSFieldMappingGrid .ag-header.ag-pivot-off {
    height: 64px !important;
}
#settingsTab-1 #crmFieldMappings #CRMeBSFieldMappingGrid .ag-header-viewport .ag-header-row  {
    height: 38px !important;
}
#settingsTab-1 #crmFieldMappings #CRMeBSFieldMappingGrid .ag-body.ag-row-animation {
    top: 65px !important;
}
#dashTaskDetails .ui-jqgrid-hbox,
#SectionLockNotificationPopUp  .ui-jqgrid-hbox{
    padding-bottom: 6px !important;
}
#pg_ptargetDocumentList #ptargetDocumentList_left .ui-icon-arrowthick-1-s{
    position: relative;
    top: 3px;
} 

#newCRMFiedAddingDiv .ag-theme-fresh .ag-body {
    top: 65px !important;       
}
#newCRMFiedAddingDiv .ag-theme-fresh .ag-header {
    height: 65px !important;
}
#newCRMFiedAddingDiv .ag-header-container .ag-header-row:last-child{
    height: 40px !important;
}
#settingsTab-1 #crmFieldMappings #CRMeBSFieldMappingGrid .ag-paging-panel{
    height: 8px !important;
}
#settingsTab-3 #SearchViewAndAnchroMapping .ag-header {
    height: 65px !important;
}
#settingsTab-3 #SearchViewAndAnchroMapping .ag-body {
    top: 65px !important;
}
#settingsTab-3 #SearchViewAndAnchroMapping .ag-header-container .ag-header-row:last-child{
    height: 40px !important;
}
#settingsTab-3 #SearchViewAndAnchroMapping .ag-paging-panel  {
    height: 10px !important;
}
#settingsTab-4 #viewTypeGridContainerDiv .ag-paging-panel{
    height: 14px !important;
} 
#settingsTab-4 #viewTypeGridContainerDiv .ag-header-container .ag-header-row:last-child {
    height: 40px !important;
}
#settingsTab-4 #viewTypeGridContainerDiv .ag-header {
    height: 65px !important;
}
#settingsTab-4 #viewTypeGridContainerDiv .ag-body {
    top: 65px !important;
}

@media (max-width: 1600px){
    .basic-search .right-site{
        grid-column:6/11;
    }
}
@media (max-height: 768px) and (max-width: 1366px) {
    #gbox_pdg .ui-jqgrid-view .ui-jqgrid-bdiv {
        height: 300px !important; 
    }
    .sidenav-list-item>a{
        padding-bottom:0;
    }
    .sidenav-list{
        padding-top: 10px;
    }
    .sidenav-list .sidenav-list-item,
    .containermsg{
        font-size: 18px;
    }
    .sidenav .hero-img .tmg-icon{
        font-size:14px;
        height: 26px;
        width: 26px;
        line-height: 24px;
    }

}

@media screen and (max-width: 1366px) {
    
    /* Design page css here */
    
    #formdesigntabs #formdesign-11 #fdvg{
        border-collapse: separate;
    }
    
    #formdesigntabs #formDesign-2 .ui-jqgrid {
        padding-bottom: 0;
    }
    #formdesigntabs #formDesign-2 .form-inline .action-container {
        position:absolute;
        right: 20px;
        width: auto;
    }
    #formdesign-1 #fdg  {
        border-collapse: separate;
    }
    #formdesign-1 .ui-jqgrid .ui-jqgrid-titlebar{
        padding:.3em .2em 2.2em .3em;
    }
    #formdesign-1 .grid-wrapper #pfdvg{
        top: 39px;
        left: 10px;
    }
    .salesView #formdesign-1 .grid-wrapper #pfdvg .ui-pg-table{
       justify-content: flex-start;
    }
    #formdesign-11 #pfdvg{
        max-width: 290px  !important;
    } 
    #formdesign-1 .grid-wrapper #pfdg{
        left: -96px;
        top: 39px;
    }

    #formdesign-1 .grid-wrapper #pfdg #pfdg_left, 
    #formdesign-1 .grid-wrapper #pfdvg #pfdg_left{
        float: left;
    }
    #formdesign-1 .grid-wrapper #pfdg #pfdg_left table,  
    #formdesign-1 .grid-wrapper #pfdvg #pfdg_left table {
        justify-content: flex-start;
    }

    /* Collateral Engine page css here */

    /*#collateralImages-1 .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
        width: 435px !important;  
    }*/
    /*#collateralImages #pcollateralImageListGrid_center #prev_pcollateralImageListGrid{
        position: relative;
        top: 2px;
        left: 20px;
    }
    #collateralImages #pcollateralImageListGrid_center #next_pcollateralImageListGrid{
        right: 20px;
        position: relative;
    }*/
    

}
@media screen and (max-width: 1280px) {
    
    /* Design page css here */

    #formdesigntabs #formdesign-11 .ui-jqgrid .ui-jqgrid-titlebar{
        padding: .3em .2em 2.2em .3em;
    }
    #formdesigntabs #formdesign-11 .grid-wrapper #pfdvg{
        left: -5px;
        top: 40px;
    }
    #formdesigntabs #formdesign-11 .grid-wrapper #pfdg{
        left: 10px;
        top: 30px;
    }

    /* Collateral Engine page css here */
    
    #reportNameTab .ui-jqgrid .ui-jqgrid-titlebar {
        padding:.3em .2em 2.2em .3em;   
    }
    #reportNameTab #prptTmplNames{
        float: left;
        left: 0;
        top: 36px;
    }
    #reportNameTab span.ui-jqgrid-title{
        padding-top: 0;
    }
    #reportNameTab  #prptTmplVersions{
        float: left;
        left: -7px;
        top: 24px;
        right: unset;
    }
    .salesView #reportNameTab #prptTmplVersions{
    	left: -300px;
    }
    #reportNameTab #prptTmplVersions_left{
        float: left;
    }
    .sidenav{
        position: static;
    }

    /* Setting page css here */

    /*#settingsTab #category .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
    	width:355px !important;
	    top: -5px;
    }*/
   /* #settingsTab #category .new-grid-wrapper .ui-widget-header{
    	padding:.3em .2em 2.2em .3em !important; 
    }
 	#settingsTab #settingsTab-3 .new-grid-wrapper .ui-widget-header {
		padding:.3em .2em 2.2em .3em !important;
	}
	*/
 	#settingsTab #category #pcategoryListGrid #pcategoryListGrid_center{
 		padding-top: 5px;
    }


 	#settingsTab #category #pcategoryListGrid #pcategoryListGrid_right{
 		padding-top: 5px;
    }
    /*#settingsTab #category #gbox_groupListGrid #pgroupListGrid {
    	left: -57px;
    }*/
    #pg_pgroupListGrid #pgroupListGrid_center {
    	padding-top: 5px;
    }
   /* #settingsTab #category .ui-jqgrid .ui-jqgrid-btable,
    #settingsTab #category .ui-jqgrid-htable{
    	table-layout: inherit;
    }*/
    .section-menu, 
    .view-menu, 
    .jqgrow.ui-row-ltr select {
    	padding: 3px 9px;
    }
    #category #pcategoryListGrid #pcategoryListGrid_left, 
    #category #pgroupListGrid #pgroupListGrid_left{
        position: relative;
        top: 5px;
    }
    /*#settingsTab-3 #pworkFlowStateMasterGrid #pworkFlowStateMasterGrid_center {
    	position: relative;
    	left: 40px;
    }
    #settingsTab-3 #pworkFlowStateMasterGrid #pworkFlowStateMasterGrid_left{
    	position: relative;
    	left: 40px;    	
    }
    #settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid_center{
    	position: relative;
    	left: 40px;	
    }
    #settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid_left{
    	position: relative;
    	left: 40px;	
    }*/
    /*#settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid{
    	left: -58px;
    	top: 20px;
    }*/
/*    #settingsTab-3 #pworkFlowStateMasterGrid{
    	top: 22px;
    	left: -46px;
    } */
    #gbox_TasklistGrid table {
        table-layout: auto;
    }
    #settingsTab-4 #pworkflowCategoryMappingGrid #pworkflowCategoryMappingGrid_right{
        padding-top: 0;
    }
    #settingsTab-4 #pworkflowCategoryMappingGrid {
        right: 0;
    }
    #workflowCategoryMappingGrid {
        table-layout: auto;
    }
    #gview_workFlowStateApprovalTypeMasterGrid .ui-jqgrid-htable {
        table-layout: auto;
    }       
    #settingsTab-5 .new-grid-wrapper .ui-jqgrid-hdiv{
    	padding: 0 0 15px 0 !important;
    }
    #settingsTab #settingsTab-2 .ui-widget{
    	position: relative;
    	top: 40px;
    }
    #settingsTab #settingsTab-2 #category .ui-widget{
    	position: relative;
    	top: 0px;
    }
    #settingsTab #settingsTab-2 #puserListGrid{
    	left: 200px;
   		top: -40px;
    }
    #settingsTab #settingsTab-2 #puserListGrid #puserListGrid_center{
	    left: -25PX;
		top: 2PX;
		position: relative;
    }
    #settingsTab #settingsTab-2 #puserListGrid #puserListGrid_right{
    	left: -28px;
    	position: relative;
    	top: 2px;
    }
    #settingsTab #settingsTab-2 #puserListGrid #btnManageMail .ui-pg-div{
    	padding: 5px 22px;
    }
    #settingsTab #settingsTab-1 .ag-bl-normal-center-row + div .pq-grid-title,
    #settingsTab #settingsTab-4 .ag-bl-normal-center-row + div .pq-grid-title{
    	left: 25px;
    	top: -33px;
    }
    #settingsTab #settingsTab-1 .ag-bl-normal-center-row + div,
    #settingsTab #settingsTab-4 .ag-bl-normal-center-row + div{
    	top: -6px;
	    right: unset;
	    left: -23px;
    }
    #settingsTab #settingsTab-1 #CRMeBSFieldMappingGrid .ag-bl-normal-center-row,
    #settingsTab #settingsTab-4 #viewTypeGridContainerDiv .ag-bl-normal-center-row{
    	top:40px;
    	position: relative;
    }
    #apiTab .ui-jqgrid .ui-jqgrid-titlebar{
    	padding:.3em .2em 2.2em .3em !important; 
    }
    #apiTab .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
		left: 0;
    	top: 30px;
    }
    #apiTab .grid-wrapper .ui-pager-control>table td:first-child{
    	float: left;
    }
    #apiTab #addNewSystem{
    	padding: 5px 17px !important;
    }
    #activitylog #p_activityLogGrid{
		left: -10px;
	    top: 13%;
	}
	#activitylog .ui-jqgrid .ui-jqgrid-bdiv{
		position: relative;
		top: 40px;
	}
	#activitylog .ui-jqgrid-hdiv{
		top: 40px !important;
	}
	#activitylog .ui-jqgrid-hdiv th{
		padding-right: 0;
	}
	/*#activitylog #gbox_activityLogGrid .ui-jqgrid-bdiv{
		padding-top: 40px;
	}*/
	#activityLogDiv{
		left: 205px;
    	top: 46px;
    	right: unset;	
	}
	#documentSync #targetDocuments #ptargetDocumentSelectedList #ptargetDocumentSelectedList_left{
		left: 70px;
		position: relative;
	}
	#documentSync #targetDocuments #ptargetDocumentSelectedList #ptargetDocumentSelectedList_center{
		left: 60px;
    	position: relative;
	}
	.navbar-brand{
		margin:10px 4px;
	}
    .advanced-search-wrapper{
        width: 92%;
        margin-left: 0;
    }
}
@media screen and (max-width: 1140px) {
    
    /* Design page css here */

    #formdesigntabs #formdesign-11 .ui-jqgrid-title{
        font-size: 15px;        
    }
    #formdesigntabs #formdesign-11 .grid-wrapper #pfdvg{
        left: -15px;
    }
    .salesView #formdesigntabs #formdesign-11 .grid-wrapper #pfdvg{
    	left: 0;
    }
    #formdesigntabs #formdesign-11 .grid-wrapper #pfdg{
        left: 0px;
        top: 30px;
    }
    .grid-wrapper .ui-jqgrid.ui-widget-content .ui-jqgrid-title{
        font-size: 15px;
        padding-left: 5px   ;
    }
    #formdesigntabs #formdesign-11 .ui-jqgrid .ui-jqgrid-titlebar{
        padding: .3em .2em 2.3em .3em;
    }
    #formdesigntabs #formDesign-2 .grid-wrapper .col-xs-7.scroll-helpe  {
        width: 100% !important; 
        margin-bottom: 20px;
    }
    #formdesigntabs #formDesign-2 .grid-wrapper .col-xs-5  {
        width: 100% !important;
    }

    /*     #formdesigntabs #formDesign-2 .grid-wrapper .ui-jqgrid-btable{
            table-layout: auto !important;
        }
    */


    /* Master page css here  */

    #mainsection .repeater-grid .pq-grid-title.ui-corner-top{
        top: -38px !important;
        left: -9px;
        margin-bottom: 0;
    }
    .ag-theme-fresh .ag-paging-panel{
        justify-content: flex-start !important;
        padding-left: 0;
        padding-bottom: 8px;
    }
    .repeater-grid.col-xs-9,
    .repeater-grid.col-sm-9,
    #foldertabs .tab-pane .repeater-grid.col-xs-9{
        padding-top: 65px !important;
    }
    .tab-pane .repeater-grid .ag-paging-panel>span.ag-paging-row-summary-panel, 
    .tab-pane .repeater-grid .ag-theme-fresh .ag-paging-panel>span{
        margin-top: 11px !important;
    }

    /* Collateral Engine page css here */

    #gbox_collateralImageListGrid .ui-jqgrid-titlebar {
        padding: .3em .2em 2.2em .3em;
    }

    /*#collateralImages-1 .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
        width: 435px !important;
        left: -20px;
        top: 33px !important;
    }*/
    .card-masonry .card-overview{
        width: 48.5%;
    }
    .basic-search .right-site{
        grid-column: 6/1;
    }
    #documentSync #targetDocuments #ptargetDocumentSelectedList #ptargetDocumentSelectedList_center{
        left:0;
    }
    #documentSync #targetDocuments #ptargetDocumentSelectedList #ptargetDocumentSelectedList_left{
        left: 0;
    }
    #gview_watch [aria-describedby="watch_MarkInterested"]{
    	padding-left: 0;
    }
    .infobox{
        height: auto;
    }
    .infobox .info-content{
        padding-bottom: 10px;
    }
    .groupbox > .info-icon{
        padding-top: 10px;
        padding-left: 0;
    }
    #formdesign-11 .ui-jqgrid .ui-jqgrid-btable{
        table-layout: auto;
    }
    .bottom-menu .ui-jqgrid .ui-jqgrid-htable tr th{
        padding-left: 0;
        padding-right: 0;
    }
    .classicView.modal-open{
        overflow: auto !important;
    }
    #accountDetailsGridModal .modal-dialog.bottom .ug-grid-table-v2 .ui-jqgrid #pnpadg{
        right: 50px;
    }
    #quoteDetailsGridModal #pnpadg{
        right: 50px;
    }
    #reportingCentTab #reportingCentTab-1 .ui-jqgrid-htable {
        table-layout: auto;
    }
    #collateralImages #collateralImages-1 .ui-jqgrid .ui-jqgrid-btable,
    #collateralImages #collateralImages-1 .ui-jqgrid-htable,
    #settingsTab #settingsTab-3 .ui-jqgrid-btable,
    #settingsTab #settingsTab-5 .ui-jqgrid-btable {
        table-layout: auto;
    }
    #searchViewMapping #SearchViewAndAnchroMapping .ag-paging-panel {
        justify-content: flex-end !important;
    }
    #tab0 .tab-pane #mainsection .repeater-grid .ag-theme-fresh .ag-body{
        top: 70px !important;
    }
    /*    .ag-root{
            overflow: scroll;
        }
    */

    #documentSync>.actions:first-child {
        top: 120px;
    }
}

@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 999px) {

    /* Master page css here */

    #sectionMenuContainer .col-sm-6{
        max-width: 48% !important;
    }
    .compareSyncWizards ul[role="tablist"]>li>a{
    	padding: 15px 10px 10px;
    }
    #documentSync>.actions:first-child{
    	top: 119px;
    }

    /*.compareSyncWizards ul[role="tablist"]>li>a{
    	padding: 15px 2px 2px;
    	font-size: 12px;
    }*/

    /*.grid-container{
    	grid-template-columns:41px;
    	grid-template-rows: unset;	
    }*/
    /* Design page css here */
    .ui-widget-content .ui-icon.ui-icon-closethick{
    	width: 20px !important;
    }
    #formdesigntabs .ui-tabs-nav li span{
    	right:-13px;
    	top: 16px;
    }
    .navbar-bottom{
    	bottom:-40px;
    }
    .ag-paging-panel .customPager td{
    	padding-left: 0px;
    	padding-right: 2px;
    }
    .tab-pane .repeater-grid .ag-theme-fresh .ag-paging-panel>span{
    	margin-left: 0px;
    	padding-left: 0px;
    }
    .customPager span select{
    	margin-left: 0;
    }
    .infobox{
    	height: auto;
    }
    .groupbox > .info-icon{
    	width: 85px;
    }
    #gview_watch .ui-jqgrid-titlebar{
		right: 50%;
    	top: -71px;
	}
	#pwatch {
    	top: -32px;
    	left: -10px;
	}
	#watchListTab  .grid-wrapper{
		padding-top:55px;
	}
	#watchListTab .showwatchcontrol{
		right:-33%;
	}
    .ui-dialog.ui-widget.ui-widget-content #dashTaskDetails .grid-wrapper  {
    	padding-top:60px;
    }	
    .ui-dialog.ui-widget.ui-widget-content #dashTaskDetails #pworkQueue{
    	top: -29px;
    	left:169px;
    }
    .ui-dialog.ui-widget.ui-widget-content #dashTaskDetails #pwatch{
    	left: 214px;
    }
    .ui-dialog.ui-widget.ui-widget-content #dashTaskDetails #watchListTab .showwatchcontrol{
    	right: -17%;
    	top:5px;
    }
    #gview_queuedCollateralsGrid #queuedCollateralsGrid{
        table-layout: fixed;
    }
    #documentsInFolder #gbox_documentsInFolder {
        table-layout: auto;
    }


}
@media screen and (max-width: 768px) {

    .grid-container{
    	grid-template-columns:0px calc(100% - 2px) !important;
    }
    .dashboard-grid-wrapper{
    	max-width: calc(100vw - 30px);
    }
    .tablelist-wrapper .table-responsive{
    	border: 0px solid #dddddd;
    }
    #watchListTab .showwatchcontrol{
    	top: 9px;
    }
    #watchListTab .showwatchcontrol{
    	right: -16%;
    }
    #foldertabs .btn.pull-right.btn-padding:active{
    	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125) !important;
    }
    .modal.general-motors{
	    left: 0px;
	    width: calc(100% - 0px);
    }
    .btn:active, 
    .btn.active{
    	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125) !important;    	
    }
    #btnBottonGridPopup{
        left: 10px;
    }
    .modal.general-motors #btnBottonGridPopup{
        left: 0;
    }
    .timeline-section {
        max-width: 600px;
    }
    .salesView .version-no {
        display: block;
    }
    .timeline-section .timeline-menu .timeline-item,
    .timeline-section li {
        margin: 0;
        flex-basis: 33.33%;
        min-width: 33.33%;
    }
    .timeline-section .timeline-menu::before{
    	top: 20px;
        background-color: transparent;
    }
    .timeline-section .timeline-menu .timeline-item, .timeline-section li{
    	text-align: center;
    	top: -20px;
        border-top: 1px solid var(--timeline-border);

    }
    .timeline-section .workflowspan{
    	top: 5px;
    	position: relative !important;
    }
    .timeline-section .timeline-menu .timeline-item::before, .timeline-menu li::before{
    	top: -40%;
    }
    .timeline-section .timeline-menu{
    	padding-top: 40px;
    }
    #workflowdivJQ{
        width: 80%;
    }
    .salesView #proleaccesspermissiongrid{
        left:-40px;
    }
    #dropDownMenu .folderVersionButton{
    	line-height: 19px;
    }

    /* footer section css here */
/*
    .navbar-bottom {
        position: fixed;
        bottom: 0;
        z-index: 1;
    }*/

    /* Master page css here */

    #sectionMenuContainer .col-sm-6{
    	max-width: 48% !important;
    }
    /*#sectionMenuContainer{
    	padding-bottom: 0;
    }*/
    .navbar-fixed-bottom, #bottom-menu{
    	margin-left: 0 !important;
    }
    .ag-theme-fresh .ag-paging-panel{
    	padding-left: 9px;
    }
    .ag-paging-panel .customPager td{
    	padding-right: 4px;
    }
    .salesView #borderLayout_eRootPanel .customPager td{
        padding:0.25em 3px 0px !important;
    }
    #searchViewMapping .ag-theme-fresh .ag-paging-panel{
    	justify-content: flex-end !important;
    }
    /* Portfolio page css here */

    #portfolioTab #ProductBuild .ui-jqgrid .ui-jqgrid-titlebar {
        padding: .3em .2em 2.2em .3em;
    }
    #openDocumentDialog .ui-jqgrid-hdiv th:first-child{
    	padding-left:30px;
    }
    #openDocumentGrid input[type="checkbox"]{
    	left:-5px;
    }
    #settingsTab-5 .repeater-grid .cellRichTextbox, 
    #settingsTab-5 .panel .fs-wrap {
    	width: 300px !important;
    }
    #documentSync>.actions:first-child{
    	top: 102px;
    }
    .compareSyncWizards ul[role="tablist"]>li>a{
    	padding:15px 11px 2px;
        font-size: 14px;
    }
    #settingsTab-5  #btnSaveUserAccount{
    	position: relative;
    	left: 10px;
    }
    .salesView #settingsTab #category .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
    	left: -17px;
    }
    .salesView #settingsTab #category #gbox_groupListGrid #pgroupListGrid{
    	left: -16px;
    }
    .salesView #settingsTab-3 #pworkFlowStateMasterGrid{
    	left: -17px;
    }
    .salesView #apiTab .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
    	left: -9px;
    }
    .salesView #collateralImages-1 .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
    	left: 10px;
    }
    .salesView #apiTab .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom table{
    	justify-content: flex-start;
    }
    #apiTab #addNewSystem {
        padding: 5px 7px !important;
        margin-right: 0px;
        font-size: 13px;
        letter-spacing: 1px;
    }
    /*.salesView #portfolioTab #ProductBuild #btnDocSearch, 
    .salesView #portfolioTab #ProductBuild #btnDocClear{
    	background-color: var(--light-blue) !important;
    }*/
    .salesView #formdesigntabs #formdesign-11 .grid-wrapper #pfdvg{
    	left:-2px;
    }
    .salesView #settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid{
    	left: -17px;
    }
    #portfolioTab #ProductBuild .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom {
        width: 415px !important;
        right: unset;
        top: 27px !important;
        left: 84px;
    }
    .salesView #portfolioTab #ProductBuild .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom {
        width: 415px !important;
        right: unset;
        top: 27px !important;
        left: 96px;
    }

    #portfolioTab #ProductBuild .grid-wrapper .ui-jqgrid  #ppdg #ppdg_center,
    #portfolioTab #ProductBuild .grid-wrapper .ui-jqgrid  #ppdg #ppdg_right {
        padding-top: 3px;
    }

    #settingsTab #settingsTab-1 #selectedUserListGrid {
        table-layout: inherit;
    }
    #formdesigntabs .ui-jqgrid .ui-jqgrid-btable,
    #formdesigntabs .ui-jqgrid .ui-jqgrid-htable{
    	table-layout: auto;
    }
    #formdesign-1 #fdg{
    	border-collapse: collapse;
    }
    #formdesigntabs #formDesign-2 .grid-wrapper .col-xs-5{
    	width: 100% !important;
    }
    #formdesigntabs #formDesign-2 .grid-wrapper .col-xs-5 .ui-pg-div{
    	position: relative;
    	top: -6px;
    }
    #accountDetailsGridModal .modal-dialog.bottom .ug-grid-table-v2 .ui-jqgrid #pnpadg{
    	top: -39px;
    }
    #accountDetailsGridModal .modal-dialog.bottom .ug-grid-table-v2 .ui-jqgrid .ui-jqgrid-view{
    	padding-top: 10px;
    }
    /*#reportingCentTab #reportingCentTab-1 .ui-jqgrid .ui-jqgrid-htable {
    	table-layout: inherit;
    }*/
    /*.nav-pills>li>a{
    	font-size: 12px;
    	padding: 10px 9px;
    }*/
    #collateralImages #collateralImages-1 .ui-jqgrid .ui-jqgrid-htable {
    	table-layout: auto;
    }
    #settingsTab #category #gbox_groupListGrid #pgroupListGrid{
    	left: -57px;
    }
    #settingsTab #settingsTab-4 .ui-jqgrid .ui-jqgrid-htable,
    #settingsTab #settingsTab-4 .ui-jqgrid .ui-jqgrid-btable {
    	table-layout: inherit;
    }
    #vesrionHistoryDialog .ui-jqgrid-pager.ui-corner-bottom{
        left: inherit;
    }
    #vesrionHistoryDialog .ui-jqgrid-pager.ui-corner-bottom {
  	 	left: auto;
  		right: 15px;
	}
    #vesrionHistoryDialog .ui-jqgrid .ui-jqgrid-titlebar-close{
        right: 0 !important;
    }

    #openDocumentDialog .ui-jqgrid-hdiv th{
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #dropDownMenu p{
        font-size: 13px;
        padding: 5px;
    }
    .panel #formdesign-1 .grid-wrapper #pfdg{
        top: 59px;
        left: -96px;
    }
    #settingsTab .ag-theme-fresh .ag-paging-panel{
    	padding-left: 31px;
    }
    #qhpReportQueue #reportQueue .ui-icon-document {
    	margin-left: 0 !important;
    }
    .ui-dialog.ui-widget.ui-widget-content #dashTaskDetails #pworkQueue{
    	left: 219px;
    }
    .cascade-wrap #gview_mlcb .ui-jqgrid-titlebar.ui-widget-header{
    	padding: .3em .2em 2.2em .3em;
    }
    .cascade-wrap .grid-wrapper  #pmlcb  {
    	top: 35px;
	    float: left;
	    left: -180px;
    }
    .cascade-wrap .grid-wrapper  #pmlcb #pmlcb_center {
    	width: 163px !important;
    	position: relative;
    	right: 10px;
    }
    .cascade-wrap .grid-wrapper  #pmlcb #pmlcb_right{
    	position: relative;
    	right: 20px;
    }

    .timeline-section .timeline-menu .timeline-item,
    .timeline-section li {
        margin: 0;
        flex-basis: 33.33%;
        min-width: 33.33%;
    }
    .ui-dialog.ui-widget.ui-widget-content #dashTaskDetails #watchListTab .showwatchcontrol{
        top: 2px;
        right: -46%;
    }
    #accountDetailsGridModal .modal-dialog.bottom .ug-grid-table-v2 .ui-jqgrid #pnpadg{
        right: 10px;
    }

    #documentSync #btnAdd{
        margin-top: 13px;
    }



}
@media screen and (max-width: 540px) {
    
    .tab-pane .repeater-grid.col-xs-9 .ag-theme-fresh .ag-paging-panel>span{
        display: none;
    }
    .customPager span select {
        width: 50px !important;
    }
    #mainsection .repeater-grid .pq-grid-title.ui-corner-top {
       width: 100%;
    }
    .timeline-section {
        max-width: 400px;
    }
    .timeline-section .timeline-menu .timeline-item,
    .timeline-section li {
        margin: 0;
        flex-basis: 50%;
        min-width: 50%;
    }
    #dashTaskDetails .grid-wrapper{
    	padding-top: 55px;
    }
    .grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button, 
    #formdesigntabs .grid-wrapper .ui-jqgrid .ui-pg-table .ui-pg-button
    .timeline-section .timeline-menu .timeline-item{
        padding: 0 4px;
    }
    #pworkQueue, 
    #pformUpdates{
        left: -4px;
        flex-direction: inherit;
    }
    #dashTaskDetails #watchListTab .grid-wrapper {
    	padding-top: 85px;
    }
    #watchListTab .showwatchcontrol{
    	left: 0;
    	right: 0;
    }
    #dashTaskDetails [aria-describedby="watch_MarkInterested"]{
    	padding-left: 0;
    }
    #pworkQueue_center, 
    #pwatch_center,
    #pwatch_left{
        left: -10px;
        position: relative;
    }
    #pundefined_center .ui-pg-input, 
    #pwatch_center .ui-pg-input, 
    #pworkQueue_center .ui-pg-input,
    #pformUpdates_center .ui-pg-input{
        height: 30px;
        width: auto;
        padding: 0;
        max-width: 35px;
    }

    /* Design page css here */

    #formdesigntabs .form-inline select.form-control{
    	min-width: 180px;
    }
    #formdesigntabs #formDesign-2 .ui-jqgrid-titlebar.ui-widget-header.ui-corner-top {
    	padding:.3em .2em 2.2em .3em !important;	
    }
    #formdesigntabs #formDesign-2 .ui-jqgrid-pager.ui-corner-bottom{
    	top: 30px;
	    left: -269px;
    }	
    #sectionlistdialog .grid-wrapper.popup-grid #psectionlistdialoggrid {
    	left: -30px;
    }

    /* Portfolio page css here */

    #portfolioTab #ProductBuild .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
    	left:-13px;
    }
    #portfolioTab #ProductBuild .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom #ppdg_center{ 
    	width: 111px !important;
	}

	/* Reporting page css here */

	#reportingCentTab #reportingCentTab-1 .ui-jqgrid-view .ui-jqgrid-titlebar,
	#reportingCentTab #reportingCentTab-2 .ui-jqgrid-view .ui-jqgrid-titlebar{
		padding:.3em .2em 2.2em .3em !important;
	}
	#reportingCentTab #reportingCentTab-1 #pfolderList{
		left: -178px;
		top: 33px;
	}
	#reportingCentTab #reportingCentTab-2 #preportQueue{
		left: -267px;
		top: 33px;	
	}
	#reportingCentTab #reportingCentTab-2 #preportSyncLog{
		left: -298px;
		top: 33px;
	}

	/* Collateral Engine page css here */

	/*#collateralImages-1 .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
		left: -50px;
		top: 53px !important;
	}
	#collateralImages #pcollateralImageListGrid_center #next_pcollateralImageListGrid{
		left: -11px;
	}
	#collateralImages #pcollateralImageListGrid_center #prev_pcollateralImageListGrid{
		left: 10px;
	}*/

	/* Account page css here */

	#accountTab .nav-pills.nav-pills-child{
		padding-bottom: 20px;
	}

	#accountTab .ui-tabs-nav li:last-child{
	    position: relative;
	    top: 8px;

	}

    /* QHP Plan & Benefit page css here */

    #selectDocumentsForQHP #pg_ptargetDocumentList{
    	left: 19px;
    }
    #selectDocumentsForQHP #generateQHPReports #ptargetDocumentList_center{
    	width: 150px !important;
    }
    #selectDocumentsForQHP #generateQHPReports #ptargetDocumentList_left{
    	left: 10px;
    	position: relative;
    }
    #qhpReportQueue #reportQueue .ui-icon-document {
    	margin-left: -5px !important;
    }

    /* My task page css here */
    .ui-dialog.ui-widget.ui-widget-content #dashTaskDetails #pworkQueue{
    	left: 150px;
    }

    /* Current page css here */

    #SectionLockNotificationPopUp .grid-wrapper #popenDocumentGrid1 {
    	width: auto !important;
    	top: -46px;
    }

    /* Compare & Sync page css here */

    .compareSyncWizards ul[role="tablist"] li{
    	border-bottom: 4px solid transparent;
    }

    #documentSync>.actions:first-child{
    	top: 155px;
    	width: 230px;
    }
    #documentSync-p-0 h5 span{
    	padding-right: 5px !important;
    }
    #treeContainer{
    	margin-bottom: 20px;
    }

    /* Settings page css here */

    /*#settingsTab #category .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
    	left: 6px;
    }*/
    #settingsTab .form-inline select.form-control {
    	min-width: 170px;
    }
    #settingsTab #category #gbox_groupListGrid #pgroupListGrid{
    	left: -111px;
    }
    #ddlTheme{
    	margin-bottom:  10px;
    }
    #btnThemesave{
    	margin-left: 10px;
    }
    #settingsTab-3 #pworkFlowStateMasterGrid{
    	left: -110px;
    }
    #settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid{
    	left: -127px;
    }
    #settingsTab-4 .new-grid-wrapper #gbox_workflowCategoryMappingGrid #gview_workflowCategoryMappingGrid .ui-widget-header {
    	padding: .3em .2em 2.2em .3em !important;  	
    }
    #settingsTab-4 #pworkflowCategoryMappingGrid{
    	left: -9px;
    	top: 21px;
    }
    #settingsTab-4 #gbox_workflowStateMappingGrid .ui-jqgrid-titlebar .ui-widget-header {
    	padding: .3em .2em 2.2em .3em !important;
    }
    #settingsTab #settingsTab-2 #puserListGrid{
    	left: 100px;
    }
    #settingsTab #settingsTab-5 .ui-jqgrid-titlebar.ui-widget-header {
    	padding: .3em .2em 2.2em .3em !important;  
    }
    #settingsTab-5 #pTasklistGrid{
    	left: -124px;
    	top: 18px;
    }
    #settingsTab .tab-content #diveBSFields #txtDefaultFieldValue {
    	left: 15px	;
    }
    #settingsTab #settingsTab-1	 .ag-theme-fresh .ag-paging-panel{
    	padding-left: 20px; 
    }
   	#settingsTab .ag-theme-fresh .ag-paging-panel > span{
    	margin-left: 6px;
    }
    #settingsTab .ag-paging-page-summary-panel button{
    	padding: 0;
    }
	#settingsTab #settingsTab-1 .ag-bl-normal-center-row + div .pq-grid-title{
		left: 15px;
	}
	#settingsTab #settingsTab-4 #ViewType .ml-3  {
		margin-left: 0 !important;
	}
    #p_designActivityLog{
        right: 8%;
    }
    #openDocumentDialog .ui-jqgrid-hdiv th:first-child{
    	padding-left: 24px;
    }
    #workflowStateMappingDiv #gview_workflowStateMappingGrid .ui-widget-header{
        padding: .3em .2em 3.1em .3em !important;     
    }
    #workflowStateMappingDiv #pworkflowStateMappingGrid{
        top: 31px;
        left: -290px;
    }
    #settingsTab-6 #tblTaskList input{
        left: 0;
    }
}

@media screen and (max-width: 440px) {

	.copyrights {
		padding-bottom: 0;
	}
	.navbar-bottom {
		height: 50px;
	}
    .ui-dialog.ui-widget{
        width: 340px !important;
    }
    .ui-dialog .ui-dialog-content{
        padding: 20px 6px !important;
    } 
    .grid-wrapper .ui-jqgrid.ui-widget-content .ui-jqgrid-title{
        font-size: 12px !important;
    }
    #sectionlistdialog .grid-wrapper.popup-grid #psectionlistdialoggrid{
        left: 70px;
    }
    #gview_watch .ui-jqgrid-titlebar{
        right: 33%;
    }
    #watchListTab #pwatch #pwatch_left{
        left: 7px;
    }
    #ProductBuild #ppdg #ppdg_left{
    	left: 10px;
	    position: relative;
	    float: left;
    }

    #ProductBuild #ppdg #ppdg_center {
    	left: 0px;
    	position: relative;
    }

    #reportingCentTab #reportingCentTab-1 #gview_reportList table {
    	table-layout: auto;
    }
    #roleaccesspermission #proleaccesspermissiongrid #proleaccesspermissiongrid_left{
    	position: relative;
    	top: 15px;
    }
    #queuedCollateralsGrid img{
    	margin-left: -5px !important;
    }
    /*#collateralImages #collateralImages-1 #pcollateralImageListGrid  {
    	position: relative;
    	right: 30px;
    }*/
    #collateralImages #pg_pcollateralImageListGrid #pcollateralImageListGrid_right{
    	position: relative;
    	left: -30px;
    }
    #gbox_queuedCollateralsGrid #pqueuedCollateralsGrid_center{
    	width: 155px !important;
    }
    #settingsTab #category #pcategoryListGrid #pcategoryListGrid_right{
    	left:-5px;
    	position: relative;
    }
    #settingsTab-3 #pworkFlowStateMasterGrid #pworkFlowStateMasterGrid_center,
    #settingsTab-4 #pworkflowCategoryMappingGrid #pworkflowCategoryMappingGrid_center{
    	position: relative;
    	left: -9px;
    }
    #settingsTab-3 #pworkFlowStateMasterGrid #pworkFlowStateMasterGrid_right,
    #settingsTab-4 #pworkflowCategoryMappingGrid #pworkflowCategoryMappingGrid_right{
    	position: relative;
    	left: -12px;
    }
    #settingsTab-3 #pworkFlowStateApprovalTypeMasterGrid_right{
    	left: -4px;
    }
    #UserRoleDialog #puserAssignmentEdit {
    	top: -18px;
    }
    #roleaccesspermission .ui-dialog-content  {
    	padding: 50px 6px 25px !important;
    }
    #documentSync>.actions:first-child{
    	top: 195px;
    }	
    #documentSync.wizard > .content  {
    	min-height: 370px;
    	top: 30px;
    	position: relative;
    }
    #sourceDocumentDialog .grid-wrapper .ui-jqgrid-titlebar.ui-widget-header {
    	position: relative;
	    top: -29px;
	    padding: 0 0 40px;
    }
    #selectMacroDialog #pmacroGrid #pg_pmacroGrid #pmacroGrid_left{
    	left: 0;
    }
    #documentSync .content #drpRepeater #btnAdd {
    	margin-top: 15px;
    }
    #documentSync #targetDocuments  {
    	margin-top: 20px;
    }
    #documentSync #targetDocuments .ui-jqgrid-titlebar.ui-widget-header {
    	position: relative;
    	top: -35px;
    	padding: .3em .2em 3.1em .3em;
    }
    #documentSync #btnAdd   {
    	margin-top: 20px;
    }
    #targetDocuments #ptargetDocumentList {
    	top: 6px;
    }
    #targetDocuments #ptargetDocumentSelectedList{
    	top: 1px;
    }
    #compareDocuments {
    	margin-top: 20px;
    }
    #compareDocuments .grid-wrapper .ui-jqgrid-titlebar.ui-widget-header {
    	padding: .3em .2em 3.1em .3em !important;
    }
    #compareDocuments #pcompareDocumentsList {
    	top: 30px;
   		right: 70px;
    }
    #syncDocuments .ui-jqgrid-titlebar.ui-widget-header {
    	padding: .3em .2em 3.1em .3em !important;
    }
    #syncDocuments #psyncDocumentsList {
    	top: 35px;
    	right: 86px;
    }
    #syncDocuments{
    	margin-top: 20px;
    }
    #openDocumentDialog #popenDocumentGrid #popenDocumentGrid_left {
    	padding-top: 0;
    }
    #openDocumentDialog #gview_openDocumentGrid #openDocumentGrid {
    	table-layout: auto;
    }
    #formdesigntabs #formDesign-2 .right-sidebar .ui-jqgrid-pager.ui-corner-bottom .ui-pg-button{
    	position: relative;
    	left: -69px;
    }
    #formdesigntabs #formdesign-11 .grid-wrapper #pfdvg{
        top: 47px;
    }
    #collateralImages-1 .grid-wrapper .ui-jqgrid .ui-jqgrid-pager.ui-corner-bottom{
        top: 33px !important;
    }

}

@media screen and (max-width: 369px) {
    /*#formdesigntabs #formdesign-11 .grid-wrapper #pfdvg{
        top: 60px;
    }   */
}