.btn-primary {
    height: 1.6666rem;
    min-width: 75px;
    font-size: 8pt;
    font-weight: 200;
    color: #ffffff;
    background-color: #0a88c5;
    border: 1px solid #0a88c5;
    border-radius: 4px;
    padding: 0.333333rem 0.6666rem;
    margin: 0.1666rem 0.1666rem 0.1666rem 0;
}

.btn-primary:hover {
    background-color: #0775B8;
    border: 1px solid #0775B8;
    cursor: pointer;
}

.btn-primary:disabled {
    background-color: #85c4e2;
    border: 1px solid #85c4e2;
    cursor: not-allowed;
}

.btn-secondary {
    height: 1.6666rem !important;
    min-width: 75px;
    font-size: 8pt;
    color: #303030 !important;
    background-color: #eeeeee !important;
    border: 1px solid #dadada !important;
    border-radius: 4px;
    padding: 0.333333rem 0.6666rem;
    margin: 0.1666rem 0.1666rem 0.1666rem 0;
}

.btn-secondary:hover {
    background-color: #dadada !important;
    border: 1px solid #0775B8 !important;
    cursor: pointer;
}

.btn-secondary:disabled {
    color: #aaaaaa;
    background-color: #f8f8f8;
    border: 1px solid #85c4e2;
    cursor: not-allowed;
}

.btn-popup {
    color: #303030 !important;
    height: 1.3333rem !important;
    font-size: 8pt !important;
    background-color: #eeeeee !important;
    border: 1px solid #dadada !important;
    border-radius: 4px !important;
}

.btn-popup:hover {
    background-color: #dadada !important;
    border: 1px solid #0775B8 !important;
    cursor: pointer !important;
}

.btn-popup:disabled {
    color: #aaaaaa !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #85c4e2 !important;
    cursor: not-allowed !important;
}

.btn-ghost {
    height: 2rem;
    font-size: 10pt;
    color: #303030;
    padding: 0 0.6666rem;
}

.btn-ghost:hover {
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    cursor: pointer;
}

.btn-ghost:disabled {
    color: #aaaaaa;
    cursor: not-allowed;
}

.dialog-header {
    font-size: 1.3333rem;
    color: #303030;
    line-height: 1.6666rem;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eeeeee;
    padding: 0, 1rem;
}

.navMenuTable A {
    color: #303030;
    font-weight: normal !important;
    padding-left: 1em;
    padding-right: 1em;
}

A.active-selected-menu:visited {
    color: #f8972b !important;
}

A.active-selected-menu {
    border-bottom: 4px solid #f8972b !important;
    padding-bottom: 4px !important;
    font-size: 10pt !important;
}

[class*="navbar_navMenu_3"i]:hover {
    color: #303030 !important;
    border-bottom: 4px solid #303030 !important;
    padding-bottom: 4px !important;
}

.imgVLogic {
    height: 20px;
    margin: 0 1.666rem 0 0;
}

.imgUser {
    height: 1.6666rem;
    width: 1.6666rem;
    border-radius: 25px;
}

.navMenuRow {
    height: 1rem;
}

.navMenuTable {
    background-color: #f8f8f8;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding: 0.3333rem 0.6666rem;
}

.navMenuTable A.no-hover-link:hover {
    color: #303030;
    border-bottom: 0 none #303030 !important;
    background-color: #dadada;
}

.navMenuTable A.no-hover-link {
    font-size:medium;
    margin: 0 0.6666rem;
    padding: 0;
}

.page-title {
    font-size: 1.3333rem;
    color: #303030;
    line-height: 1.6666rem;
    font-weight: normal;
    margin-right: 1rem;
}

.gridheader th {
    border-top: 2px solid #f8972b;
    background-color: #ebebeb;
    border-right: 1px solid white;
    padding: 0.3333rem;
}

.gridheader th:hover {
    background-color: #cccccc;
    cursor: pointer;
}

.gridheader a:hover {
    color: #303030 !important;
}

.gridheader a {
    color: #303030 !important;
}

.lefthead input {
    position: relative;
    vertical-align: middle;
}

.lefthead label {
    position: relative;
    display: inline;
    vertical-align: middle;
}

.righthead input {
    position: relative;
    vertical-align: middle;
}

.righthead label {
    position: relative;
    display: inline;
    vertical-align: middle;
}

[name*="btnFilterPlus"], [name*="btnFilterMinus"] {
    border-width: 0;
    border-style: none;
    border-color: transparent;
    background-color: transparent;
    font-weight: bold;
    font-size: 9pt;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    padding: 0 !important;
    margin: 0 0.5rem;
}

[name*="btnFilterPlus"]:hover, [name*="btnFilterMinus"]:hover {
    background-color: #dadada !important;
 }

.gridnormal {
    margin: 0.6666rem;
}

.no-heading-filter-panel,
.pnlHead, 
.filter-panel
{
    overflow: auto;
    margin: 0 0.6666rem;
    background-color: #f5f5f5;
}

.filter-panel {
    padding: 0 0 0.5rem 0;
}

.no-heading-filter-panel {
    padding: 0.5rem 0;
}

.pnlTitle {
    font-size: 1.6666rem;
    color: #303030;
    line-height: 2rem;
    overflow: hidden;
    margin: 0.6666rem;
}

.pnlAction {
    margin: 0.6666rem;
}

#lblEmptyText {
    display: inline-block;
    margin: 0 0.6666rem;
}

.filter-label,
.filter-label-dual {
    text-align: right;
    vertical-align: middle;
    color: #303030;
    font-size: 8pt;
    font-weight: bolder;
    font-family: Roboto, Tahoma, Verdana, Arial;
}

.filter-label {
    width: 240px;
}

.filter-label-dual {
    width: 120px;
}

.filterlist ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
    list-style-image: none !important;
}

.filterlist li {
    float: left;
    margin: 0 1rem 0 0;
    list-style-type: none;
    list-style-image: none;
    color: #303030;
    font-size: 8pt;
    font-weight: 500;
    font-family: Roboto, Tahoma, Verdana, Arial;
    text-align: left;
}

.filterlist input,
.leftkey input[type=checkbox],
.leftval input[type=checkbox],
.righthead input[type=checkbox]
{
    position: relative;
    vertical-align: middle;
    margin: 3px 3px 3px 0;
}

.filterlist label, 
.leftkey label, 
.leftval label,
.righthead label
{
    position: relative;
    display: inline;
    vertical-align: middle;
    margin-left: 0.3333rem;
    font-weight: 500 !important;
}

.filterlist li:empty {
    display: none;
}

.filterlist li {
    margin-left: 0.6666rem;
}

.filtertable td {
    padding: 2px 0;
}

.switchbutton {
    display: flex;
    overflow: hidden;
}

.switchbutton input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 0;
    width: 0;
    border: 0;
    overflow: hidden;
}

.switchbutton label {
    background-color: #eeeeee;
    color: #303030;
    font-size: 10pt;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    border: 1px solid #dadada;
    transition: all 0.1s ease-in-out;
}

.switchbutton label:hover {
    cursor: pointer;
    background-color: #dadada;
    border: 1px solid #0775b8;
}

.switchbutton input:checked + label {
    background-color: #f8972b;
    color: white;
    box-shadow: none;
    border: 1px solid #f8972b;
}

.actiontable {
    border: 0;
    width: 100%;
    margin: 0;
}

.selectInFilter {
    margin-left: 1rem;
    font-weight: 500;
}

.filtertable select, .filtertable option,
.product-table select, .product-table option,
.paneltable select, .paneltable option,
.ui-datepicker select, .ui-datepicker option,
.select-in-grid {
    vertical-align: middle;
    font-size: 8pt;
    font-weight: 500;
    font-family: Roboto, Tahoma, Verdana, Arial;
}

.paneltable a:hover,
.menu:hover, .notes:hover {
    color: #303030;
}

.action-div a:first-child {
    height: 2.3333rem;
    color: #ffffff;
    background-color: #0a88c5;
    border: 1px solid #0a88c5;
    border-radius: 4px;
    font-size: 8pt;
    font-weight: 200;
    padding: 0.333333rem 0.6666rem;
    margin-right: 8px;
    border-spacing: 0;
}

.action-div a:first-child:hover {
    background-color: #0775B8;
    border: 1px solid #0775B8;
    cursor: pointer;
    color: #ffffff;
}

.action-div a:not(:first-child) {
    height: 2.3333rem;
    color: #303030;
    background-color: #eeeeee;
    border: 1px solid #dadada;
    border-radius: 4px;
    font-size: 8pt;
    font-weight: 200;
    padding: 0.333333rem 0.6666rem;
    margin-right: 8px;
    border-spacing: 0;
}

.action-div a:not(:first-child):hover {
    background-color: #dadada;
    border: 1px solid #0775B8;
    cursor: pointer;
    color: #303030;
}

table.filtertable #txtFilter {
    margin-left: 1rem;
    font-size: 8pt;
    font-family: Roboto, Tahoma, Verdana, Arial;
    min-width: 132px;
    border-color: #979797;
    border-width: 1.2px;
    border-radius: 3px;
    border-style: solid;
}

.btnInFilter, .textBoxInFilter {
    font-size: 8pt;
    font-family: Roboto, Tahoma, Verdana, Arial;
}

.headtable-no-filter {
    background-color: #f5f5f5;
    padding: 0.5rem;
    margin-bottom: 0;
    border: 0;
    border-radius: 4px;
}

table.headtable-no-filter {
    border-spacing: 0;
}

table.headtable-no-filter td {
    padding: 4px;
}

.action-grid-table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.action-grid-table td {
    padding: 0;
}

.action-grid-table .gridnormal {
    margin: 0 0.6666rem;
}

td.match-td {
    text-align: right;
    padding-right: 0.6666rem;
}

.child-menuitem {
    vertical-align: middle;
    padding: 0 5px;
    font-size: 10pt;
    height: 28px;
}

.child-menuitem a {
    display: flex;
    width: 100%;
    align-items: center;
}

.alert-panel-align-head {
    padding: 0 0.5rem ;
}

.remove-btn {
    background: url('../images/remove.svg') no-repeat;
    cursor: pointer;
    border: none;
}

.menuTable A {
    line-height: 100%;
    padding: 2px;
    text-decoration: inherit;
    white-space: nowrap;
    text-align: left;
    color: #484848;
    font: 13px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    text-size-adjust: 100%;
    display: block;
}

.menuTable A:hover {
    color: #f8972b;
}

#menu {
    border-spacing: 0px;
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    left: 0px;
    top: 0px;
    color: #484848;
    margin: 0;
    padding: 5px;
    position: absolute;
    display: none;
}

.veeva-gradient {
    background: linear-gradient(180deg, rgba(27,41,67,1) 0%, rgba(30,30,30,1) 80%, rgb(27,41,67,1) 100%);
}

.veeva-signin-button {
}

.veeva-signin-button:hover {
    filter: brightness(90%);
}

.veeva-signin-button:active {
    filter: brightness(100%) drop-shadow(-.25px -.5px .5px #787878);
    transform: translate(.25px, .5px);
}

.veeva-signin-element {
}

.veeva-signin-element:hover {
    filter: brightness(90%);
}

.veeva-signin-element:active {
    filter: brightness(100%);
    transform: translate(.25px, .5px);
}

.rounded-border {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

.rounded-left-border {
    border: 1px solid #aaaaaa;
    border-radius: 4.2px 0px 0px 4.2px;
}

.rounded-right-border {
    border: 1px solid #aaaaaa;
    border-radius: 0 4.2px 4.2px 0;
}

.is-in-error-border {
    border-color: #ce1300;
}

.is-in-error-background {
    background-color: pink;
}

.grey-background {
    background-color: #eeeeee;
}

.password-textbox {
    display: table-cell;
    width: 100%;
    box-sizing: border-box;
}

.grid-pagination {
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    font-family: Arial, sans-serif;
    width: 100%;
}

.centered-textbox {
    text-align: center;
}

.pagination-table {
    display: inline-block;
    border-collapse: separate;
    border-spacing: 5px 0;
}

.pagination-table td {
    text-align: center;
    vertical-align: middle;
    padding: 5px 8px;
}


.page-button,
.page-ellipsis,
.page-disabled {
    display: inline-block;
    padding: 6px 6px;
    margin: 0 2px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #ededed;
    text-decoration: none;
    border-radius: 4px;
    line-height: 1.42857143;
    cursor: pointer;
    user-select: none;
}

.page-button:hover {
    background-color: #eee;
    border-color: #ccc;
    color: #23527c;
}

.page-button.active {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
}

.page-disabled,
.page-button.active:hover,
.page-button:disabled {
    color: #f2f2f2;
    background-color: #fff;
    border-color: #dadada;
    cursor: default;
    opacity: 0.1;
}

.page-ellipsis {
    border: none;
    background: none;
    padding: 6px 0; 
    cursor: default;
}

.page-size-dropdown {
    padding: 6px;
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
}

.page-info-label {
    margin-left: 15px;
    color: #555;
    vertical-align: middle;
    display: inline-block; 
    padding: 6px 0;
}

.page-size-cell {
}

.page-info-cell {
}

body.ui-disabled {
    pointer-events: none;
    cursor: not-allowed;
}

body.ui-disabled button,
body.ui-disabled label,
body.ui-disabled input:not([type="file"]),
body.ui-disabled a,
body.ui-disabled select {
    opacity: 0.5;
}